.services-grid.collapsed .service-card:nth-child(n+5){
    display:none;
}
.services-grid.expanded .service-card{
    display:flex;
}

.services-grid-action{
    margin-top:40px;
    text-align:center;
}
.services-grid-action .button-secondary {
    background: transparent;
    color: var(--sekin-orange);
    border-color: var(--sekin-orange);
}
.service-archive-hero{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    background:url('../images/service-hero.jpg') center center/cover no-repeat;
    overflow:hidden;
}
.service-archive-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        90deg,
        rgba(7,23,53,.92) 0%,
        rgba(7,23,53,.88) 35%,
        rgba(7,23,53,.45) 65%,
        rgba(7,23,53,.08) 100%
    );
}
.service-archive-content{
    position:relative;
    z-index:2;
    max-width:700px;
}
.service-breadcrumb{
    margin-bottom:24px;
    color:rgba(255,255,255,.8);
    font-size:14px;
}
.service-archive-content h1{
    margin-bottom:24px;
    color:var(--sekin-white);
    font-size:56px;
    line-height:1.1;
}
.service-archive-content p{
    color:rgba(255,255,255,.85);
    font-size:18px;
    line-height:1.8;
    max-width:620px;
}
.service-archive-grid{
    padding:40px 0;
}
.service-archive-grid .section-heading{
    text-align:center;
    margin-bottom: 0;
}
.service-archive-grid .section-heading p{
    max-width:700px;
    margin:16px auto 0;
}
.post-type-archive-dich-vu .site-content{
    padding-top:0 !important;
    margin-top:0 !important;
}

.post-type-archive-dich-vu .service-archive-hero{
    margin-top:0 !important;
}
@media(max-width:1200px){

    .services-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:992px){

    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .services-grid{
        grid-template-columns:1fr;
    }

}