.banner {
	margin: 0;
	padding: 0;
	background: url(../images/about/iu-au-baner-bg.webp) no-repeat top center;
	width: 100%;
	height: 800px;
}

.banner h1 {
	font-size: 100px;
}

.banner span {
	color: #FF716A;
}
.high-i2 {
	background: linear-gradient(90deg, #FFCD61 32.85%, #FF716A 83.51%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
	line-height: 74px;
	margin-left: 60px;
	margin-top: 20px;
}
/*
*what is fineshare
*/


.mission-bt {
	font-size: 18px;
	color: #666666;
}

.mission-box {
	display: flex;
	width: 587px;
	height: 240px;
	border-radius: 16px;
	padding-top: 62px;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}


.mission-box p {
	margin-left: 20px;
}

.mission-box p b {
	font-size: 26px;
	margin: 0;
	padding: 0;
}

.mission-box-item {
	margin: 0;
}

.mission-box-content {
	display: flex;
	z-index: 5;
}

.mission-box-content p {
	padding-right: 50px;
}

.mission-box-content p span {
	font-size: 18px;
	color: #404040;
}

.mission-box-content img {
	margin-left: 30px;
}

.mission-left {
	background: #FFBBB8;
}

.mission-right {
	background: #FFCF97;
}

.overlayDiv {
	position: absolute;
	width: 240px;
	height: 240px;
	background-color: #FF716A;
	transform-origin: left bottom;
	transform: scale(0);
	transition: transform 0.6s;
	border-radius: 70px 140px 0 0;
	z-index: 1;
}

.overlayDiv {
	position: absolute;
	width: 240px;
	height: 240px;
	background-color: #FF716A;
	transform-origin: left bottom;
	transform: scale(0);
	transition: transform 0.6s;
	border-radius: 0 140px 0 0;
	z-index: 1;
}

.overlayDiv1 {
	position: absolute;
	width: 240px;
	height: 240px;
	background-color: #FF9A26;
	transform-origin: left bottom;
	transform: scale(0);
	transition: transform 0.6s;
	border-radius: 0 140px 0 0;
	z-index: 1;
}

.mission-left:hover .overlayDiv {
	transform: scale(4);
}

.mission-right:hover .overlayDiv1 {
	transform: scale(4);
}


/*
* Our Products
*/

.products-box {
	margin: 0;
	padding: 0;
	background: url(../images/about/iu-au-product-bg.webp) no-repeat top center;
	height: 100%;
	background-size: cover;
}

.products-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 30px;
	background: white;
	background: url(../images/about/au-pr-bg.png) no-repeat top center;
	height: 480px;
}

.products-title {
	margin-top: 0px;
	height: 390px;
}

.products-title p b {
	font-size: 32px;
}

.products-button-box {

	flex-direction: column;
}

.products-button {
	border: 2px salmon solid;
	border-radius: 30px;
	color: salmon;
	width: 220px;
	height: 52px;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.product-box-bg {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	height: 240px;
}

.shadows-img {
	width: 150px;
	height: 36px;
	position: absolute;
	top: 200px;
	/* transform: scale(1) 0.6s; */
	background: url(../images/about/ic-pr-projection.webp) no-repeat top center;
}

.product-logo {
	transform: translateY(5px);
	position: absolute;
	/* transition: transform 0.5s ease; */

}

.products-item:hover .product-logo {
	/* transform: translateY(-20px); */
	animation: scroll 1s linear infinite;
}

.products-item:hover .shadows-img {
	/* 	transform: scale(0.5); */
	animation: shadows 1s linear infinite;
}

@keyframes scroll {
	0% {
		transform: translateY(5px)
	}

	50% {
		transform: translateY(-20px)
	}

	100% {
		ransform: translateY(5px)
	}
}

@keyframes shadows {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}



.products-button a {
	color: #FF716A;
}

.products-button a:hover {
	color: #FF716A;
}

/*
*Out Values
*/
.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 0;
}

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

.avc-case-tab p span {
	font-size: 32px;
	font-weight: 400;
	color: #E3E3E3;
	padding-left: 5px;
	padding-right: 5px;
}

.avc-case-tab p b {
	font-size: 26px;

}

.sel-tab b {
	color: #FF716A;
}

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

/*
* User Case Tab
*/

.fc-tab-content {
	overflow: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	padding: 0;
	border-radius: 30px;
	position: relative;
	z-index: 10;
	height: 572px;
}

.fc-tab-panel {
	width: 100%;
	height: 572px;
	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%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.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-max-font {
	font-size: 120px;
	color: #ffffff;
	margin-left: 20px;
}

.scenes-content {
	margin: 0;
	padding: 0;
}

.scenes-content-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #FFF6F0;
	text-align: left;
	height: 572px;
}

.scenes-content-box p {
	padding-right: 80px;
	margin: 4px;
}

.scenes-content-box p b {
	font-size: 34px;
}

