/* 公共 corner 样式 */
.corner {
	position: absolute;
	width: 100px;
	height: 100px;
	background: url('../images/index/corner-50.svg') no-repeat;
	background-size: contain;
}

/* 四个角单独定位 + 旋转 */
.corner.tl {
	top: 0;
	left: 0;
	transform: rotate(0deg);
}

.corner.tr {
	top: 0;
	right: 0;
	transform: rotate(90deg);
}

.corner.br {
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}

.corner.bl {
	bottom: 0;
	left: 0;
	transform: rotate(270deg);
}

/* 公共 corner 样式 */
.corner12 {
	position: absolute;
	width: 20px;
	height: 20px;
	background: url('../images/index/corner-12.svg') no-repeat;
	background-size: contain;
}

/* 四个角单独定位 + 旋转 */
.corner12.tl {
	top: 0;
	left: 0;
	transform: rotate(0deg);
}

.corner12.tr {
	top: 0;
	right: 0;
	transform: rotate(90deg);
}

.corner12.br {
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}

.corner12.bl {
	bottom: 0;
	left: 0;
	transform: rotate(270deg);
}

/* 公共 corner 样式 */
.fff-corner12 {
	z-index: 1;
	position: absolute;
	width: 20px;
	height: 20px;
	background: url('../images/index/corner12-white.svg') no-repeat;
	background-size: contain;
}

/* 四个角单独定位 + 旋转 */
.fff-corner12.tl {
	top: 0;
	left: 0;
	transform: rotate(0deg);
}

.fff-corner12.tr {
	top: 0;
	right: 0;
	transform: rotate(90deg);
}

.fff-corner12.br {
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}

.fff-corner12.bl {
	bottom: 0;
	left: 0;
	transform: rotate(270deg);
}

.do-card .download-btn1 .fff-corner12 {
	background: url('../images/index/corner12-blue.svg') no-repeat;
}

.do-card .download-btn2 .fff-corner12 {
	background: url('../images/index/corner12-cyan.svg') no-repeat;
}

.do-card .download-btn3 .fff-corner12 {
	background: url('../images/index/corner12-purple.svg') no-repeat;
}

.product-table .download-btn1 .fff-corner12 {
	background: url('../images/index/corner12-purple.svg') no-repeat;
}

.product-table .download-btn2 .fff-corner12 {
	background: url('../images/index/corner12-pink.svg') no-repeat;
}

.product-table .download-btn3 .fff-corner12 {
	background: url('../images/index/corner12-cyan.svg') no-repeat;
}

/* 公共 corner 样式 */
.corner16 {
	position: absolute;
	width: 30px;
	height: 30px;
	background: url('../images/index/corner-16.svg') no-repeat;
	background-size: contain;
}

/* 四个角单独定位 + 旋转 */
.corner16.tl {
	top: 0;
	left: 0;
	transform: rotate(0deg);
}

.corner16.tr {
	top: 0;
	right: 0;
	transform: rotate(90deg);
}

.corner16.br {
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}

.corner16.bl {
	bottom: 0;
	left: 0;
	transform: rotate(270deg);
}

/* 公共 corner 样式 */
.corner26 {
	position: absolute;
	width: 50px;
	height: 50px;
	background: url('../images/index/corner-26.svg') no-repeat;
	background-size: contain;
}

/* 四个角单独定位 + 旋转 */
.corner26.tl {
	top: 0;
	left: 0;
	transform: rotate(0deg);
}

.corner26.tr {
	top: 0;
	right: 0;
	transform: rotate(90deg);
}

.corner26.br {
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}

.corner26.bl {
	bottom: 0;
	left: 0;
	transform: rotate(270deg);
}

/* 公共 corner 样式 */
.fff-corner26 {
	z-index: 1;
	position: absolute;
	width: 50px;
	height: 50px;
	background: url('../images/index/corner26-white.svg') no-repeat;
	background-size: contain;
}

