:root {
	--avc-color: #3551DD;
	--avc-white-color: #ffffff;

	--use-case-bottom-1: -105px;
	--use-case-bottom-2: -155px;
	--use-case-bottom-3: -128px;
	--use-case-bottom-4: -80px;

	--use-case-work-bottom-1: -130px;
	--use-case-work-bottom-2: -155px;
	--use-case-work-bottom-3: -128px;
	--use-case-work-bottom-4: -105px;
}


.banner-bg {
	background: #7589E9 url(../images/banner-bg.webp) no-repeat top center;
	width: 100%;
	height: 846px;
}

.banner-text-content {
	text-align: center;
	justify-content: center;
	padding-top: 140px;
}

.banner-text-content h1 {
	padding: 20px 40px;
}

.banner-btn-block {
	display: flex;
	justify-content: center;
}

.banner-logo b{
	display: block;
	text-align: center;
	font-size: 32px;
	padding: 16px 0 0 0;
}
/*
* Clone Your Voice Button
*/
.banner-clone-btn {
	color: var(--avc-white-color);
	border-radius: 60px;
	background: var(--avc-color);
	font-size: 24px;
	padding: 16px 80px;
	font-weight: 500;
	position: relative;
	top: 0;
	transition: .3s linear;
	box-shadow: 0 2px 4px rgb(0, 0, 0, 0.1);
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 394px;
	height: 76px;
}

.banner-clone-btn::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/bt-left-icon.svg) no-repeat center;
	position: absolute;
	left: 30px;
	top: 22px;
}

.banner-clone-btn::after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/bt-right-icon.svg) no-repeat center;
	position: absolute;
	right: 30px;
	top: 22px;
}

.banner-clone-btn span {
	display: inline-block;
	position: relative;
	padding: 0 8px 0 0;
}

.banner-clone-btn:hover {
	color: var(--avc-white-color);
	box-shadow: 0 4px 16px rgb(0, 0, 0, 0.3);
	top: -3px;
	background-position: right center;
	text-decoration: none;
}

/*
* See Pricing
*/
.banner-Pricing-btn {
	display: inline-block;
	border-radius: 60px;
	font-size: 24px;
	color: #1F1F1F;
	font-weight: 600;
	position: relative;
	top: 0;
	transition: 0.3s;
	background-size: 300% auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px #1F1F1F solid;
	width: 253px;
	height: 76px;
	margin-left: 30px;
}

.banner-Pricing-btn span {
	display: block;
	position: relative;
	padding: 0 8px 0 0;
}

.banner-Pricing-btn:hover {
	color: #000;
	box-shadow: 0 4px 16px rgb(0, 0, 0, 0.3);
	top: -3px;
	background-position: right center;
	text-decoration: none;
}

/*
* Use Your AI Voice
*/
.sample-row {
	height: 435px;
}

.container {
	position: relative;
}

.sample-box {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 16px;
	width: 204px;
	height: 216px;
	position: absolute;
	background-color: var(--avc-white-color);
	box-shadow: 0 1px 4px rgb(0, 0, 0, 0.14);
}

.sample-box p {
	font-weight: 500;
	color: #8C8C8C;
}

.sample-box-trans {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 16px;
	width: 204px;
	height: 216px;
	position: absolute;
	transform: rotate(16deg);
	left: 200px;
	top: 50px;
	background-color: var(--avc-white-color);
	box-shadow: 0 1px 4px rgb(0, 0, 0, 0.14);
}

.sample-box-trans p {
	font-weight: 500;
	color: #8C8C8C;
}

.sample-arrow {
	position: absolute;
	left: 200px;
	top: -20px;
}

.item-avatar {
	text-align: center;
	margin: 30px 0;
	display: block;
}

.item-avatar img {
	border-radius: 59px;
}

.item-avatar p {
	padding-top: 10px;
}

.sample-box1 {
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 30px;
	width: 410px;
	height: 420px;
	background-color: var(--avc-white-color);
	box-shadow: 0 0 4px rgb(0, 0, 0, 0.14);
	text-align: center;
}

.sample-box1 b {
	font-size: 32px;
}

.play-button {
	border: 1px solid rgba(0, 0, 0, 0.15);
	width: 147px;
	height: 47px;
	border-radius: 30px;
	background-color: transparent;
	margin-top: 10px;
	justify-content: center;
	text-align: center;
}

.play-button span {
	padding-left: 10px;
}

