.banner-hero {
	width: 100%;
	height: 100vh;
	min-height: 900px;
	background: rgba(0, 157, 143, 0) url('../imgs/product/banner-hero-1.png') top left;
	background-size: cover;
}

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

.banner-hero .icon-ecal {
	width: 230px;
    height: auto;
}

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

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

.container-title-border {
	background-color: #FFFFFF;
	background-image: url('../imgs/product/gambar-70.png'), url('../imgs/product/gambar-71.png');
	background-position: center left, center right;
	background-repeat: no-repeat;
	background-size: 170px auto;
	margin-bottom: 6rem;
}

.bg-fiturecal {
	background-color: #F6F9FE;
}

.bg-fiturecal img.icon-fitur {
	width: 45px;
	height: auto;
}

.bg-integrasirme {
	background: #FFFFFF url('../imgs/product/banner-hero-2.png') top center;
    background-size: 100% 70%;
    background-repeat: no-repeat;
}

.bg-integrasirme img {
    width: 100%;
    max-width: 140px;
    height: 140px;
}

.bg-integrasirme .card-body h5.card-title {
	color: #1D609E;
	font-weight: 600;
}

.bg-integrasirme .card-body .card-text {
	font-size: 0.95em;
}

.bg-integrasirme .card-body h6 {
	font-weight: 600;
}

.container-inovasi .bg-left {
	background: #009D8F url('../imgs/product/gambar-7.png') top right;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.container-inovasi .bg-right {
	background: #FEFDF2 url('../imgs/product/gambar-8.png') top left;
    background-size: cover;
    background-repeat: no-repeat;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.container-inovasi .bg-left h3 {
	font-size: 1.7em;
	color: #FFFFFF;
	line-height: 1.4;
}

.btn-lg-white {
	color: #009084;
}

.btn-lg-white:hover, .btn-lg-white:focus, .btn-lg-white:active {
  background-color: #FFFFFF;
  color: #009084;
}

.space-global-bottom {
  padding-top: 1rem;
  padding-bottom: 7rem;
}

.card-module {
	/**/
}

.card-module img {
	width: 180px;
}

.card-module .card-body {
	padding: 0;
	border-radius: 22px;
	background: rgb(5,206,186);
	background: linear-gradient(202deg, rgba(5,206,186,1) 3%, rgba(0,139,254,1) 100%);
	background-size: cover;
}

.card-module .card-body span {
	font-size: 1.1em;
	color: #FFFFFF;
	z-index: 999 !important;
}

.card-module .bg-tr-eca {
	padding-top: 4.2em;
	padding-bottom: 2em;
	padding-left: 0;
	padding-right: 0;
	background: transparent url('../imgs/product/gambar-50.png') bottom right;
	background-size: 77px 67px;
	background-repeat: no-repeat;
	z-index: 1;
}

@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%;
	}

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

	.space-global-bottom {
	  padding-top: 7rem;
	  padding-bottom: 7rem;
	}
}

@media (max-width: 767.98px) {
	.banner-hero .content-hero h1 {
		font-size: 2.1em;
		font-weight: bold;
		line-height: 1.4;
	}

	.container-inovasi .bg-left {
		border-top-right-radius: 30px;
		border-top-left-radius: 30px;
    	border-bottom-left-radius: 0px;
	}

	.container-inovasi .bg-right {
		height: 300px !important;
		border-top-right-radius: 0px;
    	border-bottom-right-radius: 30px;
    	border-bottom-left-radius: 30px;
	}

	.container-title-border {
		background-color: #FFFFFF;
		background-image: none;
	}
}