body{
	background-color: #F8F8F8;
}

.banner h2,
.service-benefits h3{
	font-family: Montserrat-Bold;
	color: #00252D;
}

.banner p{
	font-family: HindMadurai-Medium;
	color: #0A0B10;
	margin-bottom: 0;
}

.service-content{
	margin-top: 40px;
	margin-bottom: 40px;
}

.service-content h4{
	font-family: Montserrat-Bold;
	color: #00252D;
}

.service-content p{
	font-family: HindMadurai-Regular;
	color: #707070;
	text-align: justify;
}

.service-content img{
	width: 85%;
	display: block;
	margin: 0 auto;
}

.service-benefits{
	background: url("<?php echo base_url('assets/img/services/benefits_bg.png'); ?>");
	background-size: cover;
	background-position: center;
	padding: 0 5%;
}

.service-benefits .card{
	font-family: HindMadurai-Regular;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	color: #707070;
	width: 85%;
	border-radius: 5px;
	border: none;
	transition: all 0.5s ease-out;
}

.service-benefits .card.strip-blue {
	background-image: linear-gradient(#3EACE5,#3EACE5);
	background-size: 100% 0;
	background-repeat: no-repeat;
}
.service-benefits .card.strip-blue:hover {
	background-size: 100% 100%;
	color: #FFFFFF;
}

.service-benefits .card.strip-green {
	background-image: linear-gradient(#3ABF9C,#3ABF9C);
	background-size: 100% 0;
	background-repeat: no-repeat;
}
.service-benefits .card.strip-green:hover {
	background-size: 100% 100%;
	color: #FFFFFF;
}

.top-strip-blue{
	background: #3EACE5 0% 0% no-repeat padding-box;
	border-radius: 5px 5px 0px 0px;
	height: 5px;
}
.top-strip-green{
	background: #3ABF9C 0% 0% no-repeat padding-box;
	border-radius: 5px 5px 0px 0px;
	height: 5px;
}

.card-text span {
	font-family: HindMadurai-SemiBold;
}

@media only screen and (max-width: 600px) {
	.banner {
		margin-top: 75px;
	}
}