/*
* Why Need AI Voice Cloning
*/
.need-avc {
	text-align: center;
}

.need-avc p span {
	font-size: 18px;
	color: #404040;
}

.need-avc p b {
	font-size: 18px;
	color: #404040;
}

.switch-border {
	width: 638px;
	height: 72px;
	border-radius: 100px;
	background: #F3F3F3;
	justify-content: center;
	position: relative;
	margin: 0 auto;

}

.fs-fea-nav {
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0;
	display: flex;
	position: absolute;
	z-index: 10;
}

.fs-fea-nav li {
	width: 309px;
	height: 52px;
	margin: 5px 0;
	cursor: pointer;
	align-items: center;
	display: flex;
	justify-content: center;
}

.fs-fea-nav li b {
	font-size: 20px;
}

.fs-id-nav-bg {
	width: 50%;
	height: 52px;
	background: #3551DD;
	border-radius: 30px;
	position: absolute;
	margin: 10px 10px;
}

.fs-id-nav-color b {
	color: #fff;
}

.fs-nav-product {
	color: #fff;
}

.user-container {
	display: block;
	position: relative;
	height: 426px;
	overflow: hidden;
	margin-top: 20px;

}

.use-case {
	width: 100%;
	height: 426px;
	border-radius: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.4s;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.use-case::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #000 100%);
	z-index: 10;
}

.life-use-case-1 {
	background: url(../images/why-life-photo1.webp) no-repeat center;
}

.life-use-case-2 {
	background: url(../images/why-life-photo2.webp) no-repeat center;
}

.life-use-case-3 {
	background: url(../images/why-life-photo3.webp) no-repeat center;
}

.life-use-case-4 {
	background: url(../images/why-life-photo4.webp) no-repeat center;
}

.work-use-case-1 {
	background: url(../images/why-work-photo1.webp) no-repeat center;
}

.work-use-case-2 {
	background: url(../images/why-work-photo2.webp) no-repeat center;
}

.work-use-case-3 {
	background: url(../images/why-work-photo3.webp) no-repeat center;
}

.work-use-case-4 {
	background: url(../images/why-work-photo4.webp) no-repeat center;
}

.case-block {
	text-align: left;
	margin: 0 auto;
	padding: 20px;
	color: #fff;
	transition: .3s linear;
	position: absolute;
	z-index: 20;
}

.case-block p b {
	font-size: 26px;
}

.case-block p span {
	opacity: 0.8;
}


.use-case:hover .case-block {
	bottom: 0;
}

.case-block-item1 {
	bottom: var(--use-case-bottom-1);
}

.case-block-item2 {
	bottom: var(--use-case-bottom-2);
}

.case-block-item3 {
	bottom: var(--use-case-bottom-3);
}

.case-block-item4 {
	bottom: var(--use-case-bottom-4);
}


.case-work-block-item1 {
	bottom: var(--use-case-work-bottom-1);
}

.case-work-block-item2 {
	bottom: var(--use-case-work-bottom-2);
}

.case-work-block-item3 {
	bottom: var(--use-case-work-bottom-3);
}

.case-work-block-item4 {
	bottom: var(--use-case-work-bottom-4);
}

/*
*How to Clone Your Own Voice
*/
.how-to-border {
	background: #F8F8F8;
	margin-top: 130px;
}

.how-to-main{
	background: #F2F4FF;
}

.how-to-font {
	text-align: center;
}

.how-to-font h1 {
	color: #000;
}

.how-to-font p {
	padding: 6px 0;
	font-size: 18px;
	color: #404040;
}

.how-to-setup {
	text-align: center;
}

.how-to-setup b {
	font-size: 24px;
}

.how-to-setup p span {

	font-size: 16px;
	color: #666666;
}
.how-to-setup p a{
	color: #3551DD;
}
.how-to-setup p a:hover{
	text-decoration: underline;
}
/*
*Why choose FineShare to clone your voice?
*/


