/* Our Services page (resources/views/website/our-services.blade.php).
   Builds on our-work.css, service.css and home.css; everything here is scoped under .os-page. */

/* Service cards: extends .hm-service from home.css */
.os-service .hm-service-media { position: relative; }
.os-service-num {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 4px 10px;
    border-radius: 60px;
    background: rgba(0, 0, 0, .6);
    backdrop-filter: blur(6px);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    color: #fff;
}
.os-service .hm-service-body strong { font-size: 1.15rem; }

.os-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.os-tag {
    padding: 4px 10px;
    border-radius: 60px;
    border: 1px solid var(--ow-line);
    background: rgba(255, 255, 255, .04);
    color: rgba(255, 255, 255, .8);
    font-size: .76rem;
    line-height: 1.4;
}
.os-tag--more { border-color: rgba(246, 0, 108, .45); color: var(--ow-pink); }

.os-trust { border-top: 1px solid var(--ow-line); }
