/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.rolling-services-list {display: block !important;}
.rolling-services-list .post-loader-content {
    display: grid;
    grid-template-columns: repeat(var(--per-row), 1fr);
    gap: 25px;
}
.post-load-more { background: #d70f11!important; border: none; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .04); color: #fff; cursor: pointer; display: inline-block; font-size: 18px; font-weight: 500;  padding: 23px 55px; position: relative; text-align: center; text-decoration: none; transition: all .3s ease; }
.post-load-more:hover { background: #30383a !important; color: #fff; transition: 0.5s; }
.single-post-item figure {text-align: center;}
.services_border img { width: 100%; }

@media(max-width:1199px){
    .rolling-services-list .post-loader-content { grid-template-columns: repeat(3, 1fr);}
    .post-load-more{padding: 18px 40px;}
}

@media(max-width:991px){
    .rolling-services-list .post-loader-content { grid-template-columns: repeat(2, 1fr);}
}

@media(max-width:767px){
    .rolling-services-list .post-loader-content { grid-template-columns: repeat(1, 1fr);}
    .post-load-more{padding: 15px 30px;}
}