.banner-hero {
	width: 100%;
	height: 100vh;
	max-height: 823px;
	background: #2FD8CC url('../imgs/service/banner-hero-1.png') top left;
	background-size: cover;
}

.banner-hero .content-hero {
	width: 100%;
}

.banner-hero .content-hero h1 {
	font-size: 2.3em;
	font-weight: bold;
	line-height: 1.4;
}

.banner-hero .content-hero p {
	font-size: 1.05em;
	font-weight: 300;
}

.decription-services img {
    width: 100%;
    max-width: 200px;
}

.decription-services .card-title {
	color: #1D609E;
	font-weight: 600;
}

.bg-bentukmitra {
	width: 100%;
	background: transparent url('../imgs/service/banner-hero-2.png') top center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.bg-ruangmitra {
	width: 100%;
	background: #12B9C0 url('../imgs/service/banner-hero-3.png') top center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.bg-ruangmitra ul li,
.bg-ruangmitra ul li {
	font-size: 1em;
	line-height: 1.7;
}

.type-col-services .card {
	background-color: #F6F9FE;
    box-shadow: rgb(17 17 26 / 10%) 0px 0px 16px;
}

.type-col-services .card .img-rmintgrasi {
	width: 100%;
	max-height: 218px;
}

.type-col-services .card .card-title {
	color: #1D609E;
	font-weight: 600;
}

.type-col-services .card .card-text {
	font-size: 0.9em;
}

.bg-hubungikami {
	width: 100%;
	background: #174C7E url('../imgs/about/banner-hero-4.png') top left;
	background-size: cover;
	background-repeat: no-repeat;
}

.content-description {
	width: 100%;
	max-width: 800px;
}

@media (max-width: 1199.98px) {
	.bg-bentukmitra {
		background-size: cover;
	}

	.bg-ruangmitra {
		background-size: cover;
	}
}

@media (max-width: 991.98px) {
	.type-col-services .card .img-rmintgrasi {
		width: 100%;
		max-height: 100%;
	}
}

@media (max-width: 767.98px) {
	/**/
}