:root{
	--mainColor:#003ca9;
	--padding: Max(10px, 3%) Min(100px, 5%);
}
li,p{
	margin: 0;
	padding: 0;
}
#aboutUs{
	background: url('./img/about_back.webp');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	display: flex;
}
#aboutUs .sec-title .second{
	font-size:clamp(18px,2vw,6vw);
	padding-left: 50px;
}
#aboutUs .sec-title .second::before{
	display: inline-block;
	content:'';
	width: 35px;
	border-top: 1px solid #000;
	margin-right: 20px;
	position: absolute;
	top: 50%;
	left: 0;
}
#aboutUs .left-contain{
	flex: 1;
	padding: var(--padding);
}
#aboutUs .left-contain .more-btn{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--mainColor);
}
#aboutUs .left-contain .about-more{
	margin-top: 30px;
}
#aboutUs .left-contain .more-btn img{
	animation: moveRight 0.7s ease-in-out infinite alternate;
	width: 35px;
	height: auto;
	margin: 0 auto;
}
#aboutUs .left-contain .bottom-line{
	color: var(--mainColor);
	border-bottom: 1px solid var(--mainColor);
	margin-left: 25px;
}
@keyframes moveRight {
	0% {
		transform: translate(0px,0px);
	}

	100% {
		transform: translate(5px,-5px);
	}
}
#aboutUs .right-contain{
	border-left: 1px solid #d8e5f3;
	width: 30%;
}

#aboutUs .right-contain li{
	display: flex;
	padding: 70px 45px;
	border-bottom: 1px solid #d8e5f3;
	gap:30px;
}
#aboutUs .right-contain li .left-icon{
	background-color: var(--mainColor);
	padding:7px 30px;
	border-radius: 7px;
}
#aboutUs .right-contain li .left-icon img{
	width: clamp(40px,3vw,6vw);
	height: auto;
	vertical-align: middle;
}
#aboutUs .right-contain li .right-data .backd{
	background: url('./img/a00.webp');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: auto 100%;
}
#aboutUs .right-contain li .right-data .backd strong{
	font-size:clamp(20px,2.2vw,6vw);
}