h1 {
	font-size: 52px;
}

h2 {
	font-size: 46px;
}

h3 {
	font-size: 21px;
}

canvas {
	width: 100%;
	height: 100%;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}

.banner-data {
	max-width: 1050px;
	text-align: center;
}

.banner-data h1 {
	font-size: 58px;
}

.banner-data p b {
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
}

.banner-data p span {
	color: rgba(102, 102, 102, 0.99);
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
}

.banner-data a {
	color: #08DEBC;
}

.banner-data a:hover {
	text-decoration: underline;
	color: #02BEA0;
}

.banner-container {
	/* height: 100vh; */
	position: relative;
	padding: 0;
}


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

.trusted-box h2 {
	text-align: center;
	font-size: 36px !important;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.trusted-box-items {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 100px;
}

.trusted-box-items img {
	display: flex;
	margin: 20px;
	filter: grayscale(100%);
}

.hg100 {
	height: 100px;
}

.trusted-box-items-mobie {
	display: none;
}

.header2_content-wrapper {
	top: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: url("../images/new/fv-banner-bg.webp") no-repeat top center;
	background-size: cover;
	position: relative;
}

.banner-left1 {
	position: absolute;
	left: 60px;
	top: -80px;
	opacity: 0.5;
}

.banner-left2 {
	position: absolute;
	top: 160px;
	left: -100px;
	opacity: 0.5;
}

.banner-right1 {
	position: absolute;
	right: -100px;
	top: -100px;
	opacity: 0.5;
}

.banner-right2 {
	position: absolute;
	right: 160px;
	top: 260px;
	opacity: 0.5;
}

.header2_images-wrapper {
	z-index: 30;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 10%;
	right: auto;
}

.header2_images-wrapper.images-wrapper-right {
	z-index: 30;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: auto;
	right: 10%;
}

.banner-single {
	z-index: 99;
	align-items: center;
	justify-content: center;
	position: relative;
	display: flex;
	flex-direction: column;
	top: 30%;
}

.banner-sample-box {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	height: 500px;
}

.banner-sample-box .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	height: auto;
	/* background-color: #000000cc; */
}

.swiper-slide-content {
	display: flex;
	align-items: center;
	justify-content: center;
}

.visualize-video-outter {
	border-radius: 120px;
	overflow: hidden;
	width: 240px;
	height: 240px;
	position: relative;
	cursor: pointer;
	transition: transform 0.08s linear;
}

.visualize-video-outter:hover {
	/* zoom: 1.1; */
	transform: scale(1.1);
}

.visualize-video-outter video {
	width: 240px;
	height: 240px;
}

.mobile-video-outter {
	width: 100%;
	padding: 10px;
	overflow: hidden;
	position: relative;
}

.mobile-video-outter video {
	width: 100%;
	border-radius: 16px;
}