/* 四个角单独定位 + 旋转 */
.fff-corner26.tl {
	top: 0;
	left: 0;
	transform: rotate(0deg);
}

.fff-corner26.tr {
	top: 0;
	right: 0;
	transform: rotate(90deg);
}

.fff-corner26.br {
	bottom: 0;
	right: 0;
	transform: rotate(180deg);
}

.fff-corner26.bl {
	bottom: 0;
	left: 0;
	transform: rotate(270deg);
}

.navbarMainContent {
	box-shadow: none;
}

a {
	color: #007Aff;
}

/* 平滑滚动效果 */
html {
	scroll-behavior: smooth;
}

.banner {
	background: linear-gradient(180deg, #151B52 0%, #151B52 100%);
	padding: 50px 0;
	position: relative;
}

/* banner-start */
.products-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 120px;
	row-gap: 30px;
}

.products-grid .product-card:nth-child(odd) {
	justify-self: start;
}

.products-grid .product-card:nth-child(even) {
	justify-self: end;
}

.product-card {
	width: 392px;
	height: 216px;
	flex-shrink: 0;
	padding-top: 30px;
	padding-left: 34px;
	padding-bottom: 40px;
	transition: transform 0.6s ease-out, filter 0.6s ease-out;
	/* 保持 transform 过渡 */
	cursor: pointer;
}

.product-card:hover {
	text-decoration: none;
}

@keyframes fastToSlow {
	0% {
		transform: scale(1);
		/* 初始状态 */
	}

	20% {
		transform: scale(1.03);
		/* 快速放大 */
	}

	100% {
		transform: scale(1.05);
		/* 最终放大 */
	}
}

@keyframes leaveToSlow {
	0% {
		transform: scale(1.05);
		/* 初始状态 */
	}

	20% {
		transform: scale(1.03);
		/* 快速放大 */
	}

	100% {
		transform: scale(1);
		/* 最终放大 */
	}
}

.product-card:hover {
	filter: drop-shadow(0 4px 20px rgba(255, 255, 255, 0.30));
	animation: fastToSlow 0.6s ease-out forwards;
	/* 鼠标悬停时执行动画 */
}

.product-card:not(:hover) {
	/* 鼠标移开时让动画平滑过渡回到原始状态 */
	animation: leaveToSlow 0.6s ease-out forwards;
	/* 移开时取消动画 */
}


.product-content {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
}

.product-content h3 {
	color: #FFF;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	margin-bottom: 0;
	width: 198px;
}

.product-card p {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 133.333% */
}

.data-recovery {
	background-image: url('../images/index/banner-1.svg');
}

.data-recovery p {
	width: 291px;
}

.diskgeeker {
	background-image: url('../images/index/banner-2.svg');
}

.diskgeeker p {
	width: 260px;
	margin-left: 82px;
}

.magicmenu {
	background-image: url('../images/index/banner-3.svg');
}

.magicmenu p {
	width: 317px;
}

.ntfs {
	background-image: url('../images/index/banner-4.svg');
}

.ntfs .product-content {
	margin-left: 60px;
}