.choose-item-border {
	height: 460px;
	border-radius: 16px;
	background-color: #F8F8F8;
	text-align: center;
	margin-top: 26px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.choose-item-border p {
	padding: 0px 30px;
}

.choose-item-border p b {
	font-size: 24px;
	color: #000;
}

.choose-item-border p span {
	font-size: 16px;
	color: #404040;
}

.choose-item-border p span a {
	font-size: 16px;
	color: #3551DD;
}

.choose-get-av {
	text-align: center;
}

.choose-get-av p b {
	font-size: 42px;
	color: #000;
}

.choose-get-av p span {
	font-size: 18px;
	color: #404040;
}

/*
 * Reviewd and Trusted 
*/
.review-trusted {
	margin: 0;
}

.review-trusted b {
	font-size: 32px;
}


/*
*How does cloning work on Fineshare
*/
.h100 {
	height: 100% !important;
}

.gray-bg {
	background-color: #F6F6F6;
	align-items: center;
}

.left-panel-bg {
	background-color: #ffffff;
}

.use-cloned-voice-left {
	margin-left: 20%;
	margin-right: 10%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.use-cloned-btn-border {
	text-align: left;
	width: 400px;
}

.cloned-btn-center {
	display: flex;
	justify-content: center;
}

.use-cloned-voice-left p {
	padding: 5px 0;
}

.use-cloned-voice-left p span {
	font-size: 18px;
	color: #404040;
}

.use-cloned-voice-right {
	display: flex;
	overflow: hidden;
	align-items: center;
}

.container-test {
	display: flex;
	flex-direction: column;
}



.box {
	width: 100%;
	height: 100px;
	transition: all 0.3s ease;
	overflow: hidden;
	border-bottom: 1px solid #E2E2E2;
	cursor: pointer;
}

.box:first-child {
	height: 200px;
}

.box:first-child p b {
	color: #3551DD;
}

.box p b {
	font-size: 32px;
	color: #000;
}

.box p b::after {
	content: '\e659';
	font-family: fs;
	position: relative;
	top: 4px;
	left: 10px;
	transition: .3s linear;
}

.box p span {
	font-size: 16px;
	color: #666666;
}

.box:hover {
	color: #3551DD;
}

.box:hover p b {
	color: #3551DD;
}

.box:hover p b::after {
	color: #3551DD;
	left: 20px;
}



.clone-now-btn {
	color: var(--avc-white-color);
	border-radius: 60px;
	background: var(--avc-color);
	font-size: 24px;
	padding: 16px 80px;
	font-weight: 500;
	position: relative;
	top: 0;
	transition: .3s linear;
	box-shadow: 0 2px 4px rgb(0, 0, 0, 0.1);
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	padding: 10px 100px;
}

.clone-now-btn::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/bt-left-icon.svg) no-repeat center;
	position: absolute;
	left: 30px;
	top: 22px;
}

.clone-now-btn::after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/bt-right-icon.svg) no-repeat center;
	position: absolute;
	right: 30px;
	top: 22px;
}

.clone-now-btn span {
	display: inline-block;
	position: relative;
	padding: 0 8px 0 0;
}

.clone-now-btn:hover {
	color: var(--avc-white-color);
	box-shadow: 0 4px 16px rgb(0, 0, 0, 0.3);
	top: -3px;
	background-position: right center;
	text-decoration: none;
}


.clone-setup {
	margin-left: 30px;
	margin-bottom: 30px;
	display: flex;
	justify-content: left;
}


.setup-box {
	position: relative;
	display: flex;
	align-items: center;
	height: 30px;
}

.setup-box-item {
	width: 330px;
	color: #404040;
	cursor: pointer;
}

.setup-box-item p span {
	font-size: 16px;
}

.setup-box-item1 {
	width: 330px;
	color: #404040;
	cursor: pointer;
}

.setup-box-item1 p span {
	font-size: 16px;
}

.setup-box-item2 {
	width: 330px;
	color: #404040;
	cursor: pointer;
}

.setup-box-item2 p span {
	font-size: 16px;
}


.dashed-circle {
	width: 30px;
	height: 30px;
	border-radius: 16px;
	background-color: #ffffff;
	color: #000;
	text-align: center;
	justify-content: center;
	font-size: 18px;
}

.clone-setup-img {
	margin-left: 5px;
}
.clone-setup-img1 {
	margin-left: 5px;
}
.clone-setup-img2 {
	margin-left: 5px;
}
.clone-setup-def-img {
	text-align: center;
}

.use-cloned-right-img
{
	margin: 0;
}

.sel {
	color: #3551DD;
}

.sel .setup-box .dashed-circle {
	background-color: #3551DD;
	color: #ffffff;
}

.dashed-line {
	position: relative;
	width: 300px;
	height: 1px;
	background-color: transparent;
}

.dashed-line::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #404040;
	transform: translateY(-50%);
}