.scenes-content-box p span {
	font-size: 16px;
	color: #404040;
}

.scenes-img-box {
	height: 572px;
}

.scenes-con {
	display: flex;
	flex-direction: column;
	position: relative;
}

.scenes-con-img {
	position: absolute;
}


.scenes-con-img-rigth {
	position: absolute;
	left: 50%;
	background: #FFF6F0;
	width: 280px;
	height: 572px;
}

.our-vaule-pc {
	display: block;
}

.scenes-content-box-mobie {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #FFF6F0;
	text-align: left;
	height: 572px;
	padding: 80px;
}

.scenes-content-box-mobie p {
	margin: 4px;
}

.scenes-content-box-mobie p b {
	font-size: 34px;
}

.scenes-content-box-mobie p span {
	font-size: 16px;
	color: #404040;
}

/*
* The time we were featured on Product Hunt!
*/
.product-hunt-box {
	height: 450px;
	background: #ffffff;
	box-shadow: 0 0 8px rgb(0, 0, 0, 0.1);
	border-radius: 16px;
	overflow: hidden;
}

.product-hunt-logo-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 140px;
}

.product-hunt-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.product-hunt-logo b {
	font-size: 26px;
	padding-left: 10px;
}

.product-hunt-box p {
	padding-left: 20px;
	padding-right: 20px;
}

.product-hunt-box p span {
	font-size: 16px;
	color: #404040;
}


.box-a {
	width: 100%;
	height: 70px;
	transition: all 0.3s ease;
	overflow: hidden;
	cursor: pointer;
	color: #FF716A;
}


.box-a a {
	color: #FF716A;
	font-size: 18px;
}

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


.box-a:hover a {
	color: #FF716A;
}

.box-a:hover a::after {
	color: #FF716A;
	left: 20px;
}






/*
*
*/
.social-box {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;

}

.social-icon {
	cursor: pointer;
	margin-right: 20px;
}

.social-box a {
	width: 80px;
	height: 80px;
	display: flex;
}

.social-discord {
	background: url(../images/about/ic-dc-nr.svg) no-repeat center;
	width: 80px;
	height: 80px;
}

.social-facebook {
	background: url(../images/about/ic-fe-nr.svg) no-repeat center;
	width: 80px;
	height: 80px;
}

.social-youtube {
	background: url(../images/about/ic-yt-nr.svg) no-repeat center;
	width: 80px;
	height: 80px;
}

.social-x {
	background: url(../images/about/ic-x-nr.svg) no-repeat center;
	width: 80px;
	height: 80px;
}

.social-discord:hover {
	background: url(../images/about/ic-dc-sl.svg) no-repeat center;
}

.social-facebook:hover {
	background: url(../images/about/ic-fe-sl.svg) no-repeat center;
}

.social-youtube:hover {
	background: url(../images/about/ic-yt-sl.svg) no-repeat center;
}

.social-x:hover {
	background: url(../images/about/ic-x-sl.svg) no-repeat center;
}

/*
* user review
*/
.user-box {
	background: url(../images/about/iu-au-user-bg.webp) no-repeat center;
	height: 924px;
	background-size: cover;
	overflow: hidden;
}

.user-review-rows {
	margin-left: 20px;
	display: flex;
}

.user-box-item {
	width: 454px;
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 0 8px rgb(0, 0, 0, 0.1);
	margin: 20px 20px;
	overflow: hidden;
}

.user-item-header {
	border-bottom: 1px #E6E6E6 solid;
	margin-left: 10px;
	margin-right: 10px;
	height: 40px;
	display: flex;
}

.user-item-ph-logo {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.user-item-ph-text {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0;
	padding: 0;
	color: #CCCCCC;
	font-size: 14px;
}

.user-info {
	display: flex;
	padding-left: 20px;
}

.user-info-item {
	margin-left: 10px;
	padding: 0;
	text-align: left;
}

.user-info-item b {
	font-size: 18px;
	padding: 0;
	margin: 0;
}

.user-info-item span {
	font-size: 14px;
	color: #404040;
	padding: 0;
	margin: 0;
}


.user-avarter {
	width: 52px;
	height: 52px;
	border-radius: 26px;
	background: #FF716A;
	overflow: hidden;
}

.user-review {
	text-align: left;
	padding: 20px 20px;
}

.user-review p span {
	font-size: 14px;
	color: #666666;

}



@media (max-width: 768px) {
	.our-vaule-pc {
		display: none;
	}

	.user-box {
		display: none;
	}
}

@media (max-width: 992px) {

	.our-vaule-pc {
		display: none;
	}
}

@media (max-width: 1200px) {}



@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) {


	.banner {
		background: url(../images/about/iu-au-baner-bg@2x.webp) no-repeat center;
		background-size: 2400px 800px;
	}



	.user-box {
		background: url(../images/about/iu-au-user-bg@2x.webp) no-repeat center;
		background-size: 1920px 924px;
	}
}