.mobile-video-controls {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.mobile-video-controls button {
	width: 32px;
	height: 32px;
}

.mobile-voice-play {
	width: 32px;
	height: 32px;
	background: url(../images/fv-video-play.svg) no-repeat center;
	background-size: 32px 32px;
	border: 0;
}

.mobile-voice-pause {
	width: 32px;
	height: 32px;
	background: url(../images/fv-video-pasue.svg) no-repeat center;
	background-size: 32px 32px;
	border: 1px #999 soild;
}

.mobile-videos {
	display: none;
}

.swiper {
	width: 100%;
	/* height: 300px; */
	margin: 30px 0;
	position: relative;
	overflow: hidden;
	height: 500px;
}

.banner-sample-box canvas {
	position: absolute;
	width: 550px;
	left: calc((100% - 550px) / 2);
	z-index: 0;
	top: -25px;
}

.visualize-video-controls {
	position: absolute;
	bottom: 26.1%;
	left: 40.25%;
	opacity: 1;
	z-index: 2;
}

.visualize-video-controls-outter:hover button {
	opacity: 1;
}

/* .visualize-video-controls:hover button {
	opacity: 1;
} */

.banner-visualize-play-btn {
	border: none;
	background: transparent;
}

.banner-visualize-play-btn span {
	width: 240px;
	height: 240px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 24px;
	color: white;
}

.banner-visualize-play-btn span::before {
	content: " ";
	display: inline-block;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	background: url(../images/new/av-play.svg) no-repeat center;
	background-size: 24px 24px;
	border: 0;
	bottom: 0;
}

.banner-visualize-pause-btn {
	border: none;
	background: transparent;
}

.banner-visualize-pause-btn span {
	width: 240px;
	height: 240px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 24px;
	color: white;
}

.banner-visualize-pause-btn span::before {
	content: " ";
	display: inline-block;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	background: url(../images/new/av-stop.svg) no-repeat center;
	background-size: 24px 24px;
	border: 0;
}


.voice-demo {
	display: flex;
}

.btnvoicebase {
	background: none;
	border: 0;
	border-radius: 80px;
	width: 160px;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btnvoicebase:hover {
	border: 2px solid #08DEBC;
}


.btnimg {
	width: 140px;
	height: 140px;
	overflow: hidden;
	position: relative;
	border-radius: 70px;
	overflow: hidden;
}


.banner-voice-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity 0.3s ease;
}

.voice-simplay-mobie {
	display: flex;
	margin-top: 20px;
	display: none;
}

.btnvoicebase-mobie {
	background: none;
	border: 0;
	border-radius: 60px;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin-right: 10px;
}

.btnimg-mobie {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: relative;
	border-radius: 60px;
	overflow: hidden;
}


.banner-linear-font {
	background: linear-gradient(90deg, #08DEBC 0%, #9C4FFF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Poppins;
	font-style: normal;
	font-weight: 700;
	line-height: 50px;
}

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

.start-btn-box span {
	margin-top: 10px;
	color: rgba(102, 102, 102, 0.99);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	/* 144.444% */
}

.start-btn {
	display: flex;

	padding: 20px 40px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 60px;
	background: #333;
	color: var(--100, #FFF);
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	transition: background 0.5s ease;
}

.start-btn:hover {
	background: #02BEA0;
	color: var(--100, #FFF);
}

#visualization-container {
	width: 100%;
	height: 400px;
	background: green;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	z-index: 20;
	bottom: 0;
	opacity: 1;
}

/*
*Part II
*/
.highlights {
	column-width: 306px;
	column-gap: 0;
}

.highlight-item {
	display: inline-block;
	column-break-inside: avoid;
	width: 306px;
	border-radius: 16px;
	margin-top: 5px;
	overflow: hidden;
}

.highlight-item:hover {
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.hl-content-base {
	text-align: left;
}

.hl-content-base b {
	color: #fff;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.hl-content-base span {
	color: var(--100, #fff);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.hib-container {
	width: 306px;
	height: 250px;
	position: relative;
}

.hl-item-content-1,
.hl-item-hover-1,
.hl-item-1 {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s ease;
	width: 306px;
	height: 250px;
	border-radius: 16px;
	overflow: hidden;
}

.hl-item-hover-1 {
	opacity: 0;
	background: #02BEA0;
}

.hl-item-content-1 {
	opacity: 0;
	display: flex;
	flex-direction: column;
	padding: 30px;
	color: #fff;
}

.hl-item-1 {
	width: 306px;
	height: 250px;
	background: url("../images/new/iu-3-voice.webp") no-repeat center;
}

.highlight-item:hover .hl-item-content-1 {
	opacity: 1;
}

.highlight-item:hover .hl-item-hover-1 {
	opacity: 1;
}

.hib-container-2 {
	width: 306px;
	height: 220px;
	position: relative;
}

.hl-item-2 {
	width: 306px;
	height: 220px;
	background: url("../images/new/iu-ai-voice.webp") no-repeat center;
}

.hl-item-content-2,
.hl-item-hover-2,
.hl-item-2 {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s ease;
	width: 306px;
	height: 220px;
	border-radius: 16px;
	overflow: hidden;
}

.hl-item-hover-2 {
	opacity: 0;
	background: #02BEA0;
}

.hl-item-content-2 {
	opacity: 0;
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.highlight-item:hover .hl-item-content-2 {
	opacity: 1;
}

.highlight-item:hover .hl-item-hover-2 {
	opacity: 1;
}

.hib-container-3 {
	width: 306px;
	height: 300px;
	position: relative;
}

.hl-item-3 {
	width: 306px;
	height: 300px;
	background: url("../images/new/iu-efficiency.webp") no-repeat center;
}

.hl-item-content-3,
.hl-item-hover-3,
.hl-item-3 {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s ease;
	width: 306px;
	height: 300px;
	border-radius: 16px;
	overflow: hidden;
}

.hl-item-hover-3 {
	opacity: 0;
	background: #02BEA0;
}

.hl-item-content-3 {
	opacity: 0;
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.highlight-item:hover .hl-item-content-3 {
	opacity: 1;
}

.highlight-item:hover .hl-item-hover-3 {
	opacity: 1;
}



.hib-container-4 {
	width: 306px;
	height: 170px;
	position: relative;
}

.hl-item-4 {
	width: 306px;
	height: 170px;
	background: url("../images/new/iu-viral-globally.webp") no-repeat center;
}

.hl-item-content-4,
.hl-item-hover-4,
.hl-item-4 {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s ease;
	width: 306px;
	height: 170px;
	border-radius: 16px;
	overflow: hidden;
}

.hl-item-hover-4 {
	opacity: 0;
	background: #02BEA0;
}

.hl-item-content-4 {
	opacity: 0;
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.highlight-item:hover .hl-item-content-4 {
	opacity: 1;
}

.highlight-item:hover .hl-item-hover-4 {
	opacity: 1;
}

.hib-container-5 {
	width: 306px;
	height: 170px;
	position: relative;
}

.hl-item-5 {
	width: 306px;
	height: 170px;
	background: url("../images/new/iu-unlimited.webp") no-repeat center;
}

.hl-item-content-5,
.hl-item-hover-5,
.hl-item-5 {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s ease;
	width: 306px;
	height: 170px;
	border-radius: 16px;
	overflow: hidden;
}

.hl-item-hover-5 {
	opacity: 0;
	background: #02BEA0;
}

.hl-item-content-5 {
	opacity: 0;
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.highlight-item:hover .hl-item-content-5 {
	opacity: 1;
}

.highlight-item:hover .hl-item-hover-5 {
	opacity: 1;
}

.hib-container-6 {
	width: 306px;
	height: 300px;
	position: relative;
}

.hl-item-6 {
	width: 306px;
	height: 300px;
	background: url("../images/new/iu-4-step.webp") no-repeat center;
}

.hl-item-content-6,
.hl-item-hover-6,
.hl-item-6 {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s ease;
	width: 306px;
	height: 300px;
	border-radius: 16px;
	overflow: hidden;
}

.hl-item-hover-6 {
	opacity: 0;
	background: #02BEA0;
}

.hl-item-content-6 {
	opacity: 0;
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.highlight-item:hover .hl-item-content-6 {
	opacity: 1;
}

.highlight-item:hover .hl-item-hover-6 {
	opacity: 1;
}

.hib-container-7 {
	width: 306px;
	height: 371px;
	position: relative;
}

.hl-item-7 {
	width: 306px;
	height: 371px;
	background: url("../images/new/iu-versatile.webp") no-repeat center;
}

.hl-item-content-7,
.hl-item-hover-7,
.hl-item-7 {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s ease;
	width: 306px;
	height: 371px;
	border-radius: 16px;
	overflow: hidden;
}

.hl-item-hover-7 {
	opacity: 0;
	background: #02BEA0;
}

.hl-item-content-7 {
	opacity: 0;
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.highlight-item:hover .hl-item-content-7 {
	opacity: 1;
}

.highlight-item:hover .hl-item-hover-7 {
	opacity: 1;
}


.hl-item-8 {
	width: 306px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("../images/new/iu-start-nr.webp") no-repeat center;
}

.hl-item-8:hover {
	background: url("../images/new/iu-start-sl.webp") no-repeat center;
}

.hl-item-8 i {
	color: var(--100, #FFF);
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	align-items: center;
}

.hl-item-8 i::after {
	content: '';
	display: inline-block;
	width: 34px;
	height: 34px;
	background: url("../images/new/start-arrow.svg") no-repeat center;
	margin-left: 5px;
	transition: transform 0.3s ease;
}

.hl-item-8 i:hover::after {
	transform: translateX(10px);
}

.vo3-bg {
	height: 1593px;
}

.ov3-title {
	text-align: center;
	padding: 0 30px;
}

.ov3-title b {
	background: linear-gradient(90deg, #08DEBC 0%, #9C4FFF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

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

.nav-section {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.nav-box {
	display: flex;
	padding: 10px;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	border-radius: 60px;
	background: rgba(0, 0, 0, 0.07);
	height: 80px;
	width: 980px;
}


.nav-btn {
	display: flex;
	height: 60px;
	padding: 10px 40px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border: 0;
	background: none;
	color: var(--20, #333);
}

.nav-sel {
	border-radius: 60px;
	background: var(---, #02BEA0);
	color: var(--20, #fff);
}

.nav-btn i {
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	display: flex;
	align-items: center;
}

.nav-btn-1 i::before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url("../images/new/ov3-icon-1.svg") no-repeat center;
	margin-right: 5px;
}

.nav-btn-2 i::before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url("../images/new/ov3-icon-1.svg") no-repeat center;
	margin-right: 5px;
}

.nav-btn-3 i::before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url("../images/new/ov3-icon-3.svg") no-repeat center;
	margin-right: 5px;
}

.vo3-content {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.vo-item-box {
	width: 100%;
	border-radius: 16px;
	background: #E0EDF9;
	height: auto;
	margin: 0;
	padding: 0;
}

.vo-item-box-bgc {
	background: #FFE9DF !important;
}

.vo-item-box-bgc img {
	margin-right: 0 !important;
	margin-left: 30px;
}

.vo-item-box b {
	color: var(--10, #1A1A1A);
	text-align: center;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.vo-item-box p span {
	color: var(--40, #666);
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.vo-item-box img {
	margin-right: 30px;
}

.vo-item-col {
	margin: 0;
	padding: 0;
}


.vo-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 30px;
	text-align: left;
}

.vo-info b {
	color: var(--10, #1A1A1A);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.vo-info p {
	padding: 0;
	margin: 5px;
}

.watchvideo {
	color: var(--30, #4D4D4D);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 12px 45px;
	border-radius: 60px;
	border: 1.5px solid rgba(77, 77, 77, 0.30);
}

.watchvideo::before {
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url("../images/new/ic-video-demo.svg") no-repeat center;
	margin-left: 6px;
	margin-right: 6px;
}

.watchvideo:hover {
	color: var(--30, #4D4D4D);
	border: 1.5px solid var(--30, #4D4D4D);
}

.tagbox {
	display: flex;
	padding: 6px 20px;
	align-items: flex-start;
	gap: 10px;
	border-radius: 8px;
}

.vo-info-flex {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.ov-tag-bg1 {
	background: #F2F9FF;
}

.ov-tag-bg1 b {
	color: #539CDF;
}

.ov-tag-bg2 {
	background: #FFF3ED;
}

.ov-tag-bg2 b {
	color: #E77A4B;
}

.ov-tag-bg3 {
	background: #EDEDFF;
}

.ov-tag-bg3 b {
	color: #8477E8;
}


.tagbox b {
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.btnbox {
	display: flex;
	margin-bottom: 20px;
	margin-left: 30px;
	align-items: center;
}

.ov3-demo-btn {
	position: absolute;
	border: 0;
	width: 78px;
	height: 42px;
	bottom: 20px;
	right: 20px;
	background: url("../images/new/ov3-play.svg") no-repeat center;
}

.getstartbtn {
	display: flex;
	padding: 12px 75px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 60px;
	background: var(--20, #333);
	color: var(--100, #FFF);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.getstartbtn:hover {
	color: var(--100, #FFF);
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.30);
}

#voplayer {
	width: 590px;
	border-radius: 20px;
	display: block;
	object-fit: contain;
	background-color: rgba(0, 0, 0, 0);
	object-position: 50% 50%;
}

.full-play-video {
	width: 100%;
	height: 100%;
	background: rgb(2, 6, 27, 0.8);
	position: fixed;
	top: 0;
	display: none;
	z-index: 200;
}

.full-video-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	position: relative;
}

.fs-buy-close {
	border: 0;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
}

.fs-buy-close:hover {
	opacity: 0.8;
}

#fullplayer {
	width: 1280px;
	border-radius: 20px;
	display: block;
	object-fit: contain;
	background-color: rgba(0, 0, 0, 0);
	object-position: 50% 50%;
}

/*
* Part III
*/
.ai-voice-avater {
	display: flex;
	width: 3000px;
}

.row1,
.row2 {
	position: relative;
}

.audio-open-close {
	width: 24px;
	height: 24px;
	background: url("../images/new/ic-audio-close.svg") no-repeat center;
	position: absolute;
	border: 0;
	top: 10px;
	left: 10px;
}

.audio-open {
	width: 24px;
	height: 24px;
	background: url("../images/new/ic-audio-open.svg") no-repeat center;
	position: absolute;
	border: 0;
	top: 10px;
	left: 10px;
}

.audio-close {
	width: 24px;
	height: 24px;
	background: url("../images/new/ic-audio-close.svg") no-repeat center;
	position: absolute;
	border: 0;
	top: 10px;
	left: 10px;
}


.part-three-bg {
	background: #F7F8FA;
}

.voice-avater {
	width: 280px;
	height: 400px;
	border-radius: 10px;
	margin-left: 20px;
	overflow: hidden;
}

.avater-box {
	position: relative;
}

.avater-box img {
	position: absolute;
	top: 0;
	left: 0;
}

.avater-box a {
	display: none;
}

.avater-box button {
	display: none;
}

.avater-box:hover a {
	display: block;
}


.ai-voice-box {
	text-align: center;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.ai-voice-box b {
	color: #333;
	text-align: center;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.avater-getstart {
	padding: 10px 40px;
	border-radius: 60px;
	background: #02BEA0;
	position: absolute;
	top: 340px;
	left: 50%;
	transform: translateX(-50%);
	min-width: 200px;
	color: var(--100, #FFF);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.avater-getstart:hover {
	color: var(--100, #FFF);
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.30);
}

.voice-box-radius {
	width: 626px;
	height: 626px;
	flex-shrink: 0;
	border-radius: 626px;
	border: 12px solid #E7EAF0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto;
}

.rotating-quarter-circle {
	width: 626px;
	height: 626px;
	background: conic-gradient(from 90deg, #02BEA0 25%, transparent 25% 100%);
	border-radius: 50%;
	transition: transform 0.3s linear;
	position: absolute;
	z-index: 1;
	transform: rotate(180deg);
}

.play-btn {
	border: 0;
	width: 52px;
	height: 52px;
	border-radius: 32px;
	overflow: hidden;
}

.voice-play {
	width: 52px;
	height: 52px;
	background: url(../images/new/av-play.svg) no-repeat center;
	border: 0;
}

.voice-pause {
	width: 52px;
	height: 52px;
	background: url(../images/new/av-stop.svg) no-repeat center;
	border: 1px #999 soild;
}

.fav-block2-voice-wava {
	width: calc(100% - 48px);
	padding: 0 8px;
}

.wava-box {
	width: 378px;
	z-index: 4;
	display: flex;
	align-items: center;
	padding: 6px;
	border-radius: 48px;
	background: var(--100, #FFF);
	box-shadow: 0px 4.839px 19.354px 0px rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(50px);
	padding-left: 20px;
	margin-top: 340px;
}

.box-radius-box {
	width: 610px;
	height: 610px;
	border-radius: 610px;
	background: white;
	position: absolute;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
}

.box-radius-bg {
	width: 542px;
	height: 542px;
	flex-shrink: 0;
	border-radius: 542px;
	background: linear-gradient(180deg, #A9FCEC 12.38%, #00C6CD 99.54%);
	overflow: hidden;
	z-index: 4;
}

.feature-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 5px;
}

.feature {
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	align-self: stretch;
	margin-top: 20px;
	text-align: left;
	cursor: pointer;
}

.feature-sel {
	border-radius: 10px;
	background: var(--100, #FFF);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
}

.feature b {
	color: var(--20, #333);
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-align: left;
}


.feature-text {
	border-top: 1px solid var(--90, #E6E6E6);
	color: var(--50, #808080);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-top: 10px;
}

.boost-items {
	display: flex;
	flex-wrap: wrap;
}


.max-boost-item {
	display: flex;
	width: 630px;
	height: 300px;
	padding: 24px;
	border-radius: 16px;
	border: 1px solid var(--90, #E6E6E6);
	background: var(--100, #FFF);
	margin-top: 30px;
	flex-direction: column;
	margin-right: 14px;
}

.min-boost-item {
	display: flex;
	width: 308px;
	height: 300px;
	padding: 24px;
	border-radius: 16px;
	border: 1px solid var(--90, #E6E6E6);
	background: var(--100, #FFF);
	margin-top: 20px;
	flex-direction: column;
	margin-right: 14px;
}

.boost-item-title {
	color: var(--20, #333);
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.progress-content {
	margin-top: 50px;
}

.progress-content b {
	font-family: Poppins;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	line-height: 52px;
}

.fc-progress {
	height: 12px;
	border-radius: 6px;
	width: 0;
}

.fc-min-progress {
	height: 12px;
	border-radius: 6px;
	background: #E9E9E9;
	margin-top: 20px;
	width: 0;
}


.fc-bg-color {
	background: #73A2F6;
}

.tc-bg-color {
	background: #21BDE8;
}

.fc-color {
	color: #73A2F6;
}

.tc-color {
	color: #21BDE8;
}

.pr-color {
	color: #1FD6C0;
}

.pr-bg-color {
	background: #1FD6C0;
}

.us-color {
	color: #F153C6;
}

.us-bg-color {
	background: #F153C6;
}

.qu-color {
	color: #9A58F1;
}

.qu-bg-color {
	background: #9A58F1;
}

.ex-color {
	color: #F8964B;
}

.ex-bg-color {
	background: #F8964B;
}

.progress-tips {
	text-align: left;
}

.progress-tips b {
	color: var(--30, #4D4D4D);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.progress-tips span {
	color: var(--50, #808080);
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}


.tc-min-progress {
	height: 12px;
	border-radius: 6px;
	background: #E9E9E9;
	margin-top: 20px;
	width: 0;
}


.pr-progress {
	height: 12px;
	border-radius: 6px;
	width: 0;
}


.pr-min-progress {
	height: 12px;
	border-radius: 6px;
	background: #E9E9E9;
	margin-top: 20px;
	width: 0;
	animation: pr-min-grow 2s forwards;
}

.us-min-progress {
	height: 12px;
	border-radius: 6px;
	background: #E9E9E9;
	margin-top: 20px;
	width: 0;
}

.ust-min-progress {
	height: 12px;
	border-radius: 6px;
	background: #E9E9E9;
	margin-top: 20px;
	width: 0;
}


.qu-min-progress {
	height: 12px;
	border-radius: 6px;
	background: #E9E9E9;
	margin-top: 20px;
	width: 0;
}


#sectionbox {
	position: relative;
	width: 1314px;
	height: 900px;
	overflow: hidden;
	top: 0;
	background: #fff;
	z-index: 100;
}

.container-section {
	height: 1440px;
	position: relative;
	overflow: hidden;
	border: 1px solid;
}

.container-viral {
	overflow: hidden;
}

.overall-box {
	height: 300px;
	align-self: stretch;
	border-radius: 16px;
	background: linear-gradient(90deg, #905AF9 0%, #11D5BF 100%);
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.overall-font {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.overalltips {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.overalltips i {
	color: var(--100, #FFF);
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	border: 0;
	background: none;
	cursor: pointer;
	z-index: 2;
	margin-right: 5px;
}


.overall-font b {
	color: var(--100, #FFF);
	text-align: center;
	font-size: 160px;
	font-style: normal;
	font-weight: 700;
	line-height: 160px;
}

.viral-model {
	position: absolute;
	display: flex;
	width: 1314px;
	height: auto;
	padding: 40px;
	align-items: center;
	gap: 50px;
	border-radius: 16px;
	flex-wrap: wrap;
	top: 50%;
	transition: transform 0.5s, opacity 0.5s;
}

.viral-model-box-1 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 30px;
}

.viral-model-box-1 b {
	color: var(--20, #333);
	font-family: Poppins;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 50px;
}

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

.viral-model-box-1 .blackbtnmt {
	display: flex;
	width: 440px;
	padding: 16px 80px;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.viral-model-box-2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: 30px;
}

.viral-model-box-2 b {
	color: var(--20, #333);
	font-family: Poppins;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 50px;
}

.viral-model-box-2 span {
	font-size: 16px;
	font-style: normal;
}

.linear-font {
	background: linear-gradient(90deg, #08DEBC 0%, #9C4FFF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 50px;
}

.blackbtn {
	display: flex;
	padding: 16px 40px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 60px;
	background: var(--20, #333);
	color: var(--100, #FFF);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-top: 50px;
}

.blackbtnmt {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 40px;
	gap: 12px;
	margin-top: 32px;
	background: none;
	border: 1.5px solid var(--20, #333);
	color: var(--20, #333);
	border-radius: 60px;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
}

.blackbtnmt:hover {
	background: var(--20, #333) !important;
	color: var(--100, #FFF) !important;
}

.blackbtn:hover {
	color: var(--100, #FFF);
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.30);
}

.blacklink {
	color: var(--20, #333);
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	text-decoration-line: underline;
	margin-top: 10px;
	margin-left: 20px;
}


.viral-bg-tag {
	display: inline-flex;
	padding: 8.416px 26.931px 5.05px 26.931px;
	justify-content: center;
	align-items: center;
	gap: 8.416px;
	border-radius: 13.465px 13.465px 0px 0px;
	background: linear-gradient(90deg, #08DEBC 0%, #9C4FFF 100%);

	color: var(--100, #FFF);
	text-align: center;
	font-size: 16.832px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-left: 12px;
}

.lang-voice-box {
	display: flex;
	width: 525px;
	padding: 20px;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	border-radius: 13px;
	background: #F2F5FA;
}

.lang-item {
	display: flex;
	width: 218px;
	padding: 4px 8px;
	align-items: center;
	flex-shrink: 0;
	background: var(--100, #FFF);
	border-radius: 8.4px;
	justify-content: space-between;
	border: 1.6px solid #FFF;
	margin-left: 18px;
	margin-top: 18px;
	cursor: pointer;
}

.langsel {
	border: 1.5px solid #08DEBC;
}

.lang-item:hover {
	border: 1.5px solid #08DEBC;
}

.lang-btn-base {
	width: 30px;
	height: 30px;
	border: 0px;
}

.lang-btn-default {
	background: url("../images/new/play-nr-32.svg") no-repeat center;
}

.lang-btn-play {
	background: url("../images/new/play-sl-32.svg") no-repeat center;
}

.lang-btn-stop {
	background: url("../images/new/stop-sl-32.svg") no-repeat center;
}

/*
*
*/
.vice-changer-bgc {
	background: #F7F8FA;
}

.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: 600px;
	border-radius: 16px;
}

.sticky-content-slide.bgc1 {
	height: 100%;
	background: linear-gradient(180deg, #8DF8E7 0%, #FFF 100%) !important;
	box-shadow: none !important;
}

.sticky-content-slide.bgc2 {
	height: 100%;
	background: linear-gradient(180deg, #A7E2FF 0%, #FFF 100%) !important;
	box-shadow: none !important;
}

.sticky-content-slide.bgc3 {
	height: 100%;
	background: linear-gradient(180deg, #CDCEFF 0%, #FFF 100%), linear-gradient(180deg, #8DF8E7 0%, #FFF 100%) !important;
	box-shadow: none !important;
}

.sticky-content-slide.slide-1 {
	bottom: calc(168vh * (10 / 96));
	z-index: 3;
	margin-top: calc(-128vh * (10 / 96));
	margin-bottom: calc(108vh * (10 / 96));
	background: #E5FFFB;
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}

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

.sticky-content-slide.slide-3 {
	bottom: calc(48vh * (10 / 96));
	z-index: 1;
	margin-top: 0;
	background: #E5E6FF;
}

.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-title-right {
	padding: 10px 80px 10px 30px;
}

.fav-title-right .pt-3 {
	padding-top: 8px !important;
}

.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;
}

.fv-play {
	border: 0;
	background: #4d3a40 url(../images/usecase/avg-uc-audio-play.svg) no-repeat center;
	background-size: 18px;
	border-radius: 20px;
	width: 40px;
	height: 30px;
	text-align: center;
	padding: 8px 12px;
}

.fav-block1-item .btn-item .fv-pause {
	background: #4d3a40 url(../images/usecase/avg-uc-audio-pause.svg) no-repeat center !important;
	background-size: 16px !important;

}

.fav-block2-item {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 65px 32px;
}

.fav-block3-item {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.video-container-main {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.video-container {
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
	display: flex;
	align-items: center;
}

.video-container img {
	border-radius: 16px;
}

.viral-video-or-audio {
	display: flex;
	flex-direction: column;
}

.viral-wava-box {
	display: flex;
	width: 100%;
	padding: 16px;
	align-items: center;
	background: var(--100, #FFF);
	border-radius: 0 0 20px 20px;
	overflow: hidden;
}

#videoPlayer {
	height: 330px;
	border-radius: 20px 20px 0 0;
	display: block;
	object-fit: contain;
	background-color: rgba(0, 0, 0, 0);
	object-position: 50% 50%;
}


.video-container1 {
	height: auto;
	position: relative;
	overflow: hidden;
}

#vo2player {
	width: 100%;
	border-radius: 20px 20px 0 0;
	display: block;
	object-fit: contain;
	background-color: rgba(0, 0, 0, 0);
	object-position: 50% 50%;
}

#vo3player {
	width: 100%;
	border-radius: 20px 20px 0 0;
	display: block;
	object-fit: contain;
	background-color: rgba(0, 0, 0, 0);
	object-position: 50% 50%;
}


.vo-mode-base {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	min-height: 629px;
	border-radius: 16px;
	width: 642px;
	height: 100%;
}

.cpl {
	padding-left: 0;
}

.cpr {
	padding-right: 0;
}

.vo-mode-bg2 {
	background: #E9D7CF;
}

.vo-right {
	margin-right: 10px;
}

.vo-left {
	margin-left: 10px;
}

.vo-mode-bg3 {
	background: #DDE3FF;
}

.vomt20 {
	margin-top: 20px;
}

.vo-model2-info {
	display: flex;
	flex-direction: column;
}


.gvg-commercial-voices {
	display: flex;
	flex-direction: column;
	margin-left: 30px;
}

.gvg-container {
	position: relative;
	width: 487px;
	height: 361px;
	flex-shrink: 0;
	border-radius: 16px;
	overflow: hidden;
}

.gvg-container img {
	position: absolute;
	top: 0;
	left: 0;
}

.gvg-wava-box {
	width: 470px;
	height: 100%;
	z-index: 4;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: absolute;
	top: -20px;
	left: 16px;
}

.gvg-play-btn {
	border: 0;
	width: 52px;
	height: 52px;
	overflow: hidden;
}

.gvg-voice-style {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.btnvoicestyle {
	display: flex;
	padding: 12px;
	align-items: center;
	border-radius: 8px;
	background: var(--100, #FFF);
	margin-right: 10px;
	margin-top: 10px;
	color: var(--20, #333);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	border: 1.5px solid var(---, #FFF);
}

.selstyle {
	border-radius: 8px;
	border: 1.5px solid var(---, #02BEA0);
	background: #DFFFFA;
	color: var(--20, #333);
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.btnvoicestyle:hover {
	border-radius: 8px;
	border: 1.5px solid var(---, #02BEA0);
	background: #DFFFFA;
	color: var(--20, #333);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.selvoicestyle {
	border-radius: 8px;
	border: 1.5px solid var(---, #02BEA0);
	background: #DFFFFA;
	color: var(--20, #333);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

/*
* Part VII
*/
.design-bg {
	background: #F7F8FA;
}

.design-box {
	width: 100%;
	border-radius: 16px;
	overflow: hidden;
	min-height: 462px;
}

.design-box-col {
	margin: 0;
	padding: 40px 0 0;
}

.vo-item-box-2 {
	margin: 0 !important;
}

.db-box2 {
	padding: 0px 0 20px 0;
}

.dbox-color2 {
	background: linear-gradient(125deg, #EAEDFF 18.48%, #E0F2FF 105.07%);
	margin-top: 40px;
}



.clean-mp {
	margin: 0;
	padding: 30px;
}

.videobox1 {
	width: 100%;
	height: 100%;
	border-radius: 0px 0px 16px 0px;
}

#demovp1 {
	width: 678px;
	height: 382px;
	border-radius: 0px 0px 16px 0px;
	display: block;
	object-fit: contain;
	background-color: rgba(0, 0, 0, 0);
	object-position: 50% 50%;
}

.design-img {
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.design-img img {
	border-radius: 12px;
}

.design-content {
	padding-right: 30px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.design-content b {
	color: var(--10, #1A1A1A);
	font-family: Poppins;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.design-content span {
	color: #4D4D4D;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 10px;
	text-align: center;
}

.text-left {
	text-align: left !important;
}

.cloning-row {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}

.cloning {
	display: flex;
	padding: 0 15px;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	border-radius: 16px;
}

.cloning span {
	text-align: center
}

.clone1 {
	margin-right: 10px;
	background: #CCFFF1;
}

.clone2 {
	margin-left: 10px;
	background: #EBEBFF;
}

.clone2 span {
	padding-bottom: 30px;
}

.voice-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	padding: 10px 30px 20px;
}

.dvcloum {
	display: flex;
	align-items: flex-end;
	justify-content: end;
}

#demovp2 {
	width: 678px;
	height: 382px;
	border-radius: 0px 0px 0px 16px;
	display: block;
	object-fit: contain;
	background-color: rgba(0, 0, 0, 0);
	object-position: 50% 50%;
}

.clone-img {
	width: 678px;
	height: 382px;
	border-radius: 0px 0px 0px 16px;
	overflow: hidden;
}

.redeemvbox {
	display: flex;
	align-items: center;
	justify-content: center;
}

#redeemvideo {
	height: 582px;
	border-radius: 16px;
	display: block;
	object-fit: contain;
	background-color: rgba(0, 0, 0, 0);
	object-position: 50% 50%;
}

.redeem-btn-box {
	margin-top: 60px;
}

.redeem-go {
	padding: 20px 80px;
	border-radius: 60px;
	background: #02BEA0;
	color: var(--100, #FFF);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.redeem-go:hover {
	color: var(--100, #FFF);
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.30);
}


/*
*
*/
#demovp3 {
	width: 716px;
	border-radius: 16px;
	display: block;
	object-fit: contain;
	background-color: rgba(0, 0, 0, 0);
	object-position: 50% 50%;
}

.setup-box {
	display: flex;
	flex-direction: column;
	padding-left: 30px;
	padding-right: 10px;
}

.setup-base {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	flex: 1 0 0;
	min-height: 100px;
}

.setup-base b {
	color: var(--20, #333);
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.setup-base span {
	color: var(--50, #808080);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.bottom-line {
	border-bottom: 1.5px solid var(--90, #E6E6E6);
}

.setup-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
}

/*
* Part IX
*/
.fv-studio {
	overflow: hidden;
}

.slider-container {
	overflow: hidden;
	position: relative;
}

.fv-tools {
	display: flex;
	transition: transform 0.5s ease;
}

.fv-tool-item {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 16px;
	border: 1px solid var(--90, #E6E6E6);
	background: var(--100, #FFF);
	min-height: 393px;
	width: 418px;
	overflow: hidden;
}

.fv-tool-bg {
	width: 100%;
	height: 320px;
	flex-shrink: 0;
	background: linear-gradient(288deg, #B9B8FF 2.9%, #00BAB4 44.28%, #00BAB4 58.07%, #55E5B1 90.53%);
}

.fv-tool-nav {
	width: 100%;
	height: 73px;
	padding-left: 20px;
	padding-right: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fv-tool-item {
	margin-right: 20px;
}

.fv-tool-item i {
	color: var(---, #1A1A1A);
	width: 100%;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.fv-tool-item i::after {
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	background: url("../images/new/arrow.svg") no-repeat center;
	transform: translateX(180px) translateY(0);
	animation: moveRight 1s linear infinite;
	opacity: 0;
}

.fv-tool-item:hover i {
	color: var(---, #02BEA0);
}

.fv-tool-item:hover i::after {
	display: inline-block;
	animation: fadeInMoveRight 1s infinite;
}

@keyframes fadeInMoveRight {
	0% {
		opacity: 0;
		transform: translateX(160px) translateY(0);
	}

	50% {
		opacity: 1;
		transform: translateX(180px) translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateX(160px) translateY(0);
	}
}

.studio-button-box {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}

.btnlarrow {
	width: 64px;
	height: 64px;
	border: 0;
	background: url("../images/new/arrow-left.svg");
}

.btnlarrow:disabled {
	opacity: 0.5;
}

.btnrarrow {
	width: 64px;
	height: 64px;
	border: 0;
	background: url("../images/new/arrow-right.svg");
	margin-left: 20px;
}

.btnrarrow:disabled {
	opacity: 0.5;
}

.say-about {
	display: flex;
	width: 100%;
	padding: 100px 302px;
	flex-direction: column;
	align-items: center;
	gap: 80px;
	background: #F7F8FA;
}

.say-about-item {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sayitem {
	min-width: 255px;
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}

.sayitem b {
	text-align: center;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	/* 100% */
	background: linear-gradient(90deg, #08DEBC 0%, #9C4FFF 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: 20px;
}

.sayitem span {
	color: var(--20, #333);
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.review-sayabout-main {
	position: relative;
	height: 344px;
	width: 1030px;
	overflow: hidden;
	padding: 0;
	margin-top: 20px;
}

.review-sayabout-block {
	width: 1000px;
	border-radius: 16px;
	padding: 30px;
	margin: 0 16px;
	position: relative;
	border-radius: 16px;
	background: var(--100, #FFF);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}

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

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

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


/*
* reviews
*/

.review-main {
	position: relative;
	height: 640px;
	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-infro {
	display: flex;
	align-items: center;
}

.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;
}

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

.faq-title {
	font-size: 22px;
	padding: 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: var(--tts-green);
}

.faq-block .sel {
	color: var(--tts-green);
	border: 0;
}

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

.faq-content a {
	color: var(--tts-green);
}

.faq-content a:hover {
	color: var(--tts-green);
	text-decoration: underline;
}

/*
*
*/
.guide-discord {
	display: flex;
}

.guide-discord-base {
	display: flex;
	padding: 30px 40px;
	flex-direction: column;
	border-radius: 16px;
	width: 642px;
	height: 460px;
	overflow: hidden;
}

.gdmgr {
	margin-right: 20px;
}

.guide-bg {
	background: url("../images/new/iu-guide.webp") no-repeat center;
}

.discord-bg {
	background: url("../images/new/iu-discord.webp") no-repeat center;
}

.guide-discord-base b {
	color: var(---20, var(--10, #fff));
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 10px;
}

.guide-discord-base span {
	color: var(--40, #fff);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 10px;
}

.guide-box {
	margin-right: 10px;
}

.discord-box {
	margin-left: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	height: 100%;
}

.gdbtn {
	display: flex;
	padding: 14px 40px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 60px;
	border-radius: 60px;
	border: 1.5px solid var(---, #fff);
	color: var(---, #fff);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-top: 20px;
	cursor: pointer;
}

.gdbtn:hover {
	color: var(--100, #00BDC9);
	border: 1.5px solid var(---, #00BDC9);
}

.fvbg-color {
	width: 100%;
	height: 580px;
	border-radius: 60px;
	align-self: stretch;
	background: linear-gradient(90deg, #00BDC9 0.56%, #00E7AF 99.98%);
	position: relative;
	overflow: hidden;
}

.fv-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.fvbg {
	width: 1920px;
	height: 580px;
	background: url("../images/new/footer-wave.webp") no-repeat center;
	position: relative;
}

.fv-content b {
	color: var(--100, #fff);
	text-align: center;
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
}

.fv-content span {
	color: var(--100, #fff);
	text-align: center;
	font-size: 36px;
	font-style: normal;
	padding: 0 40px;
}

.fv-content a {
	display: flex;
	padding: 20px 40px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 60px;
	background: var(--100, #fff);
	margin-top: 30px;
	color: #00BDC9 !important;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.fv-content a:hover {
	color: #00BDC9 !important;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}

/*tool tips*/
.tooltip-container {
	position: relative;
	display: inline-block;
}

.info-icon {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.tipbox {
	display: none;
	position: absolute;
	left: 50%;
	top: 40px;
	transform: translateX(-100%);

	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 10;
	font-size: 14px;

	display: flex;
	width: 520px;
	padding: 20px;
	border-radius: 12px;
	overflow: hidden;
}

.tipbox ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tipbox ul>li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
	text-align: left;
	/* Space for the dot */
}

.tipbox ul>li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 8px;
	height: 8px;
	background-color: #02BEA0;
	border-radius: 50%;
}

.tipbox ul ul {
	padding-left: 20px;
	margin-top: 10px;
	color: var(--50, #808080);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.tipbox ul ul li {
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
	text-align: left;
	/* Space for the dot */
}

.tipbox ul ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 8px;
	height: 8px;
	border: 1.5px #02BEA0 solid;
	background-color: #fff;
	border-radius: 50%;
}

.tipbox ul li b {
	color: var(--20, #333);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.tipbox ul li span {
	color: #02BEA0;
}

.tipbox:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #fff transparent;
}

.fv-tools-mobie {
	display: none;
	height: auto;
}

.voice-simplay-mobie {
	display: none;
}


@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) {
	.voiceimg1 {
		background: url("../images/new/voice-1@2x.png") no-repeat top center;
		background-size: 140px 140px;
	}

	.voiceimg2 {
		background: url("../images/new/voice-2@2x.png") no-repeat top center;
		background-size: 140px 140px;
	}


	.voiceimg3 {
		background: url("../images/new/voice-3@2x.png") no-repeat top center;
		background-size: 140px 140px;
	}


	.voiceimg4 {
		background: url("../images/new/voice-4@2x.png") no-repeat top center;
		background-size: 140px 140px;
	}

	.voiceimg5 {
		background: url("../images/new/voice-5@2x.png") no-repeat top center;
		background-size: 140px 140px;
	}

	.hl-item-1 {
		background: url("../images/new/iu-3-voice@2x.webp") no-repeat center;
		background-size: 306px 250px;
	}

	.hl-item-2 {
		background: url("../images/new/iu-ai-voice@2x.webp") no-repeat center;
		background-size: 306px 220px;
	}

	.hl-item-3 {

		background: url("../images/new/iu-efficiency@2x.webp") no-repeat center;
		background-size: 306px 300px;
	}

	.hl-item-4 {
		background: url("../images/new/iu-viral-globally@2x.webp") no-repeat center;
		background-size: 306px 170px;
	}

	.hl-item-5 {
		background: url("../images/new/iu-unlimited@2x.webp") no-repeat center;
		background-size: 306px 170px;
	}

	.hl-item-6 {
		background: url("../images/new/iu-4-step@2x.webp") no-repeat center;
		background-size: 306px 300px;
	}

	.hl-item-7 {
		background: url("../images/new/iu-versatile@2x.webp") no-repeat center;
		background-size: 306px 371px;
	}



	.guide-bg {
		background: url("../images/new/iu-guide@2x.webp") no-repeat center;
		background-size: 642px 460px;
	}

	.discord-bg {
		background: url("../images/new/iu-discord@2x.webp") no-repeat center;
		background-size: 642px 460px;
	}
}

@media (max-width: 1480px) {
	.banner-data h1 {
		font-size: 40px;
	}

	.banner-linear-font {
		font-size: 40px;
	}

	.banner-data h1 {
		font-size: 50px;
	}

	.banner-linear-font {
		font-size: 50px;
	}

	.clone2 span {
		padding-bottom: 0;
	}
}

@media (max-width: 1280px) {
	.banner-data h1 {
		font-size: 40px;
	}

	.banner-linear-font {
		font-size: 40px;
	}
}

@media (max-width: 1024px) {
	.banner-data h1 {
		font-size: 40px;
	}

	.banner-linear-font {
		font-size: 40px;
	}

	#highlights-container {
		display: none;
	}

	.voice-box-radius {
		display: none;
	}

	.trusted-box-items img {
		margin: 10px;
	}
}

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

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 19px;
	}

	.banner-data h1 {
		font-size: 30px;
	}

	.banner-linear-font {
		font-size: 30px;
	}

	.trusted-box-items {
		display: none;
	}

	.trusted-box-items-mobie {
		display: block;
		margin-top: 50px;
	}

	.trusted-box-items-mobie img {
		margin: 20px;
	}

}

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

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 19px;
	}

	.banner-left1 {
		display: none;
	}

	.banner-left2 {
		display: none;
	}

	.banner-right1 {
		display: none;
	}

	.banner-right2 {
		display: none;
	}

	.banner-sample-box {
		display: none;
	}

	.mobile-videos {
		display: block;
	}

	.header2_images-wrapper {
		display: none;
	}

	.header2_content-wrapper {
		height: 100%;
	}

	.banner-single {
		top: 0%;
		padding: 40px 0 !important;
	}

	.banner-data h1 {
		font-size: 30px;
	}

	.banner-container {
		height: 100%;
	}

	.banner-data p span {
		color: rgba(102, 102, 102, 0.99);
		text-align: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
	}

	.banner-linear-font {
		font-size: 30px;
	}

	.start-btn {
		font-size: 20px;
	}

	.start-btn-box span {
		font-size: 16px;
	}

	.voice-simplay-mobie {
		display: none;
	}

	.header2_images-wrapper {
		display: none;
	}

	.design-box {
		margin: 0;
		padding: 0;
		margin-top: 20px;
	}

	.db-box1 {
		padding: 0px;
	}

	.db-box2 {
		padding: 0px;
	}

	.clone2 img {
		display: none;
	}

	.clone1 img {
		display: none;
	}

	.design-img {
		display: none;
	}

	.design-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 20px;
		padding: 10px 30px 20px;
	}

	.design-content b {
		font-size: 24px;
		text-align: center;
	}

	.blackbtn {
		font-size: 14px;
		padding: 14px 25px;
		margin-top: 15px;
	}

	.clone-img {
		display: none;
	}

	.cloning {
		margin: 0;
		padding: 60px 20px 10px 10px;
	}

	.vo-info {
		text-align: center;
		align-items: center;
		padding: 0;
	}

	.video-container-main {
		margin-top: 20px;
	}

	.vo-mode-base {
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}

	.vo-item-col {
		padding: 0;
		margin-top: 20px;
	}

	.vo-right {
		margin: 0;
	}

	.vo-left {
		margin: 0;
	}

	.vo-info {
		margin-bottom: 20px;
	}

	#highlights-container {
		display: none;
	}

	.ov3-title {
		padding: 0;
	}

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

	.ov3-title p span {
		font-size: 16px;
	}

	.ai-voice-avater {
		width: 1500px;
	}

	.voice-avater {
		width: 280px;
		height: 180px;
		border-radius: 10px;
		margin-left: 20px;
		overflow: hidden;
	}

	.avater-getstart {
		top: 140px;
		font-size: 16px;
		padding: 10px 10px;
	}

	.voice-box-radius {
		display: none;
	}

	.video-container {
		height: 100%;
		margin-bottom: 10px;
	}

	.video-container img {
		margin: 0;
	}

	.ai-voice-box b {
		font-size: 24px;
	}

	.feature {
		text-align: center;
		align-items: center;
	}

	.feature b {
		text-align: center;
		font-size: 20px !important;
	}

	.max-boost-item {
		width: 340px;
		margin: 0;
		margin-top: 20px;
	}

	.fc-min-progress {
		width: 200px;
	}


	.min-boost-item {
		width: 340px;
		margin: 0;
		margin-top: 20px;
	}

	#voplayer {
		width: 400px;
	}


	.overall-font b {
		font-size: 90px;
	}

	.tipbox {
		left: 50%;
		top: 40px;
		transform: translateX(-100%);
		width: 300px;
	}

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

	.viral-model-box-1 {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-left: 0;
		justify-content: center;
	}

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

	.linear-font {
		font-size: 30px;
	}

	.viral-model-box-1 span {
		font-size: 14px;
		font-style: normal;
	}

	.fav-title {
		margin: 0;
		padding: 10px 30px 10px 30px;
	}

	.blacklink {
		display: none;
	}

	.viral-video-or-audio {
		display: none;
	}

	.gvg-commercial-voices {
		display: none;
	}

	.viral-model-box-2 {
		display: none;
	}

	#demovp3 {
		display: none;
	}

	.setup-box {
		height: 100%;
		padding: 0;
	}

	.setup-base {
		height: auto;
		margin-top: 40px;
		padding-bottom: 20px;
	}

	.slider-container {
		display: none;
	}

	.studio-button-box {
		display: none;
	}

	.fv-tools-mobie {
		display: flex;
		flex-wrap: wrap;
		height: auto;
	}

	.fv-tool-item {
		width: 100%;
		margin-top: 20px;
	}

	#say-about-container {
		display: none;
	}

	#user-review-container {
		display: none;
	}

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

	.guide-discord {
		flex-wrap: wrap;
	}

	.guide-discord-base {
		padding: 0;
		margin: 0;
		width: 100%;
		margin-top: 20px;
	}

	.discord-box {
		margin-bottom: 20px;
	}

	#GoToFV {
		display: none;
	}

	.trusted-box h2 {
		font-size: 22px !important;
	}

	.trusted-box-items {
		display: none;
	}

	.trusted-box-items-mobie {
		display: block;
		margin-top: 50px;
	}

	.trusted-box-items-mobie img {
		margin: 20px;
	}

	.db-box2 {
		padding: 0px 0 40px 0;
	}

	.clean-mp {
		padding: 0;
	}

	.fav-title-right {
		padding: 10px 30px 10px 30px;
	}

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

	.viral-model-box-1 .blackbtnmt {
		width: 100%;
		padding: 10px;
		font-size: 14px;
		margin-top: 15px;
	}

	.design-box .blackbtnmt {
		padding: 16px 15px;
		font-size: 14px;
		margin-top: 0px;
	}
}