h1 {
	font-size: 52px;
}

h2 {
	font-size: 40px;
}

.banner-bg {
	background: url("../images/fc-banner-bg.webp") no-repeat center;
	max-width: 1920px;
	height: 800px;
	margin: 0 auto;
}

.banner-information {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	padding-left: 100px;
	padding-top: 140px;
}

.banner-information h1 {
	color: var(--, #000);
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px;
}

.banner-bg h1 i {
	font-style: normal;
	color: #28B765;
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px;
}

.banner-information ul {
	margin-top: 20px;
}

.banner-information ul li {
	line-height: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 4px;
}

.banner-information ul li b {
	color: #1A1A1A;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-right: 5px;
}

.banner-information ul li span {
	color: var(--40, #666);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.banner-information ul li::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 6px;
}

.banner-information ul li:nth-child(1)::before {
	background: url('../images/fc-banner-ic2.svg');
}

.banner-information ul li:nth-child(2)::before {

	background: url('../images/fc-banner-ic3.svg');
}

.banner-information ul li:nth-child(3)::before {

	background: url('../images/fc-banner-ic1.svg');
}

.banner-information ul li:nth-child(4)::before {
	background: url('../images/fc-banner-ic4.svg');
}

.btn-box {
	margin-top: 50px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
}


.free-donwload-btn {
	display: flex;
	width: 260px;
	padding: 14px 20px;
	justify-content: center;
	align-items: center;
	border-radius: 60px;
	background: var(--cut, #28B765);
	border: 0;

	color: var(--100, #FFF);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.trust-box {
	margin-left: 10px;
}

.free-donwload-btn img {
	margin-right: 5px;
}

.free-donwload-btn:hover {
	color: var(--100, #FFF);
	background: var(--cut, #089645);
}

.buy-ml40 {
	margin-left: 40px;
}

.buy-now-btn {
	display: flex;
	width: 260px;
	padding: 15px 20px;
	justify-content: center;
	align-items: center;
	border-radius: 60px;
	border: 1.5px solid var(--cut, #28B765);

	color: var(--cut, #28B765);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.buy-now-btn:hover {
	opacity: 0.8;
	color: var(--cut, #fff);
	background: var(--cut, #089645);
}

.feature-box {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.feature-box span {
	color: #545454;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.feature-items {
	margin: 20px 0 0 0;
	padding: 0;
}

.feature-item {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 20px 30px 20px 30px;
	align-items: flex-start;
	border-radius: 16px;
	border: 1.5px solid #2FEA7F;
	background: var(--100, #FFF);
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}

.feature-item img {
	width: 44px;
	height: 44px;
}

.feature-item p {
	padding: 0;
	margin: 0;
}

.feature-item p b {
	color: #1A1A1A;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.feature-item p span {
	color: #666;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.mt {
	margin-top: 20px;
}

.gray-box {
	text-align: center;
	background: linear-gradient(180deg, #F5F8FA 0%, #F0FFF6 100%);
}

/*
*
*/
.sticky-wrapper {
	position: relative;
	overflow: visible;
	padding-top: calc(128vh * (10 / 96));
	margin: 0 auto;
	max-width: 1920px;
}

.sticky-content-slide {
	position: -webkit-sticky;
	position: sticky;
	bottom: 96px;
	overflow: hidden;
	height: 460px;
	border-radius: 16px;
}

.sticky-content-slide.slide-1 {
	bottom: calc(200vh * (10 / 96));
	z-index: 6;
	margin-top: calc(-160vh * (10 / 96));
	margin-bottom: calc(160vh * (10 / 96));
	background: #FFEBD9;
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}

.sticky-content-slide.slide-2 {
	bottom: calc(180vh * (10 / 96));
	z-index: 5;
	margin-top: calc(-130vh * (10 / 96));
	margin-bottom: calc(130vh * (10 / 96));
	background: #D8FFD0;
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}

.sticky-content-slide.slide-3 {
	bottom: calc(160vh * (10 / 96));
	z-index: 4;
	margin-top: calc(-110vh * (10 / 96));
	margin-bottom: calc(110vh * (10 / 96));
	background: #CBF6FE;
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}

.sticky-content-slide.slide-4 {
	bottom: calc(140vh * (10 / 96));
	z-index: 3;
	margin-top: calc(-90vh * (10 / 96));
	margin-bottom: calc(90vh * (10 / 96));
	background: #E0EEFF;
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}

.sticky-content-slide.slide-5 {
	bottom: calc(120vh * (10 / 96));
	z-index: 2;
	margin-top: calc(-70vh * (10 / 96));
	margin-bottom: calc(70vh * (10 / 96));
	background: #E6E5FF;
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}

.sticky-content-slide.slide-6 {
	bottom: calc(100vh * (10 / 96));
	z-index: 1;
	margin-top: calc(-50vh * (10 / 96));
	background: #F9E5FF;
}




.fav-block {
	height: 100%;
	padding: 0;
	display: flex;
	align-content: center;
}


.fav-title {
	display: flex;
	align-items: center;
	padding: 0 0 0 80px;
}

.fav-title h3 {
	font-size: 42px;
	color: #1A1A1A;
}

.fav-title p {
	font-size: 16px;
	color: #4D4D4D;
}

.fav-title div p a {
	margin-top: 30px;
}

.fav-block-right {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fav-block1-item {
	overflow: hidden;
	position: relative;
	padding: 10px;
	margin: 10px 0;
}

.fav-block1-item .fav-voice-item {
	border: 4px rgb(255, 255, 2555, 0) solid;
	border-radius: 38px;
	overflow: hidden;
	position: relative;
}

.fav-block1-item .fav-voice-item:hover {
	border: 4px rgb(255, 255, 2555, 1) solid;
}

.fav-block1-item div img {
	width: 100%;
	height: auto;
}

.fav-block1-item .btn-item {
	position: absolute;
	display: flex;
	width: 100%;
	bottom: 0;
	padding: 10px 16px;
	align-items: center;
	justify-content: flex-end;
}

.viral-model-box-1 {
	text-align: left;
}

.viral-model-box-1 b {
	color: var(--10, #1A1A1A);
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.viral-model-box-1 span {
	color: var(--40, #666);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.discover-box {
	text-align: center;
	background: url("../images/fc-discover-bg@2x.webp") no-repeat center;
	background-size: cover;
}

.discover-row1 {
	margin-top: 80px;
}

.discover-row2 {
	margin-top: 20px;
}

.discover-item {
	display: flex;
	width: 100%;
	height: 403px;
	padding: 30px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 16px;
	background: var(--100, #FFF);
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
	text-align: left;
	overflow: hidden;
}

.discover-item img {
	border-radius: 12px;
}

.discover-item b {
	color: var(--20, #333);
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 20px;
}

.discover-item span {
	color: var(--50, #808080);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 10px;
}

/*
* reviews
*/

.review-main {
	position: relative;
	height: 680px;
	width: 100%;
	overflow: hidden;
	padding: 40px 0;
}

.review-content {
	display: flex;
	position: absolute;
	transition: .5s linear;
	transform: translate3d(0, 0, 0)
}

.review-block {
	width: 400px;
	background: #EFF9FF;
	border-radius: 16px;
	padding: 30px;
	margin: 0 16px;
	position: relative;
}

.review-block div b {
	font-size: 20px;
}

.review-block-infro {
	display: flex;
	flex-direction: column;
}

.review-block-infro p {
	margin: 0;
	padding: 0;
}

.review-block-infro p img {
	margin: 0 8px 0 0;
	border-radius: 100px;
}

.review-block-infro p b {
	display: block;
	font-size: 18px;
}

.review-block-infro p span {
	color: gray;
}

.review-tab {
	display: flex;
	justify-content: center;
}

.review-tab span {
	width: 50px;
	height: 16px;
	background: #D9D9D9;
	margin: 0 10px;
	border-radius: 30px;
	cursor: pointer;
	transition: .3s linear;
}

.review-tab .sel {
	width: 100px;
	background: #02BEA0;
}

.review-start-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 50px;
}

.review-start-box b {
	color: var(--10, #1A1A1A);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.review-start-box i {
	color: #666;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-left: 5px;
}

.review-start-box span {
	color: var(--50, #808080);
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	margin-left: 5px;
}

.review-bg {
	background: linear-gradient(180deg, #FFF 0%, #EBFFF3 100%);
}

.ts-bg-box {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 60px;
	flex-direction: column;
	border-radius: 20px;
	border-top: 6px solid #1BE270;
	background: linear-gradient(180deg, #F0FFF6 0%, #FFF 100%);
	overflow: hidden;
}

.ts-title {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: 30px;
}

.ts-bg-box p b {
	color: #1A1A1A;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.ts-bg-box ul li {
	color: var(--40, #666);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.ts-bg-box ul li i {
	color: var(--cut, #28B765);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

.ts-bg-box p span {
	color: var(--40, #666);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/*
* FAQ
*/
.faq-block {
	border-bottom: 1px #e3e3e3 solid;
}

.faq-title {
	font-size: 22px;
	padding: 20px 100px 20px 0;
	cursor: pointer;
	position: relative;
	color: #333;
}

.faq-title::after {
	content: '\e62f';
	font-family: fs;
	display: block;
	position: absolute;
	right: 0;
	margin: -30px 0 0 0;
	transition: transform 0.3s linear;
	font-weight: bold;
	font-size: 18px;
}

.faq-title:hover {
	color: #28B765;
}

.faq-block .sel {
	color: #28B765;
	border: 0;
}

.faq-content {
	font-size: 18px;
	padding: 16px 15px;
	display: none;

}

.faq-content a {
	color: #28B765;
}

.faq-content a:hover {
	color: #28B765;
	text-decoration: underline;
}

.cta-box {
	margin: 100px auto 0 auto;
	background: url("../images/fc-ending-bg@2x.webp") no-repeat center;
	background-size: cover;
	height: 500px;
	max-width: 1920px;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cta-finecut {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cta-finecut img {
	margin-bottom: 20px;
}

.cta-finecut p span {
	color: var(--40, #666);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.cta-btn {
	display: flex;
	width: 340px;
	padding: 16px 40px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 60px;
	background: var(--cut, #28B765);
	color: var(--100, #FFF);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 50px;
}

.cta-btn:hover {
	background: #089645;
	color: var(--100, #FFF);
}

.banner-img {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.btn-box-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.btn-box-content p {
	margin: 10px 0 0 0;
	padding: 0;
}


.banner-information ul {
	list-style: none;
	padding-left: 0;
}

.banner-information ul li {
	margin-top: 10px;
}

.banner-information ul li b {
	color: var(--cut, #28B765);
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
}

.ts-bg-box ul {
	list-style: none;
	padding-left: 10px;
}

.ts-bg-box ul li::before {
	content: '•';
	color: var(--cut, #28B765);
	font-size: 20px;
	margin-right: 10px;
}



@media (max-width: 768px) {
	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 26px;
	}

	.buy-ml40 {
		margin: 0;
	}

	.btn-box-content {
		width: 100%;
	}

	.discover-item {
		height: 100%;
	}

	.discover-item img {
		width: 100%;
	}

	.sticky-content-slide {
		height: auto;
	}

	.viral-model-box-1 {}

	.fav-title {
		padding: 20px;
	}

	.viral-model-box-1 p b {
		font-size: 20px;
	}

	.fav-block img {
		width: 100%;
	}

	.discover-item b {
		font-size: 20px;
	}

	.ts-bg-box p b {
		font-size: 20px;
	}

	.faq-title b {
		font-size: 20px;
	}

	.discover-row2 {
		margin-top: 0;
	}

	.coltop {
		margin-top: 20px;
	}

	.banner-img {
		display: none;
	}

	.banner-bg {
		background: linear-gradient(282deg, #C9FFE0 24.66%, #FDFFE5 57.96%, #FDFFE5 76.65%, #FFF6D1 89.37%);
		height: 100%;
	}

	.banner-information {
		margin: 0;
		padding: 100px 20px 0 20px;
	}

	.banner-information h1 {
		font-size: 26px;
		line-height: normal;
		padding: 0 20px 0 0;
	}

	.banner-information h1 i {
		font-size: 26px;
		line-height: normal;
	}

	.banner-information ul li b {
		color: var(--cut, #28B765);
		font-size: 18px;
		font-style: normal;
		font-weight: 600;
		line-height: 30px;
	}

	.btn-box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 100px;
	}

	.free-donwload-btn {
		width: 100%;
	}

	.buy-now-btn {
		width: 100%;
		margin: 20px 0 0 0;
	}

	.cta-finecut h2 {
		font-size: 20px;
	}

	.cta-finecut p span {
		font-size: 16px;
	}
}

@media (max-width: 992px) {
	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 26px;
	}

	.banner-information h1 {
		font-size: 26px;
		line-height: normal;
		padding: 0 20px 0 0;
	}

	.banner-information h1 i {
		font-size: 26px;
		line-height: normal;
	}
}

@media (max-width: 1200px) {
	h1 {
		font-size: 36px;
	}

	h2 {
		font-size: 36px;
	}

	.banner-img {
		height: 100%;
	}

	.banner-information h1 {
		font-size: 36px;
		line-height: normal;
		padding: 0 20px 0 0;
	}

	.banner-information h1 i {
		font-size: 36px;
		line-height: normal;
	}

	.banner-bg {
		background: linear-gradient(282deg, #C9FFE0 24.66%, #FDFFE5 57.96%, #FDFFE5 76.65%, #FFF6D1 89.37%);
		height: 100%;
		align-items: center;
	}

	.banner-img {
		display: none;
	}

}

@media (max-width: 1600px) {
	h1 {
		font-size: 36px;
	}

	h2 {
		font-size: 36px;
	}

	.banner-img {
		height: 100%;
	}

	.banner-information h1 {
		font-size: 36px;
		line-height: normal;
		padding: 0 20px 0 0;
	}

	.banner-information h1 i {
		font-size: 36px;
		line-height: normal;
	}

	.banner-bg {
		background: linear-gradient(282deg, #C9FFE0 24.66%, #FDFFE5 57.96%, #FDFFE5 76.65%, #FFF6D1 89.37%);
		height: 100%;
		align-items: center;
	}

	.banner-img img {
		margin-left: 200px;
	}
}