.center-badge {
	background-image: url('../images/index/banner-5.svg');
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 275px;
	height: 275px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.center-badge-top {
	display: flex;
	flex-direction: column;
}

.center-badge-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.center-badge .trustpilot-stars {
	margin-top: 10px;
}

.center-badge .trustpilot-text {
	color: #E09600;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	/* 160% */
}

.center-badge .iboysoft-logo {
	margin-top: 10px;
	margin-bottom: 10px;
}

.center-badge .downloads-text {
	color: #E09600;
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 14px;
	/* 63.636% */
	letter-spacing: -0.44px;
}

.center-badge .downloads-text span {
	color: #E09600;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: -0.3px;
}

.center-badge .notarized-text {
	margin-top: 10px;
	color: #444;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	padding: 3px 5px 5px 5px;
	line-height: normal;
	border-radius: 5px;
	border: 1px solid #D6D6D6;
	background: #F5F5F5;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
	/* width: 92px; */
}

@media (max-width: 1199px) {
	.products-grid {
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 20px;
		justify-items: center;
	}

	.products-grid .product-card:nth-child(odd),
	.products-grid .product-card:nth-child(even) {
		justify-self: center;
	}

	.product-card {
		width: 100%;
		background-image: none;
		padding-top: 13px;
		padding-left: 20px;
		height: 102px;
	}

	.product-content {
		margin-bottom: 0px;
	}

	.product-card p {
		width: 100%;
	}

	.diskgeeker p {
		margin-left: 0;
	}

	.ntfs .product-content {
		margin-left: 0px;
	}

	.center-badge {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
		border-radius: 10px;
		background-image: none;
		background: linear-gradient(180deg, #FFF 0%, #FFF6EC 100%);
		width: 100%;
		height: 102px;

	}

	.center-badge .iboysoft-logo {
		margin-top: -5px;
		margin-bottom: -5px;
	}

	.center-badge .iboysoft-logo svg {
		width: 157px;
	}

	.center-badge .trustpilot-stars svg {
		width: 71px;
	}

	.center-badge .trustpilot-text {
		font-size: 11px;
	}

	.center-badge .downloads-text {
		font-size: 18px;
	}

	.center-badge .downloads-text span {
		font-size: 12px;
	}

	.center-badge .notarized-text {
		margin-top: 10px;
		color: #444;
		text-align: center;
		font-size: 10px;
		font-style: normal;
		font-weight: 700;
		padding: 3px 5px 5px 5px;
		line-height: normal;
		border-radius: 5px;
		border: 1px solid #D6D6D6;
		background: #F5F5F5;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.10);
		/* width: 92px; */
	}


	.center-badge-top {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 10px;
	}

	.center-badge-bottom {
		display: flex;
		flex-direction: row;
		gap: 110px;
		justify-content: space-between;
	}

	.center-badge .trustpilot-stars {
		margin-top: 0px;
	}

	.center-badge .notarized-text {
		margin-top: 0px;
	}


	.data-recovery {
		border-radius: 10px;
		background: linear-gradient(180deg, #2C91FF 0%, #007AFF 100%);
	}

	.diskgeeker {
		border-radius: 10px;
		background: linear-gradient(180deg, #716FEC 0%, #5856D6 100%);
	}

	.magicmenu {
		border-radius: 10px;
		background: linear-gradient(0deg, #8F5AD9 0%, #B05DE8 100%);
	}

	.ntfs {
		border-radius: 10px;
		background: linear-gradient(0deg, #00A9E1 0%, #00C0FF 100%);
	}

	.product-card img {
		width: 30px;
		height: 30px;
	}

	.magicmenu img {
		width: 22px;
		height: 34px;
	}

	.ntfs img {
		width: 26px;
		height: 26px;
	}

	.product-content h3 {
		color: #FFF;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 36px;
		/* 200% */
	}

	.product-card p {
		color: #FFF;
		font-size: 15px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
		/* 160% */
	}

}

/* banner-end */
/* trusted-start */
.trusted .headline h1 {
	color: #1A1A1A;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 1000;
	line-height: normal;
}

.trusted .headline p {
	color: #1A1A1A;
	text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 32px;
    margin-bottom: 40px;
}

.trustpilot {
	background: linear-gradient(180deg, #E1FEED 0%, #E4DAFF 100%);
}

.trustpilot h2 {
	color: #1A1A1A;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 1000;
	line-height: normal;
}

.trustpilot .headline {
	padding-top: 70px;
	margin-bottom: 60px;
	text-align: center;
}

.trustpilot .items {
	border-radius: 50px;
	width: 549px;
	height: 248px;
	background: #FFF;
	/* background-image: url('../images/index/comments-bg.svg'); */
	padding: 24px 36px 25px 30px;
	position: relative;
	z-index: 2;
}

.trustpilot .row {
	margin-left: 0;
	margin-right: 0;
}

.trustpilot .items .user {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	z-index: 2;
}

.trustpilot .items .user1 {
	background-color: #fff7c4;
}

.trustpilot .items .user2 {
	background-color: #fff7c4;
}

.trustpilot .items .user3 {
	background-color: #ffe1ba;
}

.trustpilot .items .user4 {
	background-color: #ffdde8;
}

.trustpilot .items .ver-text {
	color: #12611D;
	font-size: 16px;
	font-style: normal;
	font-weight: 510;
	line-height: normal;
}

.trustpilot .items .ver-text svg {
	margin-right: 8px;
}

.comments-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.trustpilot .items .comments {
	color: #333;
	font-size: 16px;
	font-style: normal;
	font-weight: 510;
	line-height: 24px;
	position: relative;
	z-index: 2;
}

.comments-card {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 12px;
}

.comments-card:nth-child(even) {
	padding-left: 6px;
}

.trustpilot {
	padding-bottom: 79px;
}

@media (max-width: 1199px) {
	.comments-grid {
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.trustpilot .items {
		width: 100%;
		height: auto;
	}

	.comments-card:nth-child(even) {
		padding-left: 0px;
	}
}

@media (max-width: 767px) {
	.trustpilot .grid-item {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.trustpilot .items {
		background-image: none;
		width: 100%;
		height: auto;
	}

	.comments-card:nth-child(even) {
		padding-left: 0px;
	}
}

/* trusted-end */
/* discuss-start */
/* 使 .discuss-slide 容器可水平滚动 */
.discuss .container {
	overflow: hidden;
	display: flex;
}

.discuss .container>* {
	flex: 0 0 100%;
}

.discuss-slide {
	display: flex;
	gap: 100px;
	/* 添加右侧边距以在最后和第一张卡片之间创建间隙。 */
	padding-right: 100px;
	will-change: transform;
	/* 我们应该好好对待浏览器——让它知道我们要为哪些元素添加动画。 */
	animation: scrolling 30s linear infinite;
}

.discuss .container:hover .discuss-slide {
	animation-play-state: paused;
	/* 鼠标悬停时暂停动画 */
}

/* 卡片宽度固定 */
.discuss-content {
	width: 466px;
	/* 每个卡片的宽度 */
	display: flex;
	/* 保持横向排列 */
	flex-shrink: 0;
	/* 防止卡片收缩 */
}

.discuss-content .editor-logo {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.discuss-content .tits {
	width: 367px;
	white-space: normal;
	/* 允许文字换行 */
	word-wrap: break-word;
	/* 长单词自动换行 */
}

/* 滚动动画 */
@keyframes scrolling {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}

/* discuss-end */


.do {
	padding-top: 120px;
	padding-bottom: 140px;
}

.do .title h2 {
	color: #1A1A1A;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 1000;
	line-height: normal;
}

.do-card {
	margin-top: 70px;
}

.do-card2,
.do-card3 {
	margin-top: 140px;
}

.do-card1 .do-left {
	width: 262px;
	height: 480px;
	background: #007AFF;
	padding: 40px 32px;
	position: relative;
}

.do-card1 .do-left-title {
	color: #FFF;
	font-size: 28px;
	font-style: normal;
	font-weight: 860;
	line-height: 38px;
	/* 135.714% */
}

.do-card1 .do-left-mid {
	margin-top: 50px;
	display: flex;
	align-items: end;
	gap: 50px;
}

.do-card1 .do-left-bottom {
	background: url('../images/index/do-icon3.svg');
	width: 145px;
	height: 145px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
}

.do-card1 .do-left-bottom p {
	margin-bottom: 0;
}

.do-card1 .do-left-bottom .p1 {
	color: #1A1A1A;
	text-align: center;
	font-size: 36px;
	font-style: normal;
	font-weight: 1000;
	line-height: 22px;
	/* 61.111% */
}

.do-card1 .do-left-bottom .p2 {
	color: #1A1A1A;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
	/* 91.667% */
}

.do-card2 .do-left {
	width: 262px;
	height: 502px;
	background: #029AE3;
	padding: 40px 32px;
	position: relative;
}

.do-card2 .do-left-title {
	color: #FFF;
	font-size: 28px;
	font-style: normal;
	font-weight: 860;
	line-height: 38px;
	/* 135.714% */
}

.do-card2 .do-left-mid {
	margin-top: 100px;
	display: flex;
	align-items: end;
}

.do-card2 .do-left-bottom {
	background: url('../images/index/do-icon5.svg');
	width: 66px;
	height: 66px;
	position: absolute;
	bottom: 54px;
	right: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
}

.do-card3 .do-left {
	width: 262px;
	height: 442px;
	background: #5856D6;
	padding: 40px 32px;
	position: relative;
}

.do-card3 .do-left-title {
	color: #FFF;
	font-size: 28px;
	font-style: normal;
	font-weight: 860;
	line-height: 38px;
	/* 135.714% */
}

.do-card3 .do-left-mid {
	margin-top: 78px;
	display: flex;
	align-items: end;
}

.do-card3 .do-left-bottom {
	background: url('../images/index/do-icon7.svg');
	width: 36px;
	height: 58px;
	position: absolute;
	bottom: 27px;
	right: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
}

.do-right {
	padding: 20px 40px 20px 40px;
}

.do-right ul {
	color: #333;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 133.333% */
	width: 537px;
}

.do-right ul li {
	display: flex;
	align-items: start;
	gap: 12px;
	margin-bottom: 15px;
}

.do-right ul li svg {
	flex-shrink: 0;
	margin-top: 4px;
}

.do-right ul li a {
	color: #007AFF;
	text-decoration: underline;
}

.do-right .subtitle {
	margin-top: 42px;
	margin-bottom: 30px;
}

.do-right .subtitle a {
	color: #007AFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

@keyframes moveYbegin {
	0% {
		transform: translateY(0);
	}

	20% {
		transform: translateY(-5px);
	}

	100% {
		transform: translateY(-10px);
	}
}

@keyframes moveYend {
	0% {
		transform: translateY(-10px);
	}

	20% {
		transform: translateY(-5px);
	}

	100% {
		transform: translateY(0);
	}
}

.do-right .download-btn {
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	transition: all 0.6s ease;
}

.do-right .download-btn:hover {
	animation: moveYbegin 0.6s ease forwards;
}

.do-right .download-btn:not(:hover) {
	animation: moveYend 0.6s ease forwards;
}

.do-right .download-btn1 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 292px;
	height: 74px;
	background: #007AFF;
	position: relative;
	border-radius: 20px;
	box-shadow: 0 6px 30px 0 rgba(0, 122, 255, 0.44);
}

.do-right .download-btn1:hover {
	cursor: pointer;
	border-radius: 20px;
	box-shadow: 0 6px 30px 0 rgba(0, 122, 255, 0.8);
}

.do-right .download-btn2 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 292px;
	height: 74px;
	background: #029AE3;
	position: relative;
	border-radius: 20px;
	box-shadow: 0 6px 30px 0 rgba(2, 154, 227, 0.44);
}

.do-right .download-btn2:hover {
	cursor: pointer;
	border-radius: 20px;
	box-shadow: 0 6px 30px 0 rgba(2, 154, 227, 0.8);
}


.do-right .download-btn3 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 292px;
	height: 74px;
	background: #5856D6;
	position: relative;
	border-radius: 20px;
	box-shadow: 0 6px 30px 0 rgba(88, 86, 214, 0.44);
}

.do-right .download-btn3:hover {
	cursor: pointer;
	border-radius: 20px;
	box-shadow: 0 6px 30px 0 rgba(88, 86, 214, 0.8);
}


@media (max-width: 991px) {
	.do .row {
		margin-left: 0;
		margin-right: 0;
	}

	.do-right {
		width: 100%;
		padding: 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.do-right ul {
		margin-top: 28px;
		width: 100%;
	}

	.do-card2 .do-left {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.do-card3 .do-left {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.do-card1 .do-left {
		width: 100%;
		height: 297px;
		background: none;
		border-radius: 26px;
		background: #007AFF;
		padding: 40px 32px;
		position: relative;
	}

	.do-card2 .do-left {
		width: 100%;
		height: 297px;
		background: none;
		border-radius: 26px;
		background: #029AE3;
		padding: 40px 32px;
		position: relative;
	}

	.do-card3 .do-left {
		width: 100%;
		height: 297px;
		background: none;
		border-radius: 26px;
		background: #5856D6;
		padding: 40px 32px;
		position: relative;
	}

	.do-card1 .do-left-mid {
		display: none;
	}

	.do-card2 .do-left-bottom {
		display: none;
	}

	.do-card3 .do-left-bottom {
		display: none;
	}

	.do-right .subtitle {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.do-card1 .do-left-bottom {
		position: relative;
		right: auto;
		margin: 0 auto;
		margin-top: 30px;
	}

	.do-card2 .do-left-mid {
		position: relative;
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}

	.do-card3 .do-left-mid {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 20px;
	}

	.do-right .download-btn {
		width: 100%;
	}

	.do-right .subtitle a {
		font-size: 18px;
	}

}

@media (max-width: 575px) {
	.do-card1 .do-left-bottom {
		margin-top: 10px;
	}
}

/* meet-start */
.meet {
	width: calc(100% - 24px);
	height: auto;
	background: linear-gradient(180deg, #0156C8 0%, #0171E3 100%);
	position: relative;
	padding-top: 55px;
	padding-bottom: 54px;
}

.meet .title h2 {
	color: #FFF;
	text-align: center;
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 28px;
}

.meet-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 80px;
}

@media (max-width: 767px) {
	.meet-icon {
		gap: 20px;
	}
}

.diskgeeker-table {
	width: calc(100% - 24px);
	height: auto;
	background: #EBEAFF;
	position: relative;
	padding-top: 55px;
	padding-bottom: 54px;
}

.menu-table {
	width: calc(100% - 24px);
	height: auto;
	background: #FAF0FF;
	position: relative;
	padding-top: 55px;
	padding-bottom: 54px;
}

.bitlocker-table {
	width: calc(100% - 24px);
	height: auto;
	background: #D5F5FF;
	position: relative;
	padding-top: 55px;
	padding-bottom: 54px;
}

.product-table {
	position: relative;
	margin-top: 12px;
}

.product-table .subtitle {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 20px;
	color: #5856D6;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 38px;
	/* 158.333% */
}

@keyframes beginMove {
	0% {
		transform: translateX(0);
	}

	20% {
		transform: translateX(5px);
	}

	100% {
		transform: translateX(10px);
	}
}

@keyframes endMove {
	0% {
		transform: translateX(10px);
	}

	20% {
		transform: translateX(5px);
	}

	100% {
		transform: translateX(0);
	}
}

.product-table .subtitle:hover svg {
	animation: beginMove 0.5s ease forwards;
}

.product-table .subtitle:not(:hover) svg {
	animation: endMove 0.5s ease forwards;
}

.diskgeeker-table .subtitle {
	color: #5856D6;
}

.menu-table .subtitle {
	color: #AF52DE;
}

.bitlocker-table .subtitle {
	color: #029AE3;
}

.product-table .title h2 {
	color: #1A1A1A;
	text-align: center;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 38px;
	/* 126.667% */
	margin-bottom: 20px;
}

.product-table .table-text {
	max-width: 1110px;
	margin-top: 50px;
}

.product-table .table-text ul li {
	display: flex;
	align-items: start;
	gap: 12px;
	margin-bottom: 18px;
	color: #1A1A1A;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 133.333% */
}

.product-table .table-text ul li img {
	margin-top: 4px;
}

.product-table .download-btn {
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	transition: all 0.6s ease;
	margin: 0 auto;
	margin-top: 12px;
	border-radius: 12px;
}

.product-table .download-btn:hover {
	animation: moveYbegin 0.6s ease forwards;
}

.product-table .download-btn:not(:hover) {
	animation: moveYend 0.6s ease forwards;
}

.product-table .download-btn1 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 292px;
	height: 74px;
	background: #5856D6;
	border-radius: 20px;
	position: relative;
	box-shadow: 0 6px 30px 0 rgba(88, 86, 214, 0.44);
}

.product-table .download-btn1:hover {
	cursor: pointer;
	border-radius: 20px;
	box-shadow: 0 6px 30px 0 rgba(88, 86, 214, 0.8);
}

.product-table .download-btn2 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 292px;
	height: 74px;
	background: #AF52DE;
	border-radius: 20px;
	position: relative;
	box-shadow: 0 6px 30px 0 rgba(175, 82, 222, 0.44);
}

.product-table .download-btn2:hover {
	cursor: pointer;
	border-radius: 20px;
	box-shadow: 0 6px 30px 0 rgba(175, 82, 222, 0.8);
}

.product-table .download-btn3 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 292px;
	height: 74px;
	background: #029AE3;
	border-radius: 20px;
	position: relative;
	box-shadow: 0 6px 30px 0 rgba(2, 154, 227, 0.44);
	margin-top: 32px;
}

.product-table .download-btn3:hover {
	cursor: pointer;
	border-radius: 20px;
	box-shadow: 0 6px 30px 0 rgba(2, 154, 227, 0.8);
}

.product-table .product-icon1 {
	position: absolute;
	bottom: 38px;
	right: 40px;
}

.product-table .product-icon2 {
	position: absolute;
	bottom: 17px;
	right: 30px;
}

.product-table .product-icon3 {
	position: absolute;
	bottom: 26px;
	right: 54px;
}

@media (max-width: 1439px) {
	.product-table .product-icon3 {
		height: 170px;
		width: auto;
	}
}

@media (max-width: 991px) {
	.product-table .product-icon1 {
		display: none;
	}

	.product-table .product-icon2 {
		display: none;
	}

	.product-table .product-icon3 {
		display: none;
	}
}

/* meet-end */
/* team-start */

.team {
	padding: 140px 0;
}

.team .title h2 {
	color: #1A1A1A;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 1000;
	line-height: normal;
	margin-bottom: 32px;
}

.team .title a {
	color: #007Aff;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.team .subtitle {
	color: #5856D6;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 40px;
	margin-bottom: 20px;
}

.g-12 {
	padding-right: 0px;
	padding-left: 0px;
}

.g-12:not(:last-child) {
	padding-right: 12px;
}

.g-begin-12 {
	padding-right: 0px;
	padding-left: 0px;
}

.g-begin-12:not(:last-child) {
	padding-right: 12px;
}

@media (max-width: 1199px) {
	.g-12 {
		padding-right: 12px;
		padding-left: 0px;
	}

	.g-12:nth-child(2n) {
		padding-right: 0px;
	}

	.g-begin-12:not(:last-child) {
		padding-right: 0px;
	}
}

@media (max-width: 767px) {
	.g-12 {
		padding-right: 0px;
		padding-left: 0px;
	}

	.g-12:not(:last-child) {
		padding-right: 0px;
	}
}

.team-card1 {
	position: relative;
	height: 300px;
	background: rgba(88, 86, 214, 0.1);
	margin-bottom: 12px;
	padding-left: 29px;
	padding-right: 37px;
	padding-top: 50px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-start;
}

.team-card1-1 {
	padding-top: 40px;
}

.team-card1 .card1-title {
	margin-top: 40px;
	margin-bottom: 20px;
	color: #1A1A1A;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 1000;
	line-height: 24px;
	/* 133.333% */
}

.team-card1 .card1-text {
	color: #666;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 133.333% */
}

.team-card2 {
	position: relative;
	height: 280px;
	background: rgba(162, 132, 94, 0.1);
	margin-bottom: 12px;
	padding-left: 60px;
	padding-top: 40px;
	display: flex;
	align-items: start;
	flex-direction: column;
	justify-content: flex-start;
}

.team-card2-1 {
	padding-right: 45px;
}

.team-card2-2 {
	padding-right: 59px;
}

.team-card2 .card2-title {
	color: #A2845E;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 20px;
	margin-bottom: 20px;
}

.team-card2 .card2-text {
	color: #666;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 133.333% */
}

.team-card3 {
	position: relative;
	height: 60px;
	background: rgba(162, 132, 94, 0.1);
	margin-bottom: 12px;
	padding-left: 60px;
	display: flex;
	align-items: center;
	gap: 172px;
	color: #1A1A1A;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 133.333% */
}

.team-card3 .support a {
	color: #007AFF;
}

.team-card3 .social .x-icon {
	margin-left: 30px;
	margin-right: 10px;
}

.g-nochange-12 {
	padding-right: 0px;
	padding-left: 0px;
}

@media (max-width: 991px) {
	.team-card3 {
		height: 60px;
		gap: 20px;
	}
}

@media (max-width: 575px) {
	.team-card2 {
		height: 320px;
	}

	.team-card3 {
		padding-left: 0;
		flex-direction: column;
		justify-content: center;
		height: 160px;
		gap: 20px;
	}

	.container-fluid {
		padding-right: 20px;
		padding-left: 20px;
	}
}

/* team-end */

/* video-start */
.video {
	padding-bottom: 140px;
}

.video .title h2 {
	color: #1A1A1A;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 1000;
	line-height: normal;
}

.video .subtitle {
	color: #333;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 133.333% */
	margin-top: 32px;
	margin-bottom: 40px;
}

.video .subtitle a {
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.video .video-card1 {
	height: 600px;
	border-radius: 12px;
	margin-bottom: 100px;
}

.video .video-card1 .video-title {
	color: #333;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	margin-top: 4px;
}

.video .video-card {
	height: 194px;
	border-radius: 12px;
}

.video .video-card-title {
	color: #333;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top: 18px;
}

@media (max-width: 991px) {
	.video .video-card1 {
		height: 300px;
		border-radius: 12px;
		margin-bottom: 100px;
	}

	.video .video-card {
		height: auto;
		border-radius: 12px;
	}
}

@media (max-width: 767px) {
	.video .video-card-title {
		margin-bottom: 18px;
	}
}

/* video-end */

.faq {
	background: #f7faff;
}

.faq .headline {
	padding-top: 5rem;
	margin-bottom: 3.125rem;
	text-align: center;
}

.faq .headline h2 {
	color: #1A1A1A;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 1000;
	line-height: normal;
}

.hotSituations figure {
	border-radius: 24px 24px 0 0;
}

.hotSituations .items {
	border-radius: 0 0 24px 24px;
	border: 2px solid #F5F5F7;
	background: #F5F5F7;
}

/* 滚动渐出效果 */
.fade-element {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-element.fade-in {
    opacity: 1;
    transform: translateY(0);
}

/* 只在触控设备生效 */
.no-hover :where(*:hover) {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
  /* 如你的 hover 经常改透明度/颜色，可按需解开下面两行，但可能影响个别样式 */
  /* opacity: inherit !important; */
  /* color: inherit !important; background: inherit !important; border-color: inherit !important; */
}
/* 可选：避免移动端“伪 hover”光标形态 */
.no-hover a:hover, .no-hover button:hover { cursor: default !important; }