.srv.v1 {
    --srv-v1-icn-s: 2.5rem;

    @media screen and (max-width: 699px) {
        &.pd_v-70 {
            padding-top: clamp(calc(var(--sp-vp-min) * 2.5), var(--sp-vp), calc(var(--sp-vp-max) * 2.5));
            padding-bottom: clamp(var(--sp-vp-min), var(--sp-vp), var(--sp-vp-max));
        }
    }

    .srv-icn {
        font-size: var(--srv-v1-icn-s);
    }

    .crd.lk-bg {
        background-color: #262873;

        &::after {
            background-color: #262873;
        }
    }

    @media (hover: hover) and (pointer: fine) {
        .crd.hvr_op-lst {
            opacity: 0.85;
        }

        .crd.hvr_op-lst:is(:hover, :focus-visible) {
            opacity: 1;
        }
    }

    .btn.s2 {
        color: var(--primary);
    }

    .bg-bx {
        @media screen and (min-width:1280px) {
            & {
                padding: 1.78rem;
            }
        }
    }

}