.services-list .acf-view__project-services {
display: flex;
flex-wrap: wrap;
padding: 0; margin: 0;
}
.services-list .acf-view__project-services-choice {
list-style-type: none;
margin: 5px; padding: 10px;
border-radius: 5px;
color: #0f235e;
background: #eef2f5;
font-weight: 600;
} @media (min-width: 981px) {
.two-column-portfolio .et_pb_grid_item {
width: 47.25%!important;
margin-right: 5.5%!important;
}
.two-column-portfolio .et_pb_grid_item:nth-child(3n) {
margin-right: 5.5%!important;
}
.two-column-portfolio .et_pb_grid_item:nth-child(2n) {
margin-right: 0!important;
}
.two-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
clear: none!important;
}
.two-column-portfolio .et_pb_grid_item.first_in_row {
clear: unset;
}
} @media (min-width: 981px) {
.three-column-portfolio .et_pb_grid_item {
width: 29.66%!important;
margin-right: 5.5%!important;  
}
.three-column-portfolio .et_pb_grid_item:nth-child(3n) {
margin-right: 0!important;
}
.three-column-portfolio.et_pb_grid_item:nth-child(4n) {
margin-right: 5.5%!important;
}
.three-column-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
clear: none!important;
}
.three-column-portfolio .et_pb_grid_item.first_in_row {
clear: unset;
}
}
.btn1 {
z-index:1;
border: none;
display: block;
text-align: center;
cursor: pointer;
text-transform: uppercase;
outline: none;
overflow: hidden;
position: relative;
color: #fff;
font-weight: 700;
font-size: 15px;
background-color: #222;
padding: 17px 10px;
margin: 0 auto;
box-shadow: 0 5px 15px rgba(0,0,0,0.20);
}
.btn1 a {
color: #fff;
}
.btn1 span {
position: relative; 
z-index: 1;
}
.btn1:before,
.btn1:after {
content: "";
z-index:-1;
position: absolute;
left: 0;
top: 0;
height: 490%;
width: 140%;
background: #78c7d2;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
transform: translateX(-98%) translateY(-25%) rotate(45deg);
}
.btn1:hover:before {
-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
transform: translateX(-9%) translateY(-25%) rotate(45deg);
}
.btn1:hover:after {
background: #44b5c4;
-webkit-transform: translateX(-65%) translateY(-25%) rotate(45deg);
transform: translateX(-65%) translateY(-25%) rotate(45deg);
}
@media (max-width: 980px) {
.services-list .acf-view__project-services-choice {
font-size: 13px;
padding: 7px 10px;
}
.btn1 {
padding: 17px 5px;
}
}