.section_our_services .section_description {
	margin-bottom: 50px;
}
.services_items {
    margin-top: 50px;
    text-align: left;
}
.services_items > ul{
	display: grid;
	gap: 20px;
  
}
.services_items.col-2 > ul {
	grid-template-columns: 1fr 1fr;
}
.services_items.col-3 > ul {
	grid-template-columns: 1fr 1fr 1fr;
}
.services_items.col-4 > ul{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.services_items .services_item {
	border-radius: 30px;
	border: 1.5px solid #F1F1F1;
	padding: 20px;
	background: var(--wp--preset--color--white,#fff);
	overflow: hidden;
	display: flex;
  	flex-direction: column;
	
}
.services_items .services_item .services_item_content {
	flex: 1;
	margin-top:15px;
}


.services_item .item_image {
	margin-bottom: 15px;
	border-radius: 24px;
	overflow: hidden;
	
	transition: all 0.3s linear;
}
.services_item .item_image img{
    display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	transition: all 0.3s linear;
	
}
.services_item .button_wrap{
	margin-top: 15px;
}
.services_item .button_wrap .button {
	width: 100%;
}

.services_item .hide_detail{
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: all 0.3s linear;
}
.services_item:hover .hide_detail{
	max-height: 400px;
	opacity:1;
}
.services_item:hover .services_item_content {
	margin-top: 0;
}

@media only screen and (min-width: 1430px) {
	.services_items .services_item{
		display:block;
	}
	.services_item .item_image {
		margin-bottom: 30px;
		height: 219px;
	}
	.services_item:hover .item_image {
		height: 100px;
		margin-bottom: 15px;
	}
	.services_items .services_item .services_item_content {
		margin-top: 0;
	}
}

@media only screen and (max-width: 1350px) {
    .services_items.col-4 {
	    grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (max-width: 1024px) {
    .services_items.col-3 > ul,
    .services_items.col-4 > ul{
	    grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 768px) {
	.services_item:hover .item_image img{
		max-height: 80px;
	}
	.services_items .services_item{
		max-height: unset !important;
	}
}
@media only screen and (max-width: 600px) {
    .services_items.col-2 > ul,
    .services_items.col-3 > ul,
    .services_items.col-4 > ul {
	    grid-template-columns: 1fr;
    }
}