.ourservices-item {
	width: 25%;
	float: left;
	padding: 20px 5px;
}
.sevices-contents {
	width: 100%;
	float: left;
	background: #fff;
	padding: 20px 20px 40px;
	color: #242424;
	text-align: left;
	box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 20%);
}
.detail-wraps {
	width: 100%;
	float: left;
	transition: all 0.5s;
}
.sevices-contents h3 {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	font-family: SegoePro-Semibold;
	color: #fff;
	padding-bottom: 10px;  
	  min-height: 58px;  
}
.sevices-contents p {
	margin: 0;
	font-size: 15px;
	line-height: 26px;
	color: #fff; 
	text-align: left;
	min-height: 79px;
}
.detail-wraps ul {
	width: 100%;
	float: left;
	padding-top: 15px;
}
.detail-wraps ul li {
	margin: 0 0 5px;
	text-align: left;
	font-size: 15px;
	line-height: 26px;
	color: #fff;
	position: relative;
	width: 100%;
	float: left;
	padding-left: 20px; 
}
.detail-wraps ul li:before {
	content: '';
	position: absolute;
	top: 9px;
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 50%;
	left: 0px;
}
.sevices-contents .read-more {
	padding-top: 20px;
}
.read-more {
	width: 100%;
	float: left;
	padding-top: 40px;
	color: #C9523B;
	font-size: 15px; 
	height: 44px; 
}
.read-more span {
	width: 22px;
	padding-bottom: 0px;
	vertical-align: middle;
	transition: all 0.3s;
}
.ourservices {
	width: 100%;
	float: left;
	padding: 40px 130px;
}
.service-content {
	width: 100%;
	float: left;
	padding:  0px 0 20px;
	text-align: center;
}
.service-content p{
	font-size: 15px;
	line-height: 26px; 
	margin: 0 0  0px;
}
.ourservices-item:nth-child(odd) .sevices-contents{
	color: #fff;
	background-image: linear-gradient(to right, #A7CBA1 , #789A73);
}
.ourservices-item:nth-child(even) .sevices-contents{
	color: #fff;
	background-image: linear-gradient(to right, #F1C064 , #BA8D39);
}
 
.servicetxt-wrap {
    width: 100%;
    float: left;
    overflow: hidden;
    height: 216px;
    transition: all 0.5s;
}
@media only screen and (max-width: 1025px){
.ourservices{
    padding: 40px 100px 40px;
  }
}

@media only screen and (max-width: 820px){
	.ourservices {
    width: 100%;
    float: left;
    padding: 40px 40px;
}
.heading h2{
	font-size: 22px;
}
.service-content p{
	font-size: 14px;
}
.ourservices-item {
    width: 50%;
    float: left;
    padding:10px 10px 10px;
}
.sevices-contents h3{
	min-height: auto;
	font-size: 16px;
}
.read-more,
.detail-wraps ul li{
	font-size: 14px;
	line-height:  22px;
}
.servicetxt-wrap{
	height: 150px;
}
.sevices-contents{
	padding: 20px 20px 20px;
}
}
@media only screen and (max-width: 500px){
    .ourservices-item {
    width: 100%;
    float: left;
    padding: 20px 0px;
}
}