/*
* Clone Your First AI Voice Today
* Buy Cloned
*/
.buy-bg {
	background: url(../images/buy-bg.webp) no-repeat top center;
	background-size: cover;
	min-height: 1101px;
}

.buy-left-panel {
	padding: 100px 40px;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.buy-left-panel p b {
	font-size: 42px;
}

.buy-left-panel p span {
	font-size: 18px;
	color: #404040;
}

/* 
.buy-left-panel p span::before {
	content: '\e607';
	font-family: fs;
	position: absolute;
	top: 0;
	left: 0;
} */

.product-panel {
	background: white;
	border-radius: 16px;
	min-height: 226px;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.section-box {
	margin-left: 20px;
}

.m4-tb {
	margin-top: 10px;
	margin-bottom: 10px;
}

.section-box span {
	font-size: 18px;
	color: #404040;
	padding: 0px 10px;
}

.buy-plan-box {
	border-radius: 30px;
	width: 594px;
	height: 626px;
	background: #ffffff;
	text-align: center;
	position: absolute;
	top: 6px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.buy-plan-bottom-box {
	border-radius: 30px;
	width: 594px;
	height: 632px;
	background: linear-gradient(to right, #3551DD, #FF9A26);
	box-shadow: 0 0 8px rgb(0, 0, 0, 0.14);
	text-align: center;
	position: absolute;
}

.plan-item-box {
	width: 480px;
	height: 97px;
	border-radius: 16px;
	border: 2px #F1F1F1 solid;
	margin: 16px 0;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: .3s linear;
	box-shadow: 0 0 0 rgb(0, 0, 0, 0);
}

.plan-item-box:hover {
	border: 2px #F1F1F1 solid;
	box-shadow: 0 0 6px rgb(0, 0, 0, 0.1);
	background-position: right center;
	text-decoration: none;
}

.price-b {
	font-size: 32px;
}

.raido-button {
	width: 28px;
	height: 28px;
	border: 1px #d9d9d9 solid;
	border-radius: 14px;
	margin: 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.raido-button span {
	width: 14px;
	height: 14px;
	display: block;
	border-radius: 7px;
	background-color: #ffffff;
}

.sel-plan {
	border: 2px #FF9A26 solid !important;
}

.sel-plan .raido-button {
	border: 1px #FF9A26 solid;
	background-color: #FF9A26;
}

.sel-plan .price-b b {
	color: #FF9A26;
}


.plan-rect {
	width: 270px;
	text-align: left;
}


.plan-rect b {
	color: #1A1A1A;
	font-size: 20px;
}

.plan-rect span {
	color: #666666;
	font-size: 16px;
}

.buy-button {
	width: 480px;
	height: 96px;
	background: #FF9A26;
	border-radius: 16px;
	border: 0px;
	margin: 16px 0;
	color: #ffffff;
	cursor: pointer;
	transition: .3s linear;
	box-shadow: 0 0 0 rgb(0, 0, 0, 0);
}

.buy-button:hover {
	box-shadow: 0 4px 16px rgb(0, 0, 0, 0.3);
	background-position: right center;
	text-decoration: none;
}


.buy-button span {
	font-size: 32px;
	font-weight: 500;
	margin-left: 10px;
}

.buy-button i {
	font-size: 32px;
}

/*
*AI Voice Cloning Beyond Your Imagination
*/
.avc-case-box {
	text-align: center;
}

.avc-case-box p h2 {
	font-size: 52px;
}

.avc-case-box p span {
	font-size: 18px;
	color: #666666;
}

.avc-case-tab {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.avc-case-tab p {
	padding: 10px 20px;
}

.tab-p {
	font-size: 32px;
	color: #E3E3E3;
	cursor: pointer;
}

.avc-case-tab p span {
	font-size: 32px;
	font-weight: 600;
	color: #E3E3E3;
}

.sel-tab b {
	color: #3551DD;
}

.switch-case-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
* 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: #3551DD;
}

.faq-block .sel {
	color: #3551DD;
	border: 0;
}

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

}

.faq-content a {
	color: #3551DD;
}

.faq-content a:hover {
	color: #3551DD;
	text-decoration: underline;
}

/*
* User Review
*/
.user-header-photo img {
	border-radius: 60px;
}

.user-content {
	width: 75%;
	margin: 0 auto;
	padding: 30px 0;
	overflow: hidden;
}

.user-header {
	width: 100%;
	display: flex;
	position: relative
}

.user-header-name {
	padding: 0 0 0 16px;
	display: flex;
	align-items: center
}

.user-header::after {
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/user-tips.svg) no-repeat;
	position: absolute;
	right: 0;
	top: 0
}

.user-header-name div p {
	margin: 0;
	padding: 2px 0;
	text-align: left
}

.user-header-name div p span {
	color: gray
}

.user-text {
	text-align: left;
	padding: 30px 0;
	color: gray
}

.user-text p b {
	color: #000;
	font-size: 24px
}

.user-header-photo img {
	border-radius: 60px
}

/*
* More Tips and Tricks Sytle
*/
.content-pd-8 {
	padding: 12px 12px;
}

.tips-tricks-content {
	padding: 0;
	display: flex;
}

.tips-tricks-item {
	height: 100%;
	background: #F3F4F5;
	border-radius: 16px;
	width: 100%;
	padding: 24px 30px;
}

.tips-tricks-item p {
	color: #1A1A1A;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

.tips-tricks-item p a {
	color: #1A1A1A;
	margin: 0px 0px;
}

.tips-tricks-item a:hover {
	color: #3551DD;
	text-decoration: underline;
}

/*
* Donwloads
*/
.bt-bg-mt {
	margin: 100px 50px 0 0;
}

.bt-bg {
	background: url(../images/bottom-bg.webp) no-repeat center top;
	border-radius: 30px;
	max-width: 1660px;
	min-height: 574px;
}

.bootm-text {

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.bootm-text p {
	margin: 0;
	padding: 16px 0;
}

.bootm-text h2 {
	font-size: 38px;
}


.bootm-text p b {
	font-size: 24px;
}

.bootm-text p span {
	font-size: 18px;
	color: #404040;
}

/*
* User Case Tab
*/

.fc-tab-content {
	overflow: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	padding: 0;
	background: #fff;
	border-radius: 30px;
	box-shadow: 0 0 8px rgb(0, 0, 0, 0.1);
	position: relative;
	z-index: 10;
	height: 696px;
}

.fc-tab-panel {
	width: 100%;
	height: 696px;
	background-color: #fff;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: normal;
}

.fc-tab-panel:last-child {
	margin-right: 0
}

.fc-tab-block {
	height: 100%;
	text-align: left;
	display: flex;
	align-items: left;
	justify-content: center;
	flex-direction: column;
}

.fc-tab-left {
	height: 100%;
	display: flex;
	align-items: center;
}

.fc-tab-right {
	text-align: left;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 60px;
}

.fc-tab-right div p span {
	display: block;
	padding: 8px 0;
}

.fc-tab-right .active span {
	transform: none !important;
}

.fc-active {
	display: block;
}

.scenes-business {
	background: url(../images/scenes-business.webp) no-repeat center;
}

.scenes-creation {
	background: url(../images/scenes-creation.webp) no-repeat center;
}

.scenes-life {
	background: url(../images/scenes-life.webp) no-repeat center;
}

.scenes-marketing {
	background: url(../images/scenes-marketing.webp) no-repeat center;
}

.scenes-training {
	background: url(../images/scenes-training.webp) no-repeat center;
}

.scenes-max-font
{
	font-size: 120px;
	color: #ffffff;
	margin-left: 20px;
}

.scenes-content
{
	margin-left: 20px;
}

.scenes-content-box
{
	width: 388px;
	height: 202px;
	border-radius: 16px;
	background: #ffffff;
	opacity: 0.8;
	display: flex;
	align-items: left;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 20px;
	margin-right: 20px;
}
.scenes-content-box p
{
	padding: 0;
	margin: 4px;
}
.scenes-content-box p b{
	font-size: 18px;
}
.scenes-content-box p span{
	font-size: 16px;
	color: #404040;
}

/*Buy Window*/
.fs-buy-bg {
	width: 100%;
	height: 100%;
	background: rgb(2, 6, 27, 0.8);
	position: fixed;
	top: 0;
	display: none;
	z-index: 200;
}

.fs-buy-box {
	width: 960px;
	height: 620px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.fs-buy-main {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

.fs-buy-infor {
	background: #E3FBF7;
}

.fs-buy-title {
	text-align: center;
	padding: 30px 16px 0 16px;
}

.fs-buy-title p b {
	font-size: 20px;
}

.fs-buy-price {
	background: #fff;
	border-radius: 8px;
	text-align: center;
	padding: 16px 0;
	margin: 0 auto;
}

.fs-buy-price p {
	margin: 0;
	padding: 0;
}

.fs-buy-price p b {
	font-size: 32px;
}

.fs-buy-price p b i {
	font-style: normal;
}

.fs-buy-price p span {
	color: #333333;
}

.fs-buy-list {
	margin: 10px 0 0 0;
	list-style: none;
	padding: 0;
}

.fs-buy-list li {
	padding: 6px 0 6px 24px;
	position: relative;
	font-size: 14px;
}

.fs-buy-list li::before {
	content: '\e607';
	font-family: fs;
	font-weight: 600;
	position: absolute;
	left: 0;
}

.fs-none {
	display: none;
}

.fs-buy-menu {
	overflow: hidden;
	padding: 8px 0 0 0;
}

.fs-buy-tips {
	float: left;
	width: 90%;
	float: left;
	padding: 8px 0 8px 8px;
}

.fs-buy-close {
	float: right;
	width: 10%;
	text-align: right;
}

.fs-buy-close button {
	border: 0;
	background: none;
	margin: 3px 0 0 0;
	opacity: 0.5;
	border-radius: 30px;
}

.fs-buy-close button:hover {
	opacity: 1;
	background: #EDEDED;
}

.fs-buy-pay {
	height: 523px;
	overflow-y: auto;
}

.fs-buy-block {
	padding: 0 30px;
	height: 100%;
}

.fs-buy-block p {
	overflow: hidden;
}

.fs-buy-block p span {
	display: block;
	padding: 0 0 8px 0;
}

.fs-buy-block p span a {
	display: inline-block;
	width: 200px;
	text-align: right;
	float: right;
}

.fs-buy-input {
	border: 2px #BEBEBE solid;
	width: 100%;
	padding: 10px;
	border-radius: 4px;
}

.fs-buy-btn {
	width: 100%;
	border: 0;
	background: #06C668;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	padding: 12px 0;
	font-size: 20px;
}

.fs-buy-btn:hover {
	background: #05d56d;
}

.overlay-pause{
	
}

@media (max-width: 768px) {
	:root {
		--use-case-bottom-1: -180px;
	}

	.container {
		display: none;
	}

	.banner-Pricing-btn {
		width: 394px;
		margin: 10px 0 0 0;
	}

	.banner-btn-block {
		display: block;
	}

	.banner-text-content h1 {
		padding: 10px 10px;
	}

	.sample-row {
		height: 320px;
	}

	.sample-box1 {
		margin-top: 10px;
	}

	.use-cloned-voice-left {
		margin-left: 0;
	}

	.use-cloned-voice-right {
		display: none;
	}
}

@media (max-width: 992px) {
	:root {
		--use-case-bottom-1: -160px;
	}

	.container {
		display: none;
	}

	.sample-box1 {
		margin-top: 10px;
	}
}

@media (max-width: 1200px) {
	:root {
		--use-case-bottom-1: -140px;
	}

	.sample-box1 {
		margin-top: 10px;
	}

	.use-cloned-voice-right {
		display: none;
	}

	.use-cloned-voice-left {
		margin-left: 0;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) {
	.life-use-case-1 {
		background: url(../images/why-life-photo1@2x.webp) no-repeat center;
		background-size: 761px 426px;
	}

	.life-use-case-2 {
		background: url(../images/why-life-photo2@2x.webp) no-repeat center;
		background-size: 529px 426px;
	}

	.life-use-case-3 {
		background: url(../images/why-life-photo3@2x.webp) no-repeat center;
		background-size: 538px 426px;
	}

	.life-use-case-4 {
		background: url(../images/why-life-photo4@2x.webp) no-repeat center;
		background-size: 752px 426px;
	}


	.work-use-case-1 {
		background: url(../images/why-work-photo1@2x.webp) no-repeat center;
		background-size: 761px 426px;
	}

	.work-use-case-2 {
		background: url(../images/why-work-photo2@2x.webp) no-repeat center;
		background-size: 529px 426px;
	}

	.work-use-case-3 {
		background: url(../images/why-work-photo3@2x.webp) no-repeat center;
		background-size: 538px 426px;
	}

	.work-use-case-4 {
		background: url(../images/why-work-photo4@2x.webp) no-repeat center;
		background-size: 752px 426px;
	}

	.bt-bg {
		background: url(../images/bottom-bg@2x.webp) no-repeat center;
		background-size: 1660px 574px;
	}

}