body{

  font-family: "Noto Sans HK", sans-serif;
}
.navbar  .social-media{
background-color: #7DCCD7;
color:#fff;
text-align: right;
justify-content: flex-end;
}

.navbar  .social-media a{
	color:#fff;
	display: inline-block;
	padding:0 10px;
	font-size: 24px;
}

.index-service .row{
	gap:0 20px;
}
.index-service .col{
	border-radius: 40px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: space-between;
	padding:30px 50px;
}

.index-service  .info{
	display:flex;
	color:#fff;
	flex-direction: column;
	align-items:center;
	justify-content: center;
	font-size: 20px;
}
.index-service  img{
	max-width: 80%;
}

.index-service .col .btn{	
  font-family: "Noto Sans HK", sans-serif;
  opacity: 0.9;
  border:none;
}

.index-service .col .btn:hover{
	opacity: 1;
	background-color: #fff;
	box-shadow: none;
}

.index-service .col-green{
	background:#90C94E;
}

.index-service .col-green .btn{
	color:#90C94E;
}

.index-service .col-blue{
	background: #7DCCD7;
}
.index-service .col-blue .btn{
	color:#7DCCD7;
}


.index-service .col-yellow{
	background: #F0BC00;
}
.index-service .col-yellow .btn{
	color:#F0BC00;
}


.index-service .col-orange{
	background: #FF844F;
}
.index-service .col-orange .btn{
	color:#FF844F;
}


/*宋体*/
.noto-serif-hk,.navbar-light .navbar-brand {
  font-family: "Noto Serif HK", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  color:#53392A;
}


/*黑体*/
.noto-sans-hk {
  font-family: "Noto Sans HK", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.img-list{
	flex-wrap: wrap;
}

.img-list .col{
	flex:0 0 20%;
	text-align:center;
}

.font-color-brown{

  color:#53392A;
}