/* =========================================================
 * Service mid-article order CTA (KRK / clearance certificate)
 * ========================================================= */

.op-service-order-cta {
    --op-cta-blue: #2380eb;
    --op-cta-navy: #092b96;
    --op-cta-sky: #086cdc;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 28px 0 32px;
    box-sizing: border-box;
    border-radius: 22px;
    background: transparent;
    /* Soft shadow on the outer shell so it follows the radius
       without creating a rectangular plate under the corners */
    box-shadow: 0 12px 28px rgba(9, 43, 150, 0.1);
}

.op-service-order-cta__inner {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    padding: 28px 28px 26px;
    border-radius: 22px;
    border: 1px solid rgba(35, 128, 235, 0.18);
    background-color: #f7faff;
    background-image:
        radial-gradient(120% 90% at 100% 0%, rgba(35, 128, 235, 0.16) 0%, rgba(35, 128, 235, 0) 55%),
        linear-gradient(145deg, #f7faff 0%, #eef5ff 48%, #f8fafd 100%);
    background-repeat: no-repeat;
    background-origin: border-box;
    background-clip: border-box;
    /* Inset highlight only — drop-shadow lives on the outer shell */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.op-service-order-cta__inner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--op-cta-navy) 0%, var(--op-cta-sky) 100%);
}

.op-service-order-cta__copy {
    position: relative;
    z-index: 1;
    padding-left: 10px;
}

