/* Service Band */
.service-band{
    position: relative;
    background:#000;
    color:#fff;
    padding: 48px 0; /* comfy; adjust if needed */
    overflow: hidden;
}

/* dots on right, behind everything */
.service-band .sb-dots-right {
    position: absolute;
    inset: auto 0 0 auto;
    right: -400px;
    top: 50%;
    width: 600px;
    z-index: 0;
    pointer-events: none;
    transform: translateY(-30%);
}
.service-band .sb-dots-right img{
    display:block;
    width:100%;
    height:auto;
    transform: scaleX(-1); /* flip like other right-dot uses, looks nice */
    opacity:.95;
}

/* content above dots */
.service-band .container{ position:relative; z-index:2; }

/* Eyebrow */
.service-band .sb-eyebrow{
    color: var(--eyebrow-color, #2DACE3);
    text-transform: uppercase;
    font-weight: 100;
}

/* Title */
.service-band .sb-title{
    margin: 0 0 .5rem;
    text-transform: none;
    letter-spacing: .02em;
    font-weight: 100;
}

/* Copy */
.service-band .sb-copy{
    color:#f3f3f3;
    max-width: 68ch;
}

/* Right image */
.service-band .sb-right {
    display: grid;
    place-items: flex-start;
}
.service-band .sb-right-img{
    width:auto;
    max-width:125px;
    height:auto;
}

/* Stack nicely on small screens */
@media (max-width: 767.98px){
    .service-band .sb-dots-right {
        right: -87%;
        top: 30%;
        width: 600px;
    }
    .service-band .sb-right{
        margin-top: 12px;
    }
}