#page_about{}

#page_about header{
	display:grid;
	gap:20px;
	grid-template-columns:1fr 1fr;
	margin-bottom:20px;
}

#page_about header aside{
    display:flex;
}

#page_about header aside a.link-video{
    width:100%;
    height:100%;
}

#page_about header aside a.link-video img{
    object-fit:cover;
    width:100%;
    height:100%;
}

#page_about header section{
	border-radius:40px;
	background:#fff;
	padding:40px 40px 56px 40px;
}

#page_about header section .head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}

#page_about header section h1{
	display:flex;
	height:72px;
	box-sizing:border-box;
	border:1px solid #C2C7CA;
	padding:0px 30px;
	border-radius:50px;
	color:#B8B8B8;
	font-weight: 500;
	font-size: 32px;
	line-height: 132%;
	letter-spacing: -5%;
	align-items:center;
	margin:0px 0px 37px 0px;
}

#page_about header section .i{
	display:flex;
	align-items:center;
	justify-content:center;	
	border:1px solid rgba(225, 225, 225, 0.52);
	border-radius:50%;
	width:70px;
	height:70px;
}

#page_about header .logo{
	margin-bottom:35px;
}

#page_about header .logo img{
	width:100%;
	height:auto;
	max-width:418px;
}

#page_about header .header-desc{
	font-size: 20px;
	line-height: 120%;
	letter-spacing: -5%;
	margin:0px 0px 37px 0px;
}

#page_about header .more{}

#page_about header .more .btn{
	font-size:18px;
}




#page_about .desc{
	padding:40px;
	border-radius:40px;
	background:url(images/desc-bg.png) right bottom no-repeat;
	background-size:cover;
	position:relative;
	margin-bottom:20px;
}

#page_about .desc p{
	max-width:485px;
	margin:0px 0px 37px 0px;
	font-weight: 500;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: -5%;
}

#page_about .desc ul{
	display:flex;
	gap:13px;
	margin:0px;
	padding: 0px;
	list-style:none;
}

#page_about .desc ul li{
	width:216px;
	height:75px;
	border-radius:50px;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:16px;
	letter-spacing:-5%;
	color:#fff;
	background:#79AACE;
	line-height:120%;
	display:flex;
	padding:0px 10px;
	box-sizing:border-box;
}

#page_about .desc ul.second{
	position:absolute;
	top:81px;
	right:150px;	
	gap:29px;
	flex-direction:column;
}

#page_about .desc ul.second li{
	position:relative;
}

#page_about .desc ul.second li:first-of-type{
	margin-left:170px;
}

#page_about .desc ul.second li::before{
	content:'';
	position:absolute;
	top:-4px;
	left:14px;
	border-radius:50%;
	background:#fff;
	box-shadow: 0px 3.18px 3.18px 0px #45769A61;
	width:15px;
	height:15px;
}

@media (max-width: 1024px) {
	#page_about header{
		grid-template-columns: 1fr;
	}

	#page_about .desc ul.first,
	#page_about .desc ul.second{
		display:none;
	}

	#page_about .desc ul{
		margin-left:0px;
	}
}

@media (max-width: 480px) {

	#page_about .desc ul{
		flex-direction:column;
	}

	#page_about .desc{
		background:none;
		padding:0px;
	}

	#page_about header section .i{
		display:none;
	}

	#page_about header section{
		padding: 15px;
	}
}