.op-service-order-cta__eyebrow {
    margin: 0 0 8px;
    font-family: Gilroy, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: linear-gradient(90deg, #092b96 0%, #086cdc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.op-service-order-cta__title {
    margin: 0 0 10px;
    color: #131313;
    font-family: Gilroy, sans-serif;
    font-size: clamp(22px, 2.4vw, 28px);
    font-weight: 700;
    line-height: 1.25;
}

.op-service-order-cta__note {
    margin: 0;
    max-width: 42em;
    color: #405066;
    font-family: Gilroy, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
}

.op-service-order-cta__channels {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 20px 0 0;
    padding: 0 0 0 10px;
    list-style: none !important;
}

.op-service-order-cta__channel {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Kill global .ttx ul li::before bullet dots inside this CTA */
.ttx .op-service-order-cta__channels,
.article-wrap__content--text.ttx .op-service-order-cta__channels,
.ttx ul.op-service-order-cta__channels,
.article-wrap__content--text.ttx ul.op-service-order-cta__channels {
    list-style: none !important;
    padding-left: 10px !important;
    margin-left: 0 !important;
}

.ttx .op-service-order-cta__channel,
.article-wrap__content--text.ttx .op-service-order-cta__channel,
.ttx .op-service-order-cta__channels > li,
.article-wrap__content--text.ttx .op-service-order-cta__channels > li {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    position: relative;
}

.ttx .op-service-order-cta__channel::before,
.ttx .op-service-order-cta__channel::after,
.ttx .op-service-order-cta__channels > li::before,
.ttx .op-service-order-cta__channels > li::after,
.article-wrap__content--text.ttx .op-service-order-cta__channel::before,
.article-wrap__content--text.ttx .op-service-order-cta__channel::after,
.article-wrap__content--text.ttx .op-service-order-cta__channels > li::before,
.article-wrap__content--text.ttx .op-service-order-cta__channels > li::after,
.ttx .op-service-order-cta__channel::marker,
.article-wrap__content--text.ttx .op-service-order-cta__channel::marker {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

.op-service-order-cta__channel-link {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid #dce7f5;
    background: rgba(255, 255, 255, 0.92);
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(9, 43, 150, 0.05);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
    -webkit-tap-highlight-color: transparent;
}

.op-service-order-cta__channel-link:hover,
.op-service-order-cta__channel-link:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(35, 128, 235, 0.45);
    box-shadow: 0 10px 24px rgba(35, 128, 235, 0.16);
    outline: none;
}

.op-service-order-cta__icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background-color: #2380eb;
    background-image: linear-gradient(145deg, #2a8ef0 0%, #2380eb 45%, #092b96 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0 8px 18px rgba(35, 128, 235, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    position: relative;
}

.op-service-order-cta__icon::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.op-service-order-cta__channel--email .op-service-order-cta__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7.5A2.5 2.5 0 0 1 6.5 5h11A2.5 2.5 0 0 1 20 7.5v9A2.5 2.5 0 0 1 17.5 19h-11A2.5 2.5 0 0 1 4 16.5v-9Z' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='m5.5 7.5 6.5 5 6.5-5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.op-service-order-cta__channel--whatsapp .op-service-order-cta__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12.04 2c-5.46 0-9.91 4.43-9.91 9.88 0 1.74.46 3.44 1.33 4.94L2 22l5.35-1.4a9.93 9.93 0 0 0 4.69 1.19h.01c5.46 0 9.91-4.43 9.91-9.88C21.96 6.43 17.5 2 12.04 2Zm0 18.07h-.01a8.2 8.2 0 0 1-4.18-1.15l-.3-.18-3.17.83.85-3.09-.2-.32a8.14 8.14 0 0 1-1.25-4.36c0-4.5 3.68-8.16 8.2-8.16 4.52 0 8.2 3.66 8.2 8.16 0 4.5-3.68 8.16-8.14 8.16Zm4.5-6.12c-.25-.12-1.46-.72-1.69-.8-.23-.09-.39-.12-.56.12-.17.25-.64.8-.79.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-2-1.23-.74-.66-1.24-1.47-1.38-1.72-.15-.25-.02-.39.11-.51.11-.11.25-.29.37-.43.12-.14.17-.25.25-.41.09-.17.04-.31-.02-.43-.06-.12-.56-1.35-.77-1.85-.2-.48-.41-.42-.56-.42h-.48c-.17 0-.43.06-.66.31-.23.25-.87.85-.87 2.07 0 1.22.89 2.4 1.01 2.56.12.17 1.75 2.67 4.24 3.74 1.49.64 1.91.65 2.6.55.42-.06 1.46-.6 1.67-1.17.21-.58.21-1.07.14-1.17-.06-.1-.23-.17-.48-.29Z'/%3E%3C/svg%3E");
}

.op-service-order-cta__channel--viber .op-service-order-cta__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M11.4 2.1c-4.8.1-8.7 3.9-8.9 8.7-.1 2.3.7 4.4 2.1 6l-.7 3.3 3.4-.7c1.5 1 3.3 1.5 5.1 1.5h.2c4.9-.1 8.8-4.1 8.8-9 0-4.8-4-8.7-10-8.8Zm4.9 12.3c-.2.5-1.1.9-1.5 1-.4.1-.8.3-2.6-.6-2.2-1.1-3.6-3.5-3.7-3.7-.1-.2-.9-1.2-.9-2.3 0-1.1.6-1.6.8-1.8.2-.2.4-.3.6-.3h.4c.1 0 .3 0 .4.3.2.4.5 1.3.6 1.4.1.1.1.3 0 .4l-.3.4c-.1.1-.2.3-.1.5.1.2.5.8 1.1 1.3.7.7 1.3 1 1.5 1.1.2.1.3.1.5 0l.6-.7c.1-.2.3-.2.5-.1.2.1 1.2.6 1.4.7.2.1.3.2.4.3.1.1.1.6-.1 1.1Z'/%3E%3C/svg%3E");
}

.op-service-order-cta__channel--telegram .op-service-order-cta__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M21.5 4.3 3.9 11.1c-1.2.5-1.2 1.1-.2 1.4l4.5 1.4 1.7 5.3c.2.6.1.8.7.8.5 0 .7-.2 1-.5l2.3-2.2 4.8 3.5c.9.5 1.5.2 1.7-.8L22.9 5.5c.3-1.2-.5-1.7-1.4-1.2ZM9.6 14.3l8.8-5.5c.4-.3.8-.1.5.2l-7.1 6.4-.3 3.1-1.9-4.2Z'/%3E%3C/svg%3E");
}

.op-service-order-cta__channel--messenger .op-service-order-cta__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2C6.5 2 2 6.1 2 11.2c0 2.9 1.4 5.4 3.7 7.1V22l3.4-1.9c.9.3 1.9.4 2.9.4 5.5 0 10-4.1 10-9.3S17.5 2 12 2Zm1.1 12.5-2.5-2.7-4.9 2.7 5.4-5.7 2.6 2.7 4.8-2.7-5.4 5.7Z'/%3E%3C/svg%3E");
}

.op-service-order-cta__channel--office .op-service-order-cta__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 4.8c.5-1 1.6-1.3 2.5-.8l1.5.8c.8.4 1.1 1.4.7 2.2l-.7 1.4c-.2.5-.1 1 .2 1.4 1 1.3 2.3 2.5 3.7 3.4.4.3 1 .3 1.4.1l1.5-.7c.8-.4 1.8-.1 2.2.7l.8 1.5c.5.9.2 2-.8 2.5-1.2.6-2.7.8-4.1.3-3.2-1.2-6-3.9-7.5-7.1-.6-1.4-.5-3 .2-4.3Z' stroke='%23fff' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.op-service-order-cta__meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.op-service-order-cta__label {
    color: #667285;
    font-family: Gilroy, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.op-service-order-cta__value {
    color: #131313;
    font-family: Gilroy, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    word-break: break-word;
}

.op-service-order-cta__actions {
    position: relative;
    z-index: 1;
    margin-top: 18px;
    padding-left: 10px;
}

.op-service-order-cta__btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
    width: fit-content;
    max-width: 100%;
    min-height: 48px;
    padding: 12px 22px;
    border-radius: 999px;
    border: 0;
    background: linear-gradient(145deg, #2a8ef0 0%, #2380eb 45%, #092b96 100%);
    color: #fff !important;
    font-family: Gilroy, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow: 0 12px 28px rgba(35, 128, 235, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.op-service-order-cta__btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.34) 48%, transparent 100%);
    transform: translateX(-130%);
    transition: transform 0.55s ease;
    pointer-events: none;
}

