body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0;}
.bg-img{
	background-image:url('../about/images/bg.jpg');
	background-size:cover;
}
.list{display:flex; flex-direction:column; gap:12px}
.list li{background:#fff; padding:12px; border-radius:8px; border:1px solid #f1f5f9; list-style:none}

.top-height{
	padding-top:4em;
	padding-bottom:8em;
}
h2{font-size:24px; font-weight:bold; margin:0 0 12px}
h3{font-size:20px; font-weight:bold; margin:0 0 8px}
.about-head{
	margin-top:3em;
	margin-bottom:2em;
	font-weight:bold;
}
.about-text{
	font-size: 18px;
	padding-top: 1em;
	padding-bottom: 2em;
	line-height: 2;
}
iframe{
    border: 3px ridge #17263d;
}
.com-title{
	font-weight:bolder;
}
.com-title span{
	font-size:1.5rem;
}
.info{
	font-size:1.5em;
	list-style-type: none;
	line-height: 2;
}	
.com-mark{
	font-weight:bolder;
}
.card{
    box-shadow: 0px 3px 5px 0px #d7d6d6;
    margin-bottom: 1em;
}
.card-title{
	font-size:14px;
}
.introduc-box{
	box-shadow: 1px 2px 5px 0px #c1c1c1;
    border-radius: 15px;
    background-color: white;
	padding:3em 2em;
	margin-top:3em;
}
@media (max-width: 1960px) and (min-width:991px){
	.top-height{
		padding-top:2em;
	}
	.about-head{
		margin-top:2em;
	}
	.info {
		font-size: 20px;
		line-height: 2;
	}
}
@media (max-width:992px) and (min-width:768px ) {
	.top-height{
		padding-top:2em;
	}
	.about-head{
		margin-top:2em;
	}
}
@media (max-width:767px) {
	body{font-size:16px;}
	.about-head{
		margin-top:1em;
		margin-bottom:1em;
	}
	.about-text{
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.com-title span{
		font-size:0.9rem;
	}
	.info{
		font-size:2.5vh;
		margin-top:2em;
	}
	.com-mark{
		font-size:3vh;
	}
}