body {
	background-color: #EFF0F2;
}
.hero.service {
  position: relative;
  color: #fff;
  text-align: center;
  /*padding: 120px 20px;
  height: 357px;*/
	background-image: none;
}
.blog-all {
	text-align: center;
	margin-bottom: 0px;
}
.blog-detail h1 {
	font-size: 3.4rem;
	color: #02347b;
	font-weight: 300;
	margin-top: 100px;
}
.blog-detail p {
	font-size: 1.0rem;
	color: #02347b;
}

.outline h2 {
	font-size: 1.5rem;
	color: #175996;
	font-weight: 300;
}
.outline {
	background-color: #fff;
	padding: 30px 100px 50px 100px;
	margin-top: 30px;
	margin-bottom: 100px;
}
.outline .ol {
	display: grid;
	grid-template-columns: 10% 90%;
}
.outline .ol .ol-lt {
	border-top: 1px solid #175996;
	padding: 10px 5px;
}
.outline .ol .ol-rt {
	border-top: 1px solid #ddd;
	padding: 10px 5px 10px 20px;
}
.outline .ol .ol-rt P {
	padding: 10px 0 10px 0px;
}

    section{padding:60px 0}
    h2{font-size:28px;margin-bottom:20px;text-align:center}
    .intro{text-align:center;max-width:800px;margin:0 auto 40px}

    .grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
    .service-card{position:relative;overflow:hidden;border-radius:10px}
    .service-card img{width:100%;height:220px;object-fit:cover}
    .service-card span{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);color:#fff;padding:10px;font-weight:700;text-align:center}

    .feature{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:40px}
    .feature:nth-child(even){flex-direction:row-reverse}
    .feature img{flex:1 1 400px;border-radius:10px}
    .feature-text{flex:1 1 400px}
    .feature-text h3{color:#0b5394;margin-top:0}

    @media(max-width:768px){
      .nav ul{flex-wrap:wrap;gap:0px;font-size:14px}
      .hero{padding:60px 20px}
      .feature{flex-direction:column!important}
    }