.op-service-order-cta__btn:hover,
.op-service-order-cta__btn:focus-visible {
    color: #fff !important;
    background: linear-gradient(145deg, #3b9af5 0%, #2a8ef0 45%, #0a349f 100%);
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(35, 128, 235, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.24);
    outline: none;
}

.op-service-order-cta__btn:hover::after,
.op-service-order-cta__btn:focus-visible::after {
    transform: translateX(130%);
}

/* Dark article surfaces: keep the card readable */
.article-wrap__content--text.ttx .op-service-order-cta,
.ttx .op-service-order-cta,
.article-wrap__content--text.ttx .op-service-order-cta p,
.ttx .op-service-order-cta p,
.article-wrap__content--text.ttx .op-service-order-cta h3,
.ttx .op-service-order-cta h3 {
    color: #131313;
}

.article-wrap__content--text.ttx .op-service-order-cta__eyebrow,
.ttx .op-service-order-cta__eyebrow {
    background: linear-gradient(90deg, #092b96 0%, #086cdc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

.article-wrap__content--text.ttx .op-service-order-cta__note,
.ttx .op-service-order-cta__note,
.article-wrap__content--text.ttx .op-service-order-cta__label,
.ttx .op-service-order-cta__label {
    color: #667285;
    -webkit-text-fill-color: #667285;
}

.article-wrap__content--text.ttx .op-service-order-cta__value,
.ttx .op-service-order-cta__value,
.article-wrap__content--text.ttx .op-service-order-cta__title,
.ttx .op-service-order-cta__title {
    color: #131313;
    -webkit-text-fill-color: #131313;
}

.article-wrap__content--text.ttx .op-service-order-cta a,
.ttx .op-service-order-cta a {
    text-decoration: none;
    color: inherit;
}

.article-wrap__content--text.ttx .op-service-order-cta__btn,
.ttx .op-service-order-cta__btn {
    color: #fff !important;
    -webkit-text-fill-color: #fff;
}

@media (min-width: 901px) {
    .op-service-order-cta__channels {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .op-service-order-cta__channel--office {
        grid-column: span 1;
    }
}

@media (max-width: 668px) {
    .op-service-order-cta {
        margin: 22px 0 26px;
        border-radius: 18px;
    }

    .op-service-order-cta__inner {
        padding: 22px 16px 20px;
        border-radius: 18px;
    }

    .op-service-order-cta__inner::before {
        top: 14px;
        bottom: 14px;
        width: 3px;
    }

    .op-service-order-cta__copy,
    .op-service-order-cta__channels,
    .op-service-order-cta__actions {
        padding-left: 8px;
    }

    .op-service-order-cta__title {
        font-size: 21px;
    }

    .op-service-order-cta__note {
        font-size: 15px;
    }

    .op-service-order-cta__channels {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 16px;
    }

    .op-service-order-cta__channel-link {
        min-height: 58px;
        padding: 11px 12px;
    }

    .op-service-order-cta__icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .op-service-order-cta__value {
        font-size: 14px;
    }

    .op-service-order-cta__btn {
        width: 100%;
        min-height: 50px;
        margin-top: 2px;
    }

    .op-service-order-cta__btn:hover,
    .op-service-order-cta__btn:focus-visible {
        transform: none;
    }
}

@media (max-width: 380px) {
    .op-service-order-cta__inner {
        padding: 18px 14px 18px;
    }

    .op-service-order-cta__title {
        font-size: 19px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .op-service-order-cta__channel-link,
    .op-service-order-cta__btn,
    .op-service-order-cta__btn::after,
    .op-service-contact-btns__btn,
    .op-service-contact-btns__btn::after {
        transition: none;
    }
}

/* End-of-article contact pills (Get Consultation style) */
.op-service-contact-btns {
    margin: 28px 0 36px;
    max-width: 360px;
}

.op-service-contact-btns__title {
    margin: 0 0 16px;
    color: #131313;
    font-family: Gilroy, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25;
}

.op-service-contact-btns__grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.op-service-contact-btns__btn {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    overflow: hidden;
    z-index: 0;
    width: 100%;
    max-width: 360px;
    min-height: 58px;
    padding: 10px 18px 10px 12px;
    border-radius: 999px;
    border: 0;
    background: linear-gradient(145deg, #2a8ef0 0%, #2380eb 45%, #092b96 100%);
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 12px 28px rgba(35, 128, 235, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.op-service-contact-btns__btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.34) 48%, transparent 100%);
    transform: translateX(-130%);
    transition: transform 0.55s ease;
    pointer-events: none;
}

.op-service-contact-btns__btn:hover,
.op-service-contact-btns__btn:focus-visible {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 32px rgba(9, 43, 150, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.28);
    background: linear-gradient(145deg, #3a98f5 0%, #2a8ef0 40%, #0a3aad 100%);
}

.op-service-contact-btns__btn:hover::after,
.op-service-contact-btns__btn:focus-visible::after {
    transform: translateX(130%);
}

.op-service-contact-btns__icon {
    position: relative;
    z-index: 1;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.op-service-contact-btns__icon::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.op-service-contact-btns__btn--email .op-service-contact-btns__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 7.5A2.5 2.5 0 0 1 6.5 5h11A2.5 2.5 0 0 1 20 7.5v9A2.5 2.5 0 0 1 17.5 19h-11A2.5 2.5 0 0 1 4 16.5v-9Z' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='m5.5 7.5 6.5 5 6.5-5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.op-service-contact-btns__btn--whatsapp .op-service-contact-btns__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12.04 2c-5.46 0-9.91 4.43-9.91 9.88 0 1.74.46 3.44 1.33 4.94L2 22l5.35-1.4a9.93 9.93 0 0 0 4.69 1.19h.01c5.46 0 9.91-4.43 9.91-9.88C21.96 6.43 17.5 2 12.04 2Zm0 18.07h-.01a8.2 8.2 0 0 1-4.18-1.15l-.3-.18-3.17.83.85-3.09-.2-.32a8.14 8.14 0 0 1-1.25-4.36c0-4.5 3.68-8.16 8.2-8.16 4.52 0 8.2 3.66 8.2 8.16 0 4.5-3.68 8.16-8.14 8.16Zm4.5-6.12c-.25-.12-1.46-.72-1.69-.8-.23-.09-.39-.12-.56.12-.17.25-.64.8-.79.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-2-1.23-.74-.66-1.24-1.47-1.38-1.72-.15-.25-.02-.39.11-.51.11-.11.25-.29.37-.43.12-.14.17-.25.25-.41.09-.17.04-.31-.02-.43-.06-.12-.56-1.35-.77-1.85-.2-.48-.41-.42-.56-.42h-.48c-.17 0-.43.06-.66.31-.23.25-.87.85-.87 2.07 0 1.22.89 2.4 1.01 2.56.12.17 1.75 2.67 4.24 3.74 1.49.64 1.91.65 2.6.55.42-.06 1.46-.6 1.67-1.17.21-.58.21-1.07.14-1.17-.06-.1-.23-.17-.48-.29Z'/%3E%3C/svg%3E");
}

.op-service-contact-btns__btn--viber .op-service-contact-btns__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M11.4 2.1c-4.8.1-8.7 3.9-8.9 8.7-.1 2.3.7 4.4 2.1 6l-.7 3.3 3.4-.7c1.5 1 3.3 1.5 5.1 1.5h.2c4.9-.1 8.8-4.1 8.8-9 0-4.8-4-8.7-10-8.8Zm4.9 12.3c-.2.5-1.1.9-1.5 1-.4.1-.8.3-2.6-.6-2.2-1.1-3.6-3.5-3.7-3.7-.1-.2-.9-1.2-.9-2.3 0-1.1.6-1.6.8-1.8.2-.2.4-.3.6-.3h.4c.1 0 .3 0 .4.3.2.4.5 1.3.6 1.4.1.1.1.3 0 .4l-.3.4c-.1.1-.2.3-.1.5.1.2.5.8 1.1 1.3.7.7 1.3 1 1.5 1.1.2.1.3.1.5 0l.6-.7c.1-.2.3-.2.5-.1.2.1 1.2.6 1.4.7.2.1.3.2.4.3.1.1.1.6-.1 1.1Z'/%3E%3C/svg%3E");
}

.op-service-contact-btns__btn--telegram .op-service-contact-btns__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M21.5 4.3 3.9 11.1c-1.2.5-1.2 1.1-.2 1.4l4.5 1.4 1.7 5.3c.2.6.1.8.7.8.5 0 .7-.2 1-.5l2.3-2.2 4.8 3.5c.9.5 1.5.2 1.7-.8L22.9 5.5c.3-1.2-.5-1.7-1.4-1.2ZM9.6 14.3l8.8-5.5c.4-.3.8-.1.5.2l-7.1 6.4-.3 3.1-1.9-4.2Z'/%3E%3C/svg%3E");
}

.op-service-contact-btns__btn--office .op-service-contact-btns__icon::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.5 4.8c.5-1 1.6-1.3 2.5-.8l1.5.8c.8.4 1.1 1.4.7 2.2l-.7 1.4c-.2.5-.1 1 .2 1.4 1 1.3 2.3 2.5 3.7 3.4.4.3 1 .3 1.4.1l1.5-.7c.8-.4 1.8-.1 2.2.7l.8 1.5c.5.9.2 2-.8 2.5-1.2.6-2.7.8-4.1.3-3.2-1.2-6-3.9-7.1-.6-1.4-.5-3 .2-4.3Z' stroke='%23fff' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.op-service-contact-btns__meta {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.op-service-contact-btns__label {
    color: rgba(255, 255, 255, 0.82);
    font-family: Gilroy, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.op-service-contact-btns__value {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    word-break: break-word;
}

.ttx .op-service-contact-btns,
.article-wrap__content--text.ttx .op-service-contact-btns,
.ttx .op-service-contact-btns p,
.article-wrap__content--text.ttx .op-service-contact-btns p,
.ttx .op-service-contact-btns h3,
.article-wrap__content--text.ttx .op-service-contact-btns h3 {
    margin-left: 0;
    padding-left: 0;
}

.ttx .op-service-contact-btns__title,
.article-wrap__content--text.ttx .op-service-contact-btns__title {
    color: #131313;
    font-size: 22px;
    font-weight: 700;
}

.ttx .op-service-contact-btns a,
.article-wrap__content--text.ttx .op-service-contact-btns a,
.ttx .op-service-contact-btns__btn,
.article-wrap__content--text.ttx .op-service-contact-btns__btn {
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
}

@media (max-width: 668px) {
    .op-service-contact-btns {
        margin: 22px 0 28px;
        max-width: 52%;
    }

    .op-service-contact-btns__title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .op-service-contact-btns__grid {
        gap: 10px;
        align-items: flex-start;
    }

    .op-service-contact-btns__btn {
        width: 100%;
        max-width: 100%;
        min-height: 52px;
        padding: 9px 14px 9px 10px;
        gap: 10px;
    }

    .op-service-contact-btns__icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    .op-service-contact-btns__icon::after {
        width: 16px;
        height: 16px;
    }

    .op-service-contact-btns__btn:hover,
    .op-service-contact-btns__btn:focus-visible {
        transform: none;
    }

    .op-service-contact-btns__value {
        font-size: 13px;
    }
}

@media (max-width: 380px) {
    .op-service-contact-btns {
        max-width: 68%;
    }
}