@charset "UTF-8";
/* =====================================================================
   SimSon Pharma — single stylesheet
   1. GLOBAL: resets, fonts, keyframes, shared header/footer rules
   2. PAGE BLOCKS: each page is wrapped in "PAGE: <name> — start/end"
      markers and scoped to a body class (body.page-faq { ... }) so page
      rules can never leak into another page.
   ===================================================================== */

/* ===================== GLOBAL — start ===================== */
@keyframes dvpulse {

    0%,
    100% {
        opacity: 0.35;
    }

    50% {
        opacity: 1;
    }
}

@keyframes dvbob {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

@keyframes dvblink {

    0%,
    92%,
    100% {
        transform: scaleY(1);
    }

    96% {
        transform: scaleY(0.1);
    }
}

@keyframes dvwave {

    0%,
    100% {
        transform: rotate(-14deg);
    }

    50% {
        transform: rotate(24deg);
    }
}

@keyframes dvpop {
    0% {
        transform: scale(0.86);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes dvglow {

    0%,
    100% {
        filter: brightness(1);
    }

    50% {
        filter: brightness(1.13);
    }
}

@keyframes dvring {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.55);
        opacity: 0;
    }
}

@keyframes dvdot {

    0%,
    80%,
    100% {
        opacity: 0.25;
    }

    40% {
        opacity: 1;
    }
}

@keyframes dvmarquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes dvlogo {
    0% {
        opacity: 0;
        transform: scale(0.82) translateY(10px);
    }

    55% {
        opacity: 1;
        transform: scale(1.04) translateY(0);
    }

    75% {
        transform: scale(0.99);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes dvsheen {
    0% {
        transform: translateX(-120%) skewX(-18deg);
        opacity: 0;
    }

    12% {
        opacity: 0.75;
    }

    55% {
        transform: translateX(230%) skewX(-18deg);
        opacity: 0;
    }

    100% {
        transform: translateX(230%) skewX(-18deg);
        opacity: 0;
    }
}

@keyframes dvrule {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes dvfadein {
    0% {
        opacity: 0;
        transform: translateX(-12px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes dvbrandout {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0);
    }

    55% {
        opacity: 0.34;
        transform: scale(0.97) translateY(-5px);
        filter: blur(3px);
    }

    100% {
        opacity: 0;
        transform: scale(0.93) translateY(-14px);
        filter: blur(7px);
    }
}

@keyframes dvbrandin {
    0% {
        opacity: 0;
        transform: scale(0.94) translateY(16px);
        filter: blur(8px);
    }

    58% {
        opacity: 1;
        transform: scale(1.015) translateY(0);
        filter: blur(0);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0);
    }
}

@keyframes dvbloom {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    30% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
        transform: scale(1.9);
    }
}

@keyframes dvspark {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.4);
    }
}

@keyframes dvwipe {
    0% {
        transform: scaleX(0);
        opacity: 0;
    }

    30% {
        transform: scaleX(1);
        opacity: 1;
    }

    100% {
        transform: scaleX(1);
        opacity: 0;
    }
}

@keyframes dvrisein {
    0% {
        opacity: 0;
        transform: translateY(8px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes zmpop {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes abken {
    0% {
        transform: scale(1.06);
    }

    100% {
        transform: scale(1.14);
    }
}

@keyframes abdraw {
    0% {
        transform: scaleX(0);
    }

    100% {
        transform: scaleX(1);
    }
}

@keyframes abrise {
    0% {
        opacity: 0;
        transform: translateY(24px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes plzfade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes plzpop {
    0% {
        opacity: 0;
        transform: scale(0.94) translateY(12px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes faqin {
    0% {
        opacity: 0;
        transform: translateY(-5px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes cuin {
    0% {
        opacity: 0;
        transform: translateY(-6px);
    }

    100% {
        opacity: 1;
        transform: none;
    }
}

/* base + responsive layer (shared by every page) */

body {
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    color: #0b3d91;
    text-decoration: none;
}

a:hover {
    color: #084f47;
}

input::placeholder {
    color: #8a9bb3;
    opacity: 1;
}

.dv-turn {
    padding: 44px 48px 36px;
    border-bottom: 1px solid rgba(16, 28, 27, 0.1);
    scroll-margin-top: 16px;
}

.dv-thd {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 22px;
}

.dv-tid {
    font:
        600 10px "IBM Plex Mono",
        monospace;
    padding: 3px 7px;
    background: #101c1b;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}

.dv-tname {
    font:
        600 13px/1.2 "IBM Plex Sans",
        sans-serif;
    color: #101c1b;
}

.dv-opts {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    align-items: flex-start;
}

.dv-opt {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    scroll-margin-top: 16px;
}

.dv-oid {
    font:
        600 10.5px "IBM Plex Mono",
        monospace;
    padding: 3px 7px;
    background: rgba(16, 28, 27, 0.09);
    color: #101c1b;
    border-radius: 5px;
    text-decoration: none;
}

.dv-olabel {
    display: flex;
    align-items: baseline;
    gap: 9px;
    font:
        400 11.5px/1.35 "IBM Plex Sans",
        sans-serif;
    color: rgba(16, 28, 27, 0.55);
    max-width: 640px;
}

.dv-card {
    max-width: 100%;
    background: #fff;
    border: 1px solid rgba(16, 28, 27, 0.1);
    border-radius: 8px;
    box-shadow: 0 2px 14px rgba(16, 28, 27, 0.07);
    overflow: hidden;
}

.dv-opt:target .dv-oid {
    background: #0b3d91;
    color: #fff;
}

.dv-next {
    margin: 24px 0 0;
    font:
        12px/1.6 "IBM Plex Sans",
        sans-serif;
    color: rgba(16, 28, 27, 0.5);
}

@keyframes dvpulse {

    0%,
    100% {
        opacity: 0.35;
    }

    50% {
        opacity: 1;
    }
}

@keyframes dvbob {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

@keyframes dvblink {

    0%,
    92%,
    100% {
        transform: scaleY(1);
    }

    96% {
        transform: scaleY(0.1);
    }
}

@keyframes dvwave {

    0%,
    100% {
        transform: rotate(-14deg);
    }

    50% {
        transform: rotate(24deg);
    }
}

@keyframes dvpop {
    0% {
        transform: scale(0.86);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes dvglow {

    0%,
    100% {
        filter: brightness(1);
    }

    50% {
        filter: brightness(1.13);
    }
}

@keyframes dvring {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    100% {
        transform: scale(1.55);
        opacity: 0;
    }
}

@keyframes dvdot {

    0%,
    80%,
    100% {
        opacity: 0.25;
    }

    40% {
        opacity: 1;
    }
}

@keyframes dvmarquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes dvlogo {
    0% {
        opacity: 0;
        transform: scale(0.82) translateY(10px);
    }

    55% {
        opacity: 1;
        transform: scale(1.04) translateY(0);
    }

    75% {
        transform: scale(0.99);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes dvsheen {
    0% {
        transform: translateX(-120%) skewX(-18deg);
        opacity: 0;
    }

    12% {
        opacity: 0.75;
    }

    55% {
        transform: translateX(230%) skewX(-18deg);
        opacity: 0;
    }

    100% {
        transform: translateX(230%) skewX(-18deg);
        opacity: 0;
    }
}

@keyframes dvrule {
    0% {
        transform: scaleY(0);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes dvfadein {
    0% {
        opacity: 0;
        transform: translateX(-12px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes dvbrandout {
    0% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0);
    }

    55% {
        opacity: 0.34;
        transform: scale(0.97) translateY(-5px);
        filter: blur(3px);
    }

    100% {
        opacity: 0;
        transform: scale(0.93) translateY(-14px);
        filter: blur(7px);
    }
}

@keyframes dvbrandin {
    0% {
        opacity: 0;
        transform: scale(0.94) translateY(16px);
        filter: blur(8px);
    }

    58% {
        opacity: 1;
        transform: scale(1.015) translateY(0);
        filter: blur(0);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
        filter: blur(0);
    }
}

@keyframes dvbloom {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    30% {
        opacity: 0.9;
    }

    100% {
        opacity: 0;
        transform: scale(1.9);
    }
}

@keyframes dvspark {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.4);
    }
}

@keyframes dvwipe {
    0% {
        transform: scaleX(0);
        opacity: 0;
    }

    30% {
        transform: scaleX(1);
        opacity: 1;
    }

    100% {
        transform: scaleX(1);
        opacity: 0;
    }
}

@keyframes dvrisein {
    0% {
        opacity: 0;
        transform: translateY(8px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---------- responsive layer (container = body) ---------- */
body {
    container-type: inline-size;
}

.rs-chk {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.rs-burger {
    display: none;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 4px 12px rgba(11, 61, 145, 0.1);
    cursor: pointer;
}

.rs-drawer {
    display: none;
}

[data-r~="r1"][data-r~="r2"] {
    height: 122px !important;
    width: 152px !important;
}

@container (max-width:1440px) {
    [data-r~="r3"][data-r~="r4"] {
        flex-wrap: wrap !important;
    }

    [data-r~="r3"][data-r~="r4"]>div> :nth-child(n + 3):nth-child(-n + 6) {
        display: none !important;
    }
}

@container (max-width:1300px) {
    [data-r~="r3"][data-r~="r4"] {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    [data-r~="r3"][data-r~="r4"] [data-r~="r5"] {
        display: none !important;
    }

    [data-r~="r3"][data-r~="r4"] [data-r~="r6"] {
        display: none !important;
    }

    [data-r~="r3"][data-r~="r4"] [data-r~="r7"] {
        margin-left: 0 !important;
    }
}

@container (max-width:1180px) {

    [data-r~="r8"],
    [data-r~="r9"],
    [data-r~="r10"],
    [data-r~="r11"],
    [data-r~="r12"],
    [data-r~="r13"],
    [data-r~="r14"],
    [data-r~="r15"],
    [data-r~="r16"],
    [data-r~="r17"],
    [data-r~="r18"],
    [data-r~="r19"],
    [data-r~="r20"],
    [data-r~="r21"],
    [data-r~="r22"],
    [data-r~="r23"],
    [data-r~="r24"],
    [data-r~="r25"],
    [data-r~="r26"],
    [data-r~="r27"],
    [data-r~="r28"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    [data-r~="r29"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    [data-r~="r30"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    [data-r~="r31"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    [data-r~="r32"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
    }

    [data-r~="r33"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }

    [data-r~="r32"]>div:nth-child(2n) {
        display: none !important;
    }

    [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    [data-r~="r37"] {
        width: 206px !important;
    }

    [data-r~="r1"][data-r~="r2"] {
        height: 104px !important;
        width: 130px !important;
    }

    [data-r~="r38"] {
        display: none !important;
    }

    [data-r~="r39"][data-r~="r9"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    [data-r~="r40"][data-r~="r41"] {
        gap: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@container (max-width:1024px) {
    [data-r~="r42"]>div[data-r~="r43"] {
        display: none !important;
    }

    [data-r~="r44"] {
        min-width: 0 !important;
    }

    .rs-burger {
        display: flex;
    }

    .rs-chk:checked~.rs-drawer {
        display: flex;
    }
}

@container (max-width:860px) {
    [data-r~="r45"] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    [data-r~="r8"],
    [data-r~="r9"],
    [data-r~="r10"],
    [data-r~="r11"],
    [data-r~="r12"],
    [data-r~="r13"],
    [data-r~="r14"],
    [data-r~="r15"],
    [data-r~="r16"],
    [data-r~="r17"],
    [data-r~="r18"],
    [data-r~="r19"],
    [data-r~="r20"],
    [data-r~="r21"],
    [data-r~="r22"],
    [data-r~="r23"],
    [data-r~="r24"],
    [data-r~="r25"],
    [data-r~="r26"],
    [data-r~="r27"],
    [data-r~="r28"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    [data-r~="r21"],
    [data-r~="r23"],
    [data-r~="r27"],
    [data-r~="r28"],
    [data-r~="r25"],
    [data-r~="r26"],
    [data-r~="r24"] {
        padding-top: 38px !important;
        padding-bottom: 42px !important;
    }

    [data-r~="r46"]:not([data-r~="r47"]):not([data-r~="r48"]):not([data-r~="r49"]):not([data-r~="r50"]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    [data-r~="r32"]>div:nth-child(2n),
    [data-r~="r51"]>div:nth-child(2),
    [data-r~="r46"]>div[data-r~="r52"] {
        display: none !important;
    }

    h1,
    h2 {
        white-space: normal !important;
        text-wrap: pretty;
    }

    [data-r~="r53"] {
        font-size: clamp(26px, 7cqw, 44px) !important;
        white-space: normal !important;
    }

    [data-r~="r54"] {
        font-size: clamp(23px, 6.4cqw, 36px) !important;
        white-space: normal !important;
    }

    [data-r~="r55"] {
        font-size: clamp(21px, 5.6cqw, 32px) !important;
    }

    [data-r~="r56"] {
        font-size: clamp(20px, 5.4cqw, 30px) !important;
    }

    [data-r~="r57"] {
        font-size: clamp(17px, 4.4cqw, 33px) !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 16px !important;
    }

    [data-r~="r60"] {
        font-size: 14px !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    [data-r~="r61"] {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }

    [data-r~="r62"] {
        height: 56px !important;
        padding-left: 14px !important;
    }

    [data-r~="r63"][data-r~="r64"] {
        width: 40px !important;
        height: 40px !important;
    }

    [data-r~="r65"] {
        height: 290px !important;
    }

    [data-r~="r66"] {
        width: min(320px, calc(100cqw - 36px)) !important;
    }

    [data-r~="r67"] {
        width: 168px !important;
    }

    [data-r~="r68"][data-r~="r43"] {
        flex-wrap: wrap !important;
    }

    [data-r~="r43"] {
        font-size: 16px;
    }

    [data-r~="r68"][data-r~="r43"]>* {
        flex: 1 1 calc(50% - 3px) !important;
        width: auto !important;
    }

    [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    [data-r~="r69"] {
        font-size: 15px !important;
    }

    [data-r~="r70"] {
        font-size: clamp(34px, 10cqw, 88px) !important;
    }

    [data-r~="r71"] {
        font-size: clamp(28px, 7.6cqw, 50px) !important;
    }

    [data-r~="r72"] {
        font-size: clamp(16px, 4.4cqw, 28px) !important;
    }

    [data-r~="r73"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    [data-r~="r74"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    [data-r~="r75"] {
        font-size: clamp(18px, 4.8cqw, 26px) !important;
    }

    [data-r~="r76"] {
        font-size: clamp(17px, 4.4cqw, 24px) !important;
    }

    [data-r~="r77"] {
        flex-wrap: wrap !important;
    }

    [data-r~="r3"][data-r~="r4"] {
        flex-wrap: wrap !important;
    }

    [data-r~="r37"][data-r~="r78"] {
        display: none !important;
    }

    [data-r~="r79"] {
        height: 108px !important;
    }

    [data-r~="r39"][data-r~="r9"]>div:first-child {
        width: 100% !important;
    }
}

/* ---------- readability layer: larger body copy, heavier headings, glowing search ---------- */
@keyframes qsglow {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 3px rgba(204, 17, 34, 0.12),
            0 4px 14px rgba(204, 17, 34, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 6px rgba(204, 17, 34, 0.18),
            0 8px 22px rgba(204, 17, 34, 0.28);
    }
}

/* header search: red highlight + glow, black bold placeholder */
[data-r~="r44"] {
    background: #fff !important;
    animation: qsglowblue 2.6s ease-in-out infinite;
}

input[aria-label="Search the catalogue"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111111 !important;
}

input::placeholder {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1;
}

[data-r~="r81"] {
    font-size: 13.5px !important;
}

/* body copy a step larger */
[data-r~="r82"],
[data-r~="r83"] {
    font-size: 14.5px !important;
}

[data-r~="r84"],
[data-r~="r85"],
[data-r~="r86"] {
    font-size: 15px !important;
}

[data-r~="r87"],
[data-r~="r88"] {
    font-size: 15.5px !important;
}

[data-r~="r89"],
[data-r~="r90"] {
    font-size: 16px !important;
}

[data-r~="r91"],
[data-r~="r92"] {
    font-size: 16.5px !important;
}

[data-r~="r93"],
[data-r~="r94"] {
    font-size: 17.5px !important;
}

[data-r~="r95"],
[data-r~="r96"] {
    font-size: 17.5px !important;
}

[data-r~="r97"] {
    font-size: 18.5px !important;
}

[data-r~="r98"] {
    font-size: 13.5px !important;
}

[data-r~="r99"],
[data-r~="r100"] {
    font-size: 18px !important;
}

/* headings: a step larger above the phone breakpoint, where the fluid clamps take over */
@container (min-width:861px) {
    [data-r~="r70"] {
        font-size: 92px !important;
    }

    [data-r~="r71"] {
        font-size: 54px !important;
    }

    [data-r~="r53"] {
        font-size: 48px !important;
    }

    [data-r~="r54"] {
        font-size: 39px !important;
    }

    [data-r~="r55"] {
        font-size: 35px !important;
    }

    [data-r~="r56"] {
        font-size: 33px !important;
    }

    [data-r~="r75"],
    [data-r~="r73"] {
        font-size: 28px !important;
    }

    [data-r~="r76"] {
        font-size: 26px !important;
    }

    [data-r~="r101"] {
        font-size: 24px !important;
    }

    [data-r~="r102"] {
        font-size: 21px !important;
    }

    [data-r~="r103"] {
        font-size: 18.5px !important;
    }

    [data-r~="r104"] {
        font-size: 17.5px !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 20px !important;
    }

    [data-r~="r72"] {
        font-size: 30px !important;
    }

    [data-r~="r57"] {
        font-size: 35px !important;
    }
}

h1,
h2,
h3 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* ---------- navbar + dropdown polish ---------- */
@keyframes ddin {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

[data-r~="r105"][data-r~="r106"]:not([data-r~="r44"]) {
    position: relative;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

[data-r~="r105"][data-r~="r107"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #cc1122;
    transform: translateX(-50%);
}

[data-r~="r108"] {
    animation: ddin 0.2s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    transform-origin: top left;
}

[data-r~="r108"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

[data-r~="r108"]>span {
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

[data-r~="r108"]>span:hover {
    transform: translateX(3px);
}

/* ---------- search field: blue highlight ---------- */
@keyframes qsglowblue {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 3px rgba(11, 61, 145, 0.12),
            0 4px 14px rgba(11, 61, 145, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 6px rgba(11, 61, 145, 0.2),
            0 8px 22px rgba(11, 61, 145, 0.28);
    }
}

/* ---------- product thumbnail zoom ---------- */
@keyframes zmfade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes zmpop {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

[data-zoomwrap]:hover [data-zoombtn] {
    opacity: 1;
    transform: none;
}

[data-zoomwrap]:hover [data-zoomveil] {
    opacity: 1;
}

/* shared header & footer hover states */
.sh-hv1:hover {
    background: #eef4ff !important;
}

.sh-hv2:hover {
    background: #eef4ff !important;
}

.sh-hv3:hover {
    background: #eef4ff !important;
}

.sh-hv4:hover {
    background: #eef4ff !important;
}

.sh-hv5:hover {
    background: #eef4ff !important;
}

.sh-hv6:hover {
    background: #eef4ff !important;
}

.sh-hv7:hover {
    background: #eef4ff !important;
}

.sh-hv8:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.sh-hv9:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.sh-hv10:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.sh-hv11:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.sh-hv12:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.sh-hv13:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.sh-hv14:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.sh-hv15:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.sh-hv19:hover {
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 6px 18px rgba(11, 61, 145, 0.22) !important;
}

.sh-hv20:hover {
    background: #9e0d1a !important;
}

.sh-hv112:hover {
    transform: translateY(-3px) !important;
    color: #cc1122 !important;
}

.sh-hv113:hover {
    transform: translateY(-3px) !important;
    color: #cc1122 !important;
}

.sh-hv114:hover {
    transform: translateY(-3px) !important;
    color: #cc1122 !important;
}

.sh-hv115:hover {
    transform: translateY(-3px) !important;
    color: #cc1122 !important;
}

.sh-hv116:hover {
    transform: translateY(-3px) !important;
    color: #cc1122 !important;
}

.sh-hv117:hover {
    transform: translateY(-3px) !important;
    color: #cc1122 !important;
}

.sh-hv118:hover {
    transform: translateY(-3px) !important;
    color: #cc1122 !important;
}

.sh-hv119:hover {
    transform: translateY(-3px) !important;
    color: #cc1122 !important;
}

.sh-hv120:hover {
    transform: translateY(3px) !important;
    color: #cc1122 !important;
}

.sh-hv121:hover {
    transform: translateY(-3px) !important;
    color: #cc1122 !important;
}

.sh-hv122:hover {
    transform: translateY(-3px) !important;
    color: #cc1122 !important;
}

.sh-hv123:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv124:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv125:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv126:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv127:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv128:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv129:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv130:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv131:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv132:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv133:hover {
    transform: translateX(3px) !important;
    color: #cc1122 !important;
}

.sh-hv134:hover {
    transform: translateX(3px) !important;
    color: #0b3d91 !important;
}

.sh-hv135:hover {
    transform: translateX(3px) !important;
    color: #cc1122 !important;
}

.sh-hv136:hover {
    transform: translateX(3px) !important;
    color: #0b3d91 !important;
}

.sh-hv137:hover {
    transform: translateX(3px) !important;
    color: #cc1122 !important;
}

.sh-hv138:hover {
    transform: translateX(3px) !important;
    color: #0b3d91 !important;
}

.sh-hv139:hover {
    transform: translateX(3px) !important;
    color: #cc1122 !important;
}

.sh-hv140:hover {
    transform: translateX(3px) !important;
    color: #0b3d91 !important;
}

.sh-hv141:hover {
    transform: translateX(3px) !important;
    color: #cc1122 !important;
}

.sh-hv142:hover {
    transform: translateX(3px) !important;
    color: #0b3d91 !important;
}

.sh-hv143:hover {
    transform: translateX(3px) !important;
    color: #0b3d91 !important;
}

.sh-hv144:hover {
    transform: translateX(3px) !important;
    color: #0b3d91 !important;
}

.sh-hv145:hover {
    transform: translateX(3px) !important;
    color: #0b3d91 !important;
}

.sh-hv146:hover {
    transform: translateX(3px) !important;

}

.sh-hv147:hover {
    transform: translateX(3px) !important;

}

.sh-hv148:hover {
    transform: translateX(3px) !important;

}

.sh-hv149:hover {
    transform: translateX(3px) !important;

}

.sh-hv150:hover {
    transform: translateX(3px) !important;
    color: #fff !important;
}

.sh-hv151:hover {
    color: #fff !important;
}

.sh-hv152:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.sh-hv153:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.sh-hv154:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.16),
        0 18px 38px rgba(11, 61, 145, 0.22) !important;
}

/* main nav pills + dropdown rows (was per-element style-hover in the design source) */
.nav-pill:hover {
    transform: translateY(-2px);
    color: #cc1122;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16);
}

.dd-row:hover {
    background: #f6f8fb;
}

[data-panel="lang"]>span:hover {
    background: #f6f8fb;
}

/* panels the design showed conditionally — jQuery toggles these */
[data-panel] {
    display: none;
}

[data-panel].is-open {
    display: flex;
}

[data-faq-answer].is-open {
    display: flex;
}

.imgslot {
    background: #fbfcfe;
}

.sh-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.sh-hv10:hover {
    background: #9e0d1a !important;
}

.sh-hv11:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 12px 26px rgba(11, 61, 145, 0.22) !important;
}

.sh-hv12:hover {
    background: #9e0d1a !important;
}

.sh-hv13:hover {
    background: #f2f7ff !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 6px 16px rgba(11, 61, 145, 0.14) !important;
}

.sh-hv102:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 12px 28px rgba(11, 61, 145, 0.16) !important;
}

.sh-hv103:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 12px 28px rgba(11, 61, 145, 0.16) !important;
}

.sh-hv104:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 12px 28px rgba(11, 61, 145, 0.16) !important;
}

.sh-hv105:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 12px 28px rgba(11, 61, 145, 0.16) !important;
}

.sh-hv106:hover {
    background: #cc1122 !important;
    transform: translateY(-2px) !important;
}

.sh-hv107:hover {
    background: #cc1122 !important;
    transform: translateY(-2px) !important;
}

.sh-hv108:hover {
    background: #cc1122 !important;
    transform: translateY(-2px) !important;
}

.sh-hv109:hover {
    background: #cc1122 !important;
    transform: translateY(-2px) !important;
}

.sh-hv110:hover {
    background: #cc1122 !important;
    transform: translateY(-2px) !important;
}

.sh-hv111:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 10px 24px rgba(11, 61, 145, 0.14) !important;
}

.sh-hv112:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv113:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv114:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv115:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv116:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv117:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv118:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv119:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv120:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv121:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv122:hover {
    color: #0b3d91 !important;
    transform: translateX(3px) !important;
}

.sh-hv123:hover {
    color: #cc1122 !important;
}

.sh-hv124:hover {
    color: #0b3d91 !important;
}

.sh-hv125:hover {
    color: #cc1122 !important;
}

.sh-hv126:hover {
    color: #0b3d91 !important;
}

.sh-hv127:hover {
    color: #cc1122 !important;
}

.sh-hv128:hover {
    color: #0b3d91 !important;
}

.sh-hv129:hover {
    color: #cc1122 !important;
}

.sh-hv130:hover {
    color: #0b3d91 !important;
}

.sh-hv131:hover {
    color: #cc1122 !important;
}

.sh-hv132:hover {
    color: #0b3d91 !important;
}

.sh-hv133:hover {
    color: #0b3d91 !important;
}

.sh-hv134:hover {
    color: #0b3d91 !important;
}

.sh-hv135:hover {
    color: #0b3d91 !important;
}

.sh-hv136:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.16),
        0 18px 38px rgba(11, 61, 145, 0.22) !important;
}

.sh-hv137:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.16),
        0 18px 38px rgba(11, 61, 145, 0.22) !important;
}

.sho-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.sho-hv13:hover {
    background: #f2f7ff !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 6px 16px rgba(11, 61, 145, 0.14) !important;
}

.sho-hv14:hover {
    background: #f2f7ff !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 6px 16px rgba(11, 61, 145, 0.14) !important;
}

.sho-hv136:hover {
    background: #f6f8fb !important;
}

.sho-hv137:hover {
    background: #f6f8fb !important;
}

.sho-hv138:hover {
    background: #f6f8fb !important;
}

.sho-hv139:hover {
    background: #f6f8fb !important;
}

.sho-hv140:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.sho-hv141:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.sho-hv142:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.sho-hv143:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

/* ===================== GLOBAL — end ===================== */

/* ===================== PAGE: Landing page (index.php) — start ===================== */
body.page-index {
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.page-index a {
    color: #0b3d91;
    text-decoration: none;
}

body.page-index a:hover {
    color: #084f47;
}

body.page-index input::placeholder {
    color: #8a9bb3;
    opacity: 1;
}

body.page-index .dv-turn {
    padding: 44px 48px 36px;
    border-bottom: 1px solid rgba(16, 28, 27, 0.1);
    scroll-margin-top: 16px;
}

body.page-index .dv-thd {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 22px;
}

body.page-index .dv-tid {
    font:
        600 10px "IBM Plex Mono",
        monospace;
    padding: 3px 7px;
    background: #101c1b;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
}

body.page-index .dv-tname {
    font:
        600 13px/1.2 "IBM Plex Sans",
        sans-serif;
    color: #101c1b;
}

body.page-index .dv-opts {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    align-items: flex-start;
}

body.page-index .dv-opt {
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    scroll-margin-top: 16px;
}

body.page-index .dv-oid {
    font:
        600 10.5px "IBM Plex Mono",
        monospace;
    padding: 3px 7px;
    background: rgba(16, 28, 27, 0.09);
    color: #101c1b;
    border-radius: 5px;
    text-decoration: none;
}

body.page-index .dv-olabel {
    display: flex;
    align-items: baseline;
    gap: 9px;
    font:
        400 11.5px/1.35 "IBM Plex Sans",
        sans-serif;
    color: rgba(16, 28, 27, 0.55);
    max-width: 640px;
}

body.page-index .dv-card {
    max-width: 100%;
    background: #fff;
    border: 1px solid rgba(16, 28, 27, 0.1);
    border-radius: 8px;
    box-shadow: 0 2px 14px rgba(16, 28, 27, 0.07);
    overflow: hidden;
}

body.page-index .dv-opt:target .dv-oid {
    background: #0b3d91;
    color: #fff;
}

body.page-index .dv-next {
    margin: 24px 0 0;
    font:
        12px/1.6 "IBM Plex Sans",
        sans-serif;
    color: rgba(16, 28, 27, 0.5);
}

body.page-index

/* ---------- responsive layer (container = body) ---------- */
body {
    container-type: inline-size;
}

body.page-index .rs-chk {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

body.page-index .rs-burger {
    display: none;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 4px 12px rgba(11, 61, 145, 0.1);
    cursor: pointer;
}

body.page-index .rs-drawer {
    display: none;
}

body.page-index [data-r~="r1"][data-r~="r2"] {
    height: 122px !important;
    width: 152px !important;
}

@container (max-width:1440px) {
    body.page-index [data-r~="r3"][data-r~="r109"] {
        flex-wrap: wrap !important;
    }

    body.page-index [data-r~="r3"][data-r~="r109"]>div> :nth-child(n + 3):nth-child(-n + 6) {
        display: none !important;
    }
}

@container (max-width:1300px) {
    body.page-index [data-r~="r3"][data-r~="r109"] {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.page-index [data-r~="r3"][data-r~="r109"] [data-r~="r5"] {
        display: none !important;
    }

    body.page-index [data-r~="r3"][data-r~="r109"] [data-r~="r6"] {
        display: none !important;
    }

    body.page-index [data-r~="r3"][data-r~="r109"] [data-r~="r7"] {
        margin-left: 0 !important;
    }
}

@container (max-width:1180px) {

    body.page-index [data-r~="r8"],
    body.page-index [data-r~="r9"],
    body.page-index [data-r~="r10"],
    body.page-index [data-r~="r11"],
    body.page-index [data-r~="r12"],
    body.page-index [data-r~="r13"],
    body.page-index [data-r~="r14"],
    body.page-index [data-r~="r15"],
    body.page-index [data-r~="r16"],
    body.page-index [data-r~="r17"],
    body.page-index [data-r~="r18"],
    body.page-index [data-r~="r19"],
    body.page-index [data-r~="r20"],
    body.page-index [data-r~="r21"],
    body.page-index [data-r~="r22"],
    body.page-index [data-r~="r23"],
    body.page-index [data-r~="r24"],
    body.page-index [data-r~="r25"],
    body.page-index [data-r~="r26"],
    body.page-index [data-r~="r27"],
    body.page-index [data-r~="r28"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-index [data-r~="r110"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-index [data-r~="r111"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-index [data-r~="r112"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-index [data-r~="r32"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
    }

    body.page-index [data-r~="r33"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }

    body.page-index [data-r~="r32"]>div:nth-child(2n) {
        display: none !important;
    }

    body.page-index [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-index [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-index [data-r~="r37"] {
        width: 206px !important;
    }

    body.page-index [data-r~="r1"][data-r~="r2"] {
        height: 104px !important;
        width: 130px !important;
    }

    body.page-index [data-r~="r38"] {
        display: none !important;
    }

    body.page-index [data-r~="r39"][data-r~="r9"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    body.page-index [data-r~="r40"][data-r~="r41"] {
        gap: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@container (max-width:1024px) {
    body.page-index [data-r~="r113"]>div[data-r~="r43"] {
        display: none !important;
    }

    body.page-index [data-r~="r44"] {
        min-width: 0 !important;
    }

    body.page-index .rs-burger {
        display: flex;
    }

    body.page-index .rs-chk:checked~.rs-drawer {
        display: flex;
    }
}

@container (max-width:860px) {
    body.page-index [data-r~="r114"] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-index [data-r~="r8"],
    body.page-index [data-r~="r9"],
    body.page-index [data-r~="r10"],
    body.page-index [data-r~="r11"],
    body.page-index [data-r~="r12"],
    body.page-index [data-r~="r13"],
    body.page-index [data-r~="r14"],
    body.page-index [data-r~="r15"],
    body.page-index [data-r~="r16"],
    body.page-index [data-r~="r17"],
    body.page-index [data-r~="r18"],
    body.page-index [data-r~="r19"],
    body.page-index [data-r~="r20"],
    body.page-index [data-r~="r21"],
    body.page-index [data-r~="r22"],
    body.page-index [data-r~="r23"],
    body.page-index [data-r~="r24"],
    body.page-index [data-r~="r25"],
    body.page-index [data-r~="r26"],
    body.page-index [data-r~="r27"],
    body.page-index [data-r~="r28"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-index [data-r~="r21"],
    body.page-index [data-r~="r23"],
    body.page-index [data-r~="r27"],
    body.page-index [data-r~="r28"],
    body.page-index [data-r~="r25"],
    body.page-index [data-r~="r26"],
    body.page-index [data-r~="r24"] {
        padding-top: 38px !important;
        padding-bottom: 42px !important;
    }

    body.page-index [data-r~="r46"]:not([data-r~="r47"]):not([data-r~="r48"]):not([data-r~="r49"]):not([data-r~="r50"]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-index [data-r~="r32"]>div:nth-child(2n),
    body.page-index [data-r~="r51"]>div:nth-child(2),
    body.page-index [data-r~="r46"]>div[data-r~="r115"] {
        display: none !important;
    }

    body.page-index h1,
    body.page-index h2 {
        white-space: normal !important;
        text-wrap: pretty;
    }

    body.page-index [data-r~="r53"] {
        font-size: clamp(26px, 7cqw, 44px) !important;
        white-space: normal !important;
    }

    body.page-index [data-r~="r54"] {
        font-size: clamp(23px, 6.4cqw, 36px) !important;
        white-space: normal !important;
    }

    body.page-index [data-r~="r55"] {
        font-size: clamp(21px, 5.6cqw, 32px) !important;
    }

    body.page-index [data-r~="r56"] {
        font-size: clamp(20px, 5.4cqw, 30px) !important;
    }

    body.page-index [data-r~="r57"] {
        font-size: clamp(17px, 4.4cqw, 33px) !important;
    }

    body.page-index [data-r~="r58"],
    body.page-index [data-r~="r59"] {
        font-size: 16px !important;
    }

    body.page-index [data-r~="r60"] {
        font-size: 14px !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    body.page-index [data-r~="r61"] {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }

    body.page-index [data-r~="r62"] {
        height: 56px !important;
        padding-left: 14px !important;
    }

    body.page-index [data-r~="r63"][data-r~="r64"] {
        width: 40px !important;
        height: 40px !important;
    }

    body.page-index [data-r~="r65"] {
        height: 290px !important;
    }

    body.page-index [data-r~="r66"] {
        width: min(320px, calc(100cqw - 36px)) !important;
    }

    body.page-index [data-r~="r67"] {
        width: 168px !important;
    }

    body.page-index [data-r~="r68"][data-r~="r43"] {
        flex-wrap: wrap !important;
    }

    body.page-index [data-r~="r68"][data-r~="r43"]>* {
        flex: 1 1 calc(50% - 3px) !important;
        width: auto !important;
    }

    body.page-index [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-index [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-index [data-r~="r69"] {
        font-size: 15px !important;
    }

    body.page-index [data-r~="r70"] {
        font-size: clamp(34px, 10cqw, 88px) !important;
    }

    body.page-index [data-r~="r71"] {
        font-size: clamp(28px, 7.6cqw, 50px) !important;
    }

    body.page-index [data-r~="r72"] {
        font-size: clamp(16px, 4.4cqw, 28px) !important;
    }

    body.page-index [data-r~="r73"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-index [data-r~="r74"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-index [data-r~="r75"] {
        font-size: clamp(18px, 4.8cqw, 26px) !important;
    }

    body.page-index [data-r~="r76"] {
        font-size: clamp(17px, 4.4cqw, 24px) !important;
    }

    body.page-index [data-r~="r77"] {
        flex-wrap: wrap !important;
    }

    body.page-index [data-r~="r3"][data-r~="r109"] {
        flex-wrap: wrap !important;
    }

    body.page-index [data-r~="r37"][data-r~="r78"] {
        display: none !important;
    }

    body.page-index [data-r~="r79"] {
        height: 108px !important;
    }

    body.page-index [data-r~="r39"][data-r~="r9"]>div:first-child {
        width: 100% !important;
    }
}

body.page-index

/* ---------- readability layer: larger body copy,body.page-index heavier headings,body.page-index glowing search ---------- */
@keyframes qsglow {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 3px rgba(204, 17, 34, 0.12),
            0 4px 14px rgba(204, 17, 34, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 6px rgba(204, 17, 34, 0.18),
            0 8px 22px rgba(204, 17, 34, 0.28);
    }
}

body.page-index

/* header search: red highlight + glow,body.page-index black bold placeholder */
[data-r~="r44"] {
    background: #fff !important;
    animation: qsglowblue 2.6s ease-in-out infinite;
}

body.page-index input[aria-label="Search the catalogue"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111111 !important;
}

body.page-index input::placeholder {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1;
}

body.page-index

/* nav options a step larger */
[data-r~="r80"] {
    font-size: 18px !important;
}

body.page-index [data-r~="r81"] {
    font-size: 13.5px !important;
}

body.page-index

/* body copy a step larger */
[data-r~="r82"],
body.page-index [data-r~="r83"] {
    font-size: 14.5px !important;
}

body.page-index [data-r~="r84"],
body.page-index [data-r~="r85"],
body.page-index [data-r~="r86"] {
    font-size: 15px !important;
}

body.page-index [data-r~="r87"],
body.page-index [data-r~="r88"] {
    font-size: 15.5px !important;
}

body.page-index [data-r~="r89"],
body.page-index [data-r~="r90"] {
    font-size: 16px !important;
}

body.page-index [data-r~="r91"],
body.page-index [data-r~="r92"] {
    font-size: 16.5px !important;
}

body.page-index [data-r~="r93"],
body.page-index [data-r~="r94"] {
    font-size: 17.5px !important;
}

body.page-index [data-r~="r95"],
body.page-index [data-r~="r96"] {
    font-size: 17.5px !important;
}

body.page-index [data-r~="r97"] {
    font-size: 18.5px !important;
}

body.page-index [data-r~="r98"] {
    font-size: 13.5px !important;
}

body.page-index [data-r~="r99"],
body.page-index [data-r~="r100"] {
    font-size: 14px !important;
}

body.page-index

/* headings: a step larger above the phone breakpoint,body.page-index where the fluid clamps take over */
@container (min-width:861px) {
    [data-r~="r70"] {
        font-size: 92px !important;
    }

    [data-r~="r71"] {
        font-size: 54px !important;
    }

    [data-r~="r53"] {
        font-size: 48px !important;
    }

    [data-r~="r54"] {
        font-size: 39px !important;
    }

    [data-r~="r55"] {
        font-size: 35px !important;
    }

    [data-r~="r56"] {
        font-size: 33px !important;
    }

    [data-r~="r75"],
    [data-r~="r73"] {
        font-size: 28px !important;
    }

    [data-r~="r76"] {
        font-size: 26px !important;
    }

    [data-r~="r101"] {
        font-size: 24px !important;
    }

    [data-r~="r102"] {
        font-size: 21px !important;
    }

    [data-r~="r103"] {
        font-size: 18.5px !important;
    }

    [data-r~="r104"] {
        font-size: 17.5px !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 20px !important;
    }

    [data-r~="r72"] {
        font-size: 30px !important;
    }

    [data-r~="r57"] {
        font-size: 35px !important;
    }
}

body.page-index h1,
body.page-index h2,
body.page-index h3 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.page-index

/* ---------- navbar + dropdown polish ---------- */
@keyframes ddin {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

body.page-index [data-r~="r105"][data-r~="r106"]:not([data-r~="r44"]) {
    position: relative;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

body.page-index [data-r~="r105"][data-r~="r116"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #cc1122;
    transform: translateX(-50%);
}

body.page-index [data-r~="r108"] {
    animation: ddin 0.2s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    transform-origin: top left;
}

body.page-index [data-r~="r108"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

body.page-index [data-r~="r108"]>span {
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

body.page-index [data-r~="r108"]>span:hover {
    transform: translateX(3px);
}

body.page-index

/* ---------- search field: blue highlight ---------- */
@keyframes qsglowblue {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 3px rgba(11, 61, 145, 0.12),
            0 4px 14px rgba(11, 61, 145, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 6px rgba(11, 61, 145, 0.2),
            0 8px 22px rgba(11, 61, 145, 0.28);
    }
}

body.page-index

/* ---------- product thumbnail zoom ---------- */
@keyframes zmfade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

body.page-index [data-zoomwrap]:hover [data-zoombtn] {
    opacity: 1;
    transform: none;
}

body.page-index [data-zoomwrap]:hover [data-zoomveil] {
    opacity: 1;
}

.index-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.index-hv2:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.index-hv3:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.index-hv4:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.index-hv5:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.index-hv6:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.index-hv7:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.index-hv8:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.index-hv9:hover {
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 6px 18px rgba(11, 61, 145, 0.22) !important;
}

.index-hv10:hover {
    background: #9e0d1a !important;
}

.index-hv11:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 12px 26px rgba(11, 61, 145, 0.22) !important;
}

.index-hv12:hover {
    background: #9e0d1a !important;
}

.index-hv13:hover {
    background: #f2f7ff !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 6px 16px rgba(11, 61, 145, 0.14) !important;
}

.index-hv14:hover {
    background: #f2f7ff !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 6px 16px rgba(11, 61, 145, 0.14) !important;
}

.index-hv15:hover {
    background: #f2f7ff !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 6px 16px rgba(11, 61, 145, 0.14) !important;
}

.index-hv16:hover {
    background: #f2f7ff !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 6px 16px rgba(11, 61, 145, 0.14) !important;
}

.index-hv17:hover {
    background: #f2f7ff !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 6px 16px rgba(11, 61, 145, 0.14) !important;
}

.index-hv18:hover {
    transform: perspective(800px) translateZ(24px) translateY(-8px) rotateX(5deg) !important;
    box-shadow:
        0 16px 34px rgba(204, 17, 34, 0.16),
        0 30px 56px rgba(11, 61, 145, 0.16) !important;
}

.index-hv19:active {
    transform: perspective(800px) translateZ(36px) translateY(-12px) rotateX(8deg) scale(1.03) !important;
    box-shadow:
        0 24px 46px rgba(204, 17, 34, 0.22),
        0 40px 70px rgba(11, 61, 145, 0.2) !important;
}

.index-hv20:hover {
    transform: perspective(800px) translateZ(24px) translateY(-8px) rotateX(5deg) !important;
    box-shadow:
        0 16px 34px rgba(204, 17, 34, 0.16),
        0 30px 56px rgba(11, 61, 145, 0.16) !important;
}

.index-hv21:active {
    transform: perspective(800px) translateZ(36px) translateY(-12px) rotateX(8deg) scale(1.03) !important;
    box-shadow:
        0 24px 46px rgba(204, 17, 34, 0.22),
        0 40px 70px rgba(11, 61, 145, 0.2) !important;
}

.index-hv22:hover {
    transform: perspective(800px) translateZ(24px) translateY(-8px) rotateX(5deg) !important;
    box-shadow:
        0 16px 34px rgba(204, 17, 34, 0.16),
        0 30px 56px rgba(11, 61, 145, 0.16) !important;
}

.index-hv23:active {
    transform: perspective(800px) translateZ(36px) translateY(-12px) rotateX(8deg) scale(1.03) !important;
    box-shadow:
        0 24px 46px rgba(204, 17, 34, 0.22),
        0 40px 70px rgba(11, 61, 145, 0.2) !important;
}

.index-hv24:hover {
    transform: perspective(800px) translateZ(24px) translateY(-8px) rotateX(5deg) !important;
    box-shadow:
        0 16px 34px rgba(204, 17, 34, 0.16),
        0 30px 56px rgba(11, 61, 145, 0.16) !important;
}

.index-hv25:active {
    transform: perspective(800px) translateZ(36px) translateY(-12px) rotateX(8deg) scale(1.03) !important;
    box-shadow:
        0 24px 46px rgba(204, 17, 34, 0.22),
        0 40px 70px rgba(11, 61, 145, 0.2) !important;
}

.index-hv26:hover {
    transform: perspective(800px) translateZ(24px) translateY(-8px) rotateX(5deg) !important;
    box-shadow:
        0 16px 34px rgba(204, 17, 34, 0.16),
        0 30px 56px rgba(11, 61, 145, 0.16) !important;
}

.index-hv27:active {
    transform: perspective(800px) translateZ(36px) translateY(-12px) rotateX(8deg) scale(1.03) !important;
    box-shadow:
        0 24px 46px rgba(204, 17, 34, 0.22),
        0 40px 70px rgba(11, 61, 145, 0.2) !important;
}

.index-hv28:hover {
    transform: perspective(800px) translateZ(24px) translateY(-8px) rotateX(5deg) !important;
    box-shadow:
        0 16px 34px rgba(204, 17, 34, 0.16),
        0 30px 56px rgba(11, 61, 145, 0.16) !important;
}

.index-hv29:active {
    transform: perspective(800px) translateZ(36px) translateY(-12px) rotateX(8deg) scale(1.03) !important;
    box-shadow:
        0 24px 46px rgba(204, 17, 34, 0.22),
        0 40px 70px rgba(11, 61, 145, 0.2) !important;
}

.index-hv30:hover {
    transform: perspective(800px) translateZ(24px) translateY(-8px) rotateX(5deg) !important;
    box-shadow:
        0 16px 34px rgba(204, 17, 34, 0.16),
        0 30px 56px rgba(11, 61, 145, 0.16) !important;
}

.index-hv31:active {
    transform: perspective(800px) translateZ(36px) translateY(-12px) rotateX(8deg) scale(1.03) !important;
    box-shadow:
        0 24px 46px rgba(204, 17, 34, 0.22),
        0 40px 70px rgba(11, 61, 145, 0.2) !important;
}

.index-hv32:hover {
    transform: perspective(800px) translateZ(24px) translateY(-8px) rotateX(5deg) !important;
    box-shadow:
        0 16px 34px rgba(204, 17, 34, 0.16),
        0 30px 56px rgba(11, 61, 145, 0.16) !important;
}

.index-hv33:active {
    transform: perspective(800px) translateZ(36px) translateY(-12px) rotateX(8deg) scale(1.03) !important;
    box-shadow:
        0 24px 46px rgba(204, 17, 34, 0.22),
        0 40px 70px rgba(11, 61, 145, 0.2) !important;
}

.index-hv34:hover {
    transform: translateY(-2px) !important;
    background: #082f70 !important;
    box-shadow:
        0 6px 14px rgba(11, 61, 145, 0.28),
        0 16px 34px rgba(11, 61, 145, 0.26) !important;
}

.index-hv35:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv36:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv37:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv38:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv39:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv40:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv41:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv42:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv43:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv44:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv45:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv46:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv47:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv48:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv49:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv50:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv51:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv52:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv53:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv54:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv55:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv56:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv57:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv58:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv59:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv60:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv61:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv62:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv63:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv64:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv65:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv66:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv67:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv68:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv69:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv70:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv71:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv72:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv73:hover {
    transform: perspective(700px) translateZ(22px) translateY(-7px) rotateX(6deg) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv74:active {
    transform: perspective(700px) translateZ(34px) translateY(-11px) rotateX(9deg) scale(1.04) !important;
    box-shadow:
        0 22px 44px rgba(11, 61, 145, 0.24),
        0 36px 66px rgba(11, 61, 145, 0.2) !important;
}

.index-hv75:hover {
    transform: translateY(-2px) !important;
    background: #082f70 !important;
    box-shadow:
        0 6px 14px rgba(11, 61, 145, 0.28),
        0 16px 34px rgba(11, 61, 145, 0.26) !important;
}

.index-hv76:hover {
    transform: translateY(-6px) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv77:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.index-hv78:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.index-hv79:hover {
    transform: translateY(-6px) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv80:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.index-hv81:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.index-hv82:hover {
    transform: translateY(-6px) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv83:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.index-hv84:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.index-hv85:hover {
    transform: translateY(-6px) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv86:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.index-hv87:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.index-hv88:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.index-hv89:hover {
    transform: translateY(-2px) !important;
}

.index-hv90:hover {
    transform: translateY(-2px) !important;
}

.index-hv91:hover {
    transform: translateY(-2px) !important;
}

.index-hv92:hover {
    transform: translateY(-5px) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv93:hover {
    transform: translateY(-5px) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv94:hover {
    transform: translateY(-5px) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv95:hover {
    transform: translateY(-5px) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv96:hover {
    transform: translateY(-2px) !important;
    background: #9e0d1a !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.3),
        0 16px 34px rgba(204, 17, 34, 0.26) !important;
}

.index-hv97:hover {
    transform: translateY(-2px) !important;
    background: #082f70 !important;
    box-shadow:
        0 6px 14px rgba(11, 61, 145, 0.28),
        0 16px 34px rgba(11, 61, 145, 0.26) !important;
}

.index-hv98:hover {
    transform: translateY(-5px) !important;
    box-shadow:
        0 14px 32px rgba(11, 61, 145, 0.18),
        0 26px 52px rgba(11, 61, 145, 0.16) !important;
}

.index-hv99:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        0 12px 28px rgba(11, 61, 145, 0.17),
        0 22px 44px rgba(11, 61, 145, 0.14) !important;
}

.index-hv100:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        0 12px 28px rgba(11, 61, 145, 0.17),
        0 22px 44px rgba(11, 61, 145, 0.14) !important;
}

.index-hv101:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        0 12px 28px rgba(11, 61, 145, 0.17),
        0 22px 44px rgba(11, 61, 145, 0.14) !important;
}

/* ===================== PAGE: Landing page (index.php) — end ===================== */

/* ===================== PAGE: About us (about-us.php) — start ===================== */
body.page-about-us {
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.page-about-us a {
    color: #0b3d91;
    text-decoration: none;
}

body.page-about-us input::placeholder {
    color: #8a9bb3;
    opacity: 1;
}

body.page-about-us a:hover {
    color: #cc1122;
}

body.page-about-us

/* ---------- responsive layer (container = body) ---------- */
body {
    container-type: inline-size;
}

body.page-about-us .rs-chk {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

body.page-about-us .rs-burger {
    display: none;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 4px 12px rgba(11, 61, 145, 0.1);
    cursor: pointer;
}

body.page-about-us .rs-drawer {
    display: none;
}

body.page-about-us [data-r~="r1"][data-r~="r2"] {
    height: 122px !important;
    width: 152px !important;
}

@container (max-width:1440px) {
    body.page-about-us [data-r~="r3"][data-r~="r117"] {
        flex-wrap: wrap !important;
    }

    body.page-about-us [data-r~="r3"][data-r~="r117"]>div> :nth-child(n + 3):nth-child(-n + 6) {
        display: none !important;
    }
}

@container (max-width:1300px) {
    body.page-about-us [data-r~="r3"][data-r~="r117"] {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.page-about-us [data-r~="r3"][data-r~="r117"] [data-r~="r5"] {
        display: none !important;
    }

    body.page-about-us [data-r~="r3"][data-r~="r117"] [data-r~="r6"] {
        display: none !important;
    }

    body.page-about-us [data-r~="r3"][data-r~="r117"] [data-r~="r7"] {
        margin-left: 0 !important;
    }
}

@container (max-width:1180px) {

    body.page-about-us [data-r~="r8"],
    body.page-about-us [data-r~="r9"],
    body.page-about-us [data-r~="r10"],
    body.page-about-us [data-r~="r11"],
    body.page-about-us [data-r~="r12"],
    body.page-about-us [data-r~="r13"],
    body.page-about-us [data-r~="r14"],
    body.page-about-us [data-r~="r15"],
    body.page-about-us [data-r~="r16"],
    body.page-about-us [data-r~="r17"],
    body.page-about-us [data-r~="r18"],
    body.page-about-us [data-r~="r19"],
    body.page-about-us [data-r~="r20"],
    body.page-about-us [data-r~="r21"],
    body.page-about-us [data-r~="r22"],
    body.page-about-us [data-r~="r23"],
    body.page-about-us [data-r~="r24"],
    body.page-about-us [data-r~="r25"],
    body.page-about-us [data-r~="r26"],
    body.page-about-us [data-r~="r27"],
    body.page-about-us [data-r~="r28"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-about-us [data-r~="r118"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-about-us [data-r~="r119"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-about-us [data-r~="r120"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-about-us [data-r~="r32"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
    }

    body.page-about-us [data-r~="r33"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }

    body.page-about-us [data-r~="r32"]>div:nth-child(2n) {
        display: none !important;
    }

    body.page-about-us [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-about-us [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-about-us [data-r~="r37"] {
        width: 206px !important;
    }

    body.page-about-us [data-r~="r1"][data-r~="r2"] {
        height: 104px !important;
        width: 130px !important;
    }

    body.page-about-us [data-r~="r38"] {
        display: none !important;
    }

    body.page-about-us [data-r~="r39"][data-r~="r9"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    body.page-about-us [data-r~="r40"][data-r~="r41"] {
        gap: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@container (max-width:1024px) {
    body.page-about-us [data-r~="r121"]>div[data-r~="r43"] {
        display: none !important;
    }

    body.page-about-us [data-r~="r44"] {
        min-width: 0 !important;
    }

    body.page-about-us .rs-burger {
        display: flex;
    }

    body.page-about-us .rs-chk:checked~.rs-drawer {
        display: flex;
    }
}

@container (max-width:860px) {

    body.page-about-us [data-r~="r8"],
    body.page-about-us [data-r~="r9"],
    body.page-about-us [data-r~="r10"],
    body.page-about-us [data-r~="r11"],
    body.page-about-us [data-r~="r12"],
    body.page-about-us [data-r~="r13"],
    body.page-about-us [data-r~="r14"],
    body.page-about-us [data-r~="r15"],
    body.page-about-us [data-r~="r16"],
    body.page-about-us [data-r~="r17"],
    body.page-about-us [data-r~="r18"],
    body.page-about-us [data-r~="r19"],
    body.page-about-us [data-r~="r20"],
    body.page-about-us [data-r~="r21"],
    body.page-about-us [data-r~="r22"],
    body.page-about-us [data-r~="r23"],
    body.page-about-us [data-r~="r24"],
    body.page-about-us [data-r~="r25"],
    body.page-about-us [data-r~="r26"],
    body.page-about-us [data-r~="r27"],
    body.page-about-us [data-r~="r28"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-about-us [data-r~="r21"],
    body.page-about-us [data-r~="r23"],
    body.page-about-us [data-r~="r27"],
    body.page-about-us [data-r~="r28"],
    body.page-about-us [data-r~="r25"],
    body.page-about-us [data-r~="r26"],
    body.page-about-us [data-r~="r24"] {
        padding-top: 38px !important;
        padding-bottom: 42px !important;
    }

    body.page-about-us [data-r~="r46"]:not([data-r~="r47"]):not([data-r~="r48"]):not([data-r~="r49"]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-about-us [data-r~="r32"]>div:nth-child(2n),
    body.page-about-us [data-r~="r51"]>div:nth-child(2),
    body.page-about-us [data-r~="r46"]>div[data-r~="r122"] {
        display: none !important;
    }

    body.page-about-us h1,
    body.page-about-us h2 {
        white-space: normal !important;
        text-wrap: pretty;
    }

    body.page-about-us [data-r~="r53"] {
        font-size: clamp(26px, 7cqw, 44px) !important;
        white-space: normal !important;
    }

    body.page-about-us [data-r~="r54"] {
        font-size: clamp(23px, 6.4cqw, 36px) !important;
        white-space: normal !important;
    }

    body.page-about-us [data-r~="r55"] {
        font-size: clamp(21px, 5.6cqw, 32px) !important;
    }

    body.page-about-us [data-r~="r56"] {
        font-size: clamp(20px, 5.4cqw, 30px) !important;
    }

    body.page-about-us [data-r~="r57"] {
        font-size: clamp(17px, 4.4cqw, 33px) !important;
    }

    body.page-about-us [data-r~="r58"],
    body.page-about-us [data-r~="r59"] {
        font-size: 16px !important;
    }

    body.page-about-us [data-r~="r60"] {
        font-size: 14px !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    body.page-about-us [data-r~="r61"] {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }

    body.page-about-us [data-r~="r62"] {
        height: 56px !important;
        padding-left: 14px !important;
    }

    body.page-about-us [data-r~="r63"][data-r~="r64"] {
        width: 40px !important;
        height: 40px !important;
    }

    body.page-about-us [data-r~="r65"] {
        height: 290px !important;
    }

    body.page-about-us [data-r~="r66"] {
        width: min(320px, calc(100cqw - 36px)) !important;
    }

    body.page-about-us [data-r~="r67"] {
        width: 168px !important;
    }

    body.page-about-us [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-about-us [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-about-us [data-r~="r69"] {
        font-size: 15px !important;
    }

    body.page-about-us [data-r~="r70"] {
        font-size: clamp(34px, 10cqw, 88px) !important;
    }

    body.page-about-us [data-r~="r71"] {
        font-size: clamp(28px, 7.6cqw, 50px) !important;
    }

    body.page-about-us [data-r~="r72"] {
        font-size: clamp(16px, 4.4cqw, 28px) !important;
    }

    body.page-about-us [data-r~="r73"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-about-us [data-r~="r74"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-about-us [data-r~="r75"] {
        font-size: clamp(18px, 4.8cqw, 26px) !important;
    }

    body.page-about-us [data-r~="r76"] {
        font-size: clamp(17px, 4.4cqw, 24px) !important;
    }

    body.page-about-us [data-r~="r77"] {
        flex-wrap: wrap !important;
    }

    body.page-about-us [data-r~="r3"][data-r~="r117"] {
        flex-wrap: wrap !important;
    }

    body.page-about-us [data-r~="r37"][data-r~="r78"] {
        display: none !important;
    }

    body.page-about-us [data-r~="r79"] {
        height: 108px !important;
    }

    body.page-about-us [data-r~="r39"][data-r~="r9"]>div:first-child {
        width: 100% !important;
    }
}

body.page-about-us

/* ---------- readability layer: larger body copy,body.page-about-us heavier headings,body.page-about-us glowing search ---------- */
@keyframes qsglow {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 3px rgba(204, 17, 34, 0.12),
            0 4px 14px rgba(204, 17, 34, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 6px rgba(204, 17, 34, 0.18),
            0 8px 22px rgba(204, 17, 34, 0.28);
    }
}

body.page-about-us

/* header search: red highlight + glow,body.page-about-us black bold placeholder */
[data-r~="r44"] {
    background: #fff !important;
    animation: qsglowblue 2.6s ease-in-out infinite;
}

body.page-about-us input[aria-label="Search the catalogue"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111111 !important;
}

body.page-about-us input::placeholder {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1;
}

body.page-about-us

/* nav options a step larger */
[data-r~="r80"] {
    font-size: 15px !important;
}

body.page-about-us [data-r~="r81"] {
    font-size: 13.5px !important;
}

body.page-about-us

/* body copy a step larger */
[data-r~="r82"],
body.page-about-us [data-r~="r83"] {
    font-size: 14.5px !important;
}

body.page-about-us [data-r~="r84"],
body.page-about-us [data-r~="r85"],
body.page-about-us [data-r~="r86"] {
    font-size: 15px !important;
}

body.page-about-us [data-r~="r87"],
body.page-about-us [data-r~="r88"] {
    font-size: 15.5px !important;
}

body.page-about-us [data-r~="r89"],
body.page-about-us [data-r~="r90"] {
    font-size: 16px !important;
}

body.page-about-us [data-r~="r91"],
body.page-about-us [data-r~="r92"] {
    font-size: 16.5px !important;
}

body.page-about-us [data-r~="r93"],
body.page-about-us [data-r~="r94"] {
    font-size: 17.5px !important;
}

body.page-about-us [data-r~="r95"],
body.page-about-us [data-r~="r96"] {
    font-size: 17.5px !important;
}

body.page-about-us [data-r~="r97"] {
    font-size: 18.5px !important;
}

body.page-about-us [data-r~="r98"] {
    font-size: 13.5px !important;
}

body.page-about-us [data-r~="r99"],
body.page-about-us [data-r~="r100"] {
    font-size: 14px !important;
}

body.page-about-us

/* headings: a step larger above the phone breakpoint,body.page-about-us where the fluid clamps take over */
@container (min-width:861px) {
    [data-r~="r70"] {
        font-size: 92px !important;
    }

    [data-r~="r71"] {
        font-size: 54px !important;
    }

    [data-r~="r53"] {
        font-size: 48px !important;
    }

    [data-r~="r54"] {
        font-size: 39px !important;
    }

    [data-r~="r55"] {
        font-size: 35px !important;
    }

    [data-r~="r56"] {
        font-size: 33px !important;
    }

    [data-r~="r75"],
    [data-r~="r73"] {
        font-size: 28px !important;
    }

    [data-r~="r76"] {
        font-size: 26px !important;
    }

    [data-r~="r101"] {
        font-size: 24px !important;
    }

    [data-r~="r102"] {
        font-size: 21px !important;
    }

    [data-r~="r103"] {
        font-size: 18.5px !important;
    }

    [data-r~="r104"] {
        font-size: 17.5px !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 20px !important;
    }

    [data-r~="r72"] {
        font-size: 30px !important;
    }

    [data-r~="r57"] {
        font-size: 35px !important;
    }
}

body.page-about-us h1,
body.page-about-us h2,
body.page-about-us h3 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.page-about-us

/* ---------- navbar + dropdown polish ---------- */
@keyframes ddin {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

body.page-about-us [data-r~="r105"][data-r~="r106"]:not([data-r~="r44"]) {
    position: relative;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

body.page-about-us [data-r~="r105"][data-r~="r123"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #cc1122;
    transform: translateX(-50%);
}

body.page-about-us [data-r~="r108"] {
    animation: ddin 0.2s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    transform-origin: top left;
}

body.page-about-us [data-r~="r108"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

body.page-about-us [data-r~="r108"]>span {
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

body.page-about-us [data-r~="r108"]>span:hover {
    transform: translateX(3px);
}

body.page-about-us

/* ---------- search field: blue highlight ---------- */
@keyframes qsglowblue {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 3px rgba(11, 61, 145, 0.12),
            0 4px 14px rgba(11, 61, 145, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 6px rgba(11, 61, 145, 0.2),
            0 8px 22px rgba(11, 61, 145, 0.28);
    }
}

/* ===================== PAGE: About us (about-us.php) — end ===================== */

/* ===================== PAGE: Facility (facility.php) — start ===================== */
body.page-facility {
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.page-facility a {
    color: #0b3d91;
    text-decoration: none;
}

body.page-facility input::placeholder {
    color: #8a9bb3;
    opacity: 1;
}

body.page-facility a:hover {
    color: #cc1122;
}

body.page-facility

/* ---------- responsive layer (container = body) ---------- */
body {
    container-type: inline-size;
}

body.page-facility .rs-chk {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

body.page-facility .rs-burger {
    display: none;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 4px 12px rgba(11, 61, 145, 0.1);
    cursor: pointer;
}

body.page-facility .rs-drawer {
    display: none;
}

body.page-facility [data-r~="r1"][data-r~="r2"] {
    height: 122px !important;
    width: 152px !important;
}

@container (max-width:1440px) {
    body.page-facility [data-r~="r3"][data-r~="r124"] {
        flex-wrap: wrap !important;
    }

    body.page-facility [data-r~="r3"][data-r~="r124"]>div> :nth-child(n + 3):nth-child(-n + 6) {
        display: none !important;
    }
}

@container (max-width:1300px) {
    body.page-facility [data-r~="r3"][data-r~="r124"] {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.page-facility [data-r~="r3"][data-r~="r124"] [data-r~="r5"] {
        display: none !important;
    }

    body.page-facility [data-r~="r3"][data-r~="r124"] [data-r~="r6"] {
        display: none !important;
    }

    body.page-facility [data-r~="r3"][data-r~="r124"] [data-r~="r7"] {
        margin-left: 0 !important;
    }
}

@container (max-width:1180px) {

    body.page-facility [data-r~="r8"],
    body.page-facility [data-r~="r9"],
    body.page-facility [data-r~="r10"],
    body.page-facility [data-r~="r11"],
    body.page-facility [data-r~="r12"],
    body.page-facility [data-r~="r13"],
    body.page-facility [data-r~="r14"],
    body.page-facility [data-r~="r15"],
    body.page-facility [data-r~="r16"],
    body.page-facility [data-r~="r17"],
    body.page-facility [data-r~="r18"],
    body.page-facility [data-r~="r19"],
    body.page-facility [data-r~="r20"],
    body.page-facility [data-r~="r21"],
    body.page-facility [data-r~="r22"],
    body.page-facility [data-r~="r23"],
    body.page-facility [data-r~="r24"],
    body.page-facility [data-r~="r25"],
    body.page-facility [data-r~="r26"],
    body.page-facility [data-r~="r27"],
    body.page-facility [data-r~="r28"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-facility [data-r~="r125"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-facility [data-r~="r126"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-facility [data-r~="r127"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-facility [data-r~="r32"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
    }

    body.page-facility [data-r~="r33"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }

    body.page-facility [data-r~="r32"]>div:nth-child(2n) {
        display: none !important;
    }

    body.page-facility [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-facility [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-facility [data-r~="r37"] {
        width: 206px !important;
    }

    body.page-facility [data-r~="r1"][data-r~="r2"] {
        height: 104px !important;
        width: 130px !important;
    }

    body.page-facility [data-r~="r38"] {
        display: none !important;
    }

    body.page-facility [data-r~="r39"][data-r~="r9"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    body.page-facility [data-r~="r40"][data-r~="r41"] {
        gap: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@container (max-width:1024px) {
    body.page-facility [data-r~="r128"]>div[data-r~="r43"] {
        display: none !important;
    }

    body.page-facility [data-r~="r44"] {
        min-width: 0 !important;
    }

    body.page-facility .rs-burger {
        display: flex;
    }

    body.page-facility .rs-chk:checked~.rs-drawer {
        display: flex;
    }
}

@container (max-width:860px) {

    body.page-facility [data-r~="r8"],
    body.page-facility [data-r~="r9"],
    body.page-facility [data-r~="r10"],
    body.page-facility [data-r~="r11"],
    body.page-facility [data-r~="r12"],
    body.page-facility [data-r~="r13"],
    body.page-facility [data-r~="r14"],
    body.page-facility [data-r~="r15"],
    body.page-facility [data-r~="r16"],
    body.page-facility [data-r~="r17"],
    body.page-facility [data-r~="r18"],
    body.page-facility [data-r~="r19"],
    body.page-facility [data-r~="r20"],
    body.page-facility [data-r~="r21"],
    body.page-facility [data-r~="r22"],
    body.page-facility [data-r~="r23"],
    body.page-facility [data-r~="r24"],
    body.page-facility [data-r~="r25"],
    body.page-facility [data-r~="r26"],
    body.page-facility [data-r~="r27"],
    body.page-facility [data-r~="r28"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-facility [data-r~="r21"],
    body.page-facility [data-r~="r23"],
    body.page-facility [data-r~="r27"],
    body.page-facility [data-r~="r28"],
    body.page-facility [data-r~="r25"],
    body.page-facility [data-r~="r26"],
    body.page-facility [data-r~="r24"] {
        padding-top: 38px !important;
        padding-bottom: 42px !important;
    }

    body.page-facility [data-r~="r46"]:not([data-r~="r47"]):not([data-r~="r48"]):not([data-r~="r49"]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-facility [data-r~="r32"]>div:nth-child(2n),
    body.page-facility [data-r~="r51"]>div:nth-child(2),
    body.page-facility [data-r~="r46"]>div[data-r~="r129"] {
        display: none !important;
    }

    body.page-facility h1,
    body.page-facility h2 {
        white-space: normal !important;
        text-wrap: pretty;
    }

    body.page-facility [data-r~="r53"] {
        font-size: clamp(26px, 7cqw, 44px) !important;
        white-space: normal !important;
    }

    body.page-facility [data-r~="r54"] {
        font-size: clamp(23px, 6.4cqw, 36px) !important;
        white-space: normal !important;
    }

    body.page-facility [data-r~="r55"] {
        font-size: clamp(21px, 5.6cqw, 32px) !important;
    }

    body.page-facility [data-r~="r56"] {
        font-size: clamp(20px, 5.4cqw, 30px) !important;
    }

    body.page-facility [data-r~="r57"] {
        font-size: clamp(17px, 4.4cqw, 33px) !important;
    }

    body.page-facility [data-r~="r58"],
    body.page-facility [data-r~="r59"] {
        font-size: 16px !important;
    }

    body.page-facility [data-r~="r60"] {
        font-size: 14px !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    body.page-facility [data-r~="r61"] {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }

    body.page-facility [data-r~="r62"] {
        height: 56px !important;
        padding-left: 14px !important;
    }

    body.page-facility [data-r~="r63"][data-r~="r64"] {
        width: 40px !important;
        height: 40px !important;
    }

    body.page-facility [data-r~="r65"] {
        height: 290px !important;
    }

    body.page-facility [data-r~="r66"] {
        width: min(320px, calc(100cqw - 36px)) !important;
    }

    body.page-facility [data-r~="r67"] {
        width: 168px !important;
    }

    body.page-facility [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-facility [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-facility [data-r~="r69"] {
        font-size: 15px !important;
    }

    body.page-facility [data-r~="r70"] {
        font-size: clamp(34px, 10cqw, 88px) !important;
    }

    body.page-facility [data-r~="r71"] {
        font-size: clamp(28px, 7.6cqw, 50px) !important;
    }

    body.page-facility [data-r~="r72"] {
        font-size: clamp(16px, 4.4cqw, 28px) !important;
    }

    body.page-facility [data-r~="r73"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-facility [data-r~="r74"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-facility [data-r~="r75"] {
        font-size: clamp(18px, 4.8cqw, 26px) !important;
    }

    body.page-facility [data-r~="r76"] {
        font-size: clamp(17px, 4.4cqw, 24px) !important;
    }

    body.page-facility [data-r~="r77"] {
        flex-wrap: wrap !important;
    }

    body.page-facility [data-r~="r3"][data-r~="r124"] {
        flex-wrap: wrap !important;
    }

    body.page-facility [data-r~="r37"][data-r~="r78"] {
        display: none !important;
    }

    body.page-facility [data-r~="r79"] {
        height: 108px !important;
    }

    body.page-facility [data-r~="r39"][data-r~="r9"]>div:first-child {
        width: 100% !important;
    }
}

body.page-facility

/* ---------- readability layer: larger body copy,body.page-facility heavier headings,body.page-facility glowing search ---------- */
@keyframes qsglow {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 3px rgba(204, 17, 34, 0.12),
            0 4px 14px rgba(204, 17, 34, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 6px rgba(204, 17, 34, 0.18),
            0 8px 22px rgba(204, 17, 34, 0.28);
    }
}

body.page-facility

/* header search: red highlight + glow,body.page-facility black bold placeholder */
[data-r~="r44"] {
    background: #fff !important;
    animation: qsglowblue 2.6s ease-in-out infinite;
}

body.page-facility input[aria-label="Search the catalogue"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111111 !important;
}

body.page-facility input::placeholder {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1;
}

body.page-facility

/* nav options a step larger */
[data-r~="r80"] {
    font-size: 15px !important;
}

body.page-facility [data-r~="r81"] {
    font-size: 13.5px !important;
}

body.page-facility

/* body copy a step larger */
[data-r~="r82"],
body.page-facility [data-r~="r83"] {
    font-size: 14.5px !important;
}

body.page-facility [data-r~="r84"],
body.page-facility [data-r~="r85"],
body.page-facility [data-r~="r86"] {
    font-size: 15px !important;
}

body.page-facility [data-r~="r87"],
body.page-facility [data-r~="r88"] {
    font-size: 15.5px !important;
}

body.page-facility [data-r~="r89"],
body.page-facility [data-r~="r90"] {
    font-size: 16px !important;
}

body.page-facility [data-r~="r91"],
body.page-facility [data-r~="r92"] {
    font-size: 16.5px !important;
}

body.page-facility [data-r~="r93"],
body.page-facility [data-r~="r94"] {
    font-size: 17.5px !important;
}

body.page-facility [data-r~="r95"],
body.page-facility [data-r~="r96"] {
    font-size: 17.5px !important;
}

body.page-facility [data-r~="r97"] {
    font-size: 18.5px !important;
}

body.page-facility [data-r~="r98"] {
    font-size: 13.5px !important;
}

body.page-facility [data-r~="r99"],
body.page-facility [data-r~="r100"] {
    font-size: 14px !important;
}

body.page-facility

/* headings: a step larger above the phone breakpoint,body.page-facility where the fluid clamps take over */
@container (min-width:861px) {
    [data-r~="r70"] {
        font-size: 92px !important;
    }

    [data-r~="r71"] {
        font-size: 54px !important;
    }

    [data-r~="r53"] {
        font-size: 48px !important;
    }

    [data-r~="r54"] {
        font-size: 39px !important;
    }

    [data-r~="r55"] {
        font-size: 35px !important;
    }

    [data-r~="r56"] {
        font-size: 33px !important;
    }

    [data-r~="r75"],
    [data-r~="r73"] {
        font-size: 28px !important;
    }

    [data-r~="r76"] {
        font-size: 26px !important;
    }

    [data-r~="r101"] {
        font-size: 24px !important;
    }

    [data-r~="r102"] {
        font-size: 21px !important;
    }

    [data-r~="r103"] {
        font-size: 18.5px !important;
    }

    [data-r~="r104"] {
        font-size: 17.5px !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 20px !important;
    }

    [data-r~="r72"] {
        font-size: 30px !important;
    }

    [data-r~="r57"] {
        font-size: 35px !important;
    }
}

body.page-facility h1,
body.page-facility h2,
body.page-facility h3 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.page-facility

/* ---------- navbar + dropdown polish ---------- */
@keyframes ddin {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

body.page-facility [data-r~="r105"][data-r~="r106"]:not([data-r~="r44"]) {
    position: relative;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

body.page-facility [data-r~="r105"][data-r~="r130"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #cc1122;
    transform: translateX(-50%);
}

body.page-facility [data-r~="r108"] {
    animation: ddin 0.2s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    transform-origin: top left;
}

body.page-facility [data-r~="r108"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

body.page-facility [data-r~="r108"]>span {
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

body.page-facility [data-r~="r108"]>span:hover {
    transform: translateX(3px);
}

body.page-facility

/* ---------- search field: blue highlight ---------- */
@keyframes qsglowblue {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 3px rgba(11, 61, 145, 0.12),
            0 4px 14px rgba(11, 61, 145, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 6px rgba(11, 61, 145, 0.2),
            0 8px 22px rgba(11, 61, 145, 0.28);
    }
}

/* ===================== PAGE: Facility (facility.php) — end ===================== */

/* ===================== PAGE: Quality system (quality-system.php) — start ===================== */
body.page-quality-system {
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.page-quality-system a {
    color: #0b3d91;
    text-decoration: none;
}

body.page-quality-system input::placeholder {
    color: #8a9bb3;
    opacity: 1;
}

body.page-quality-system a:hover {
    color: #cc1122;
}

body.page-quality-system

/* ---------- responsive layer (container = body) ---------- */
body {
    container-type: inline-size;
}

body.page-quality-system .rs-chk {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

body.page-quality-system .rs-burger {
    display: none;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 4px 12px rgba(11, 61, 145, 0.1);
    cursor: pointer;
}

body.page-quality-system .rs-drawer {
    display: none;
}

body.page-quality-system [data-r~="r1"][data-r~="r2"] {
    height: 122px !important;
    width: 152px !important;
}

@container (max-width:1440px) {
    body.page-quality-system [data-r~="r3"][data-r~="r131"] {
        flex-wrap: wrap !important;
    }

    body.page-quality-system [data-r~="r3"][data-r~="r131"]>div> :nth-child(n + 3):nth-child(-n + 6) {
        display: none !important;
    }
}

@container (max-width:1300px) {
    body.page-quality-system [data-r~="r3"][data-r~="r131"] {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.page-quality-system [data-r~="r3"][data-r~="r131"] [data-r~="r5"] {
        display: none !important;
    }

    body.page-quality-system [data-r~="r3"][data-r~="r131"] [data-r~="r6"] {
        display: none !important;
    }

    body.page-quality-system [data-r~="r3"][data-r~="r131"] [data-r~="r7"] {
        margin-left: 0 !important;
    }
}

@container (max-width:1180px) {

    body.page-quality-system [data-r~="r8"],
    body.page-quality-system [data-r~="r9"],
    body.page-quality-system [data-r~="r10"],
    body.page-quality-system [data-r~="r11"],
    body.page-quality-system [data-r~="r12"],
    body.page-quality-system [data-r~="r13"],
    body.page-quality-system [data-r~="r14"],
    body.page-quality-system [data-r~="r15"],
    body.page-quality-system [data-r~="r16"],
    body.page-quality-system [data-r~="r17"],
    body.page-quality-system [data-r~="r18"],
    body.page-quality-system [data-r~="r19"],
    body.page-quality-system [data-r~="r20"],
    body.page-quality-system [data-r~="r21"],
    body.page-quality-system [data-r~="r22"],
    body.page-quality-system [data-r~="r23"],
    body.page-quality-system [data-r~="r24"],
    body.page-quality-system [data-r~="r25"],
    body.page-quality-system [data-r~="r26"],
    body.page-quality-system [data-r~="r27"],
    body.page-quality-system [data-r~="r28"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-quality-system [data-r~="r132"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-quality-system [data-r~="r133"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-quality-system [data-r~="r134"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-quality-system [data-r~="r32"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
    }

    body.page-quality-system [data-r~="r33"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }

    body.page-quality-system [data-r~="r32"]>div:nth-child(2n) {
        display: none !important;
    }

    body.page-quality-system [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-quality-system [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-quality-system [data-r~="r37"] {
        width: 206px !important;
    }

    body.page-quality-system [data-r~="r1"][data-r~="r2"] {
        height: 104px !important;
        width: 130px !important;
    }

    body.page-quality-system [data-r~="r38"] {
        display: none !important;
    }

    body.page-quality-system [data-r~="r39"][data-r~="r9"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    body.page-quality-system [data-r~="r40"][data-r~="r41"] {
        gap: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@container (max-width:1024px) {
    body.page-quality-system [data-r~="r135"]>div[data-r~="r43"] {
        display: none !important;
    }

    body.page-quality-system [data-r~="r44"] {
        min-width: 0 !important;
    }

    body.page-quality-system .rs-burger {
        display: flex;
    }

    body.page-quality-system .rs-chk:checked~.rs-drawer {
        display: flex;
    }
}

@container (max-width:860px) {

    body.page-quality-system [data-r~="r8"],
    body.page-quality-system [data-r~="r9"],
    body.page-quality-system [data-r~="r10"],
    body.page-quality-system [data-r~="r11"],
    body.page-quality-system [data-r~="r12"],
    body.page-quality-system [data-r~="r13"],
    body.page-quality-system [data-r~="r14"],
    body.page-quality-system [data-r~="r15"],
    body.page-quality-system [data-r~="r16"],
    body.page-quality-system [data-r~="r17"],
    body.page-quality-system [data-r~="r18"],
    body.page-quality-system [data-r~="r19"],
    body.page-quality-system [data-r~="r20"],
    body.page-quality-system [data-r~="r21"],
    body.page-quality-system [data-r~="r22"],
    body.page-quality-system [data-r~="r23"],
    body.page-quality-system [data-r~="r24"],
    body.page-quality-system [data-r~="r25"],
    body.page-quality-system [data-r~="r26"],
    body.page-quality-system [data-r~="r27"],
    body.page-quality-system [data-r~="r28"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-quality-system [data-r~="r21"],
    body.page-quality-system [data-r~="r23"],
    body.page-quality-system [data-r~="r27"],
    body.page-quality-system [data-r~="r28"],
    body.page-quality-system [data-r~="r25"],
    body.page-quality-system [data-r~="r26"],
    body.page-quality-system [data-r~="r24"] {
        padding-top: 38px !important;
        padding-bottom: 42px !important;
    }

    body.page-quality-system [data-r~="r46"]:not([data-r~="r47"]):not([data-r~="r48"]):not([data-r~="r49"]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-quality-system [data-r~="r32"]>div:nth-child(2n),
    body.page-quality-system [data-r~="r51"]>div:nth-child(2),
    body.page-quality-system [data-r~="r46"]>div[data-r~="r136"] {
        display: none !important;
    }

    body.page-quality-system h1,
    body.page-quality-system h2 {
        white-space: normal !important;
        text-wrap: pretty;
    }

    body.page-quality-system [data-r~="r53"] {
        font-size: clamp(26px, 7cqw, 44px) !important;
        white-space: normal !important;
    }

    body.page-quality-system [data-r~="r54"] {
        font-size: clamp(23px, 6.4cqw, 36px) !important;
        white-space: normal !important;
    }

    body.page-quality-system [data-r~="r55"] {
        font-size: clamp(21px, 5.6cqw, 32px) !important;
    }

    body.page-quality-system [data-r~="r56"] {
        font-size: clamp(20px, 5.4cqw, 30px) !important;
    }

    body.page-quality-system [data-r~="r57"] {
        font-size: clamp(17px, 4.4cqw, 33px) !important;
    }

    body.page-quality-system [data-r~="r58"],
    body.page-quality-system [data-r~="r59"] {
        font-size: 16px !important;
    }

    body.page-quality-system [data-r~="r60"] {
        font-size: 14px !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    body.page-quality-system [data-r~="r61"] {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }

    body.page-quality-system [data-r~="r62"] {
        height: 56px !important;
        padding-left: 14px !important;
    }

    body.page-quality-system [data-r~="r63"][data-r~="r64"] {
        width: 40px !important;
        height: 40px !important;
    }

    body.page-quality-system [data-r~="r65"] {
        height: 290px !important;
    }

    body.page-quality-system [data-r~="r66"] {
        width: min(320px, calc(100cqw - 36px)) !important;
    }

    body.page-quality-system [data-r~="r67"] {
        width: 168px !important;
    }

    body.page-quality-system [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-quality-system [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-quality-system [data-r~="r69"] {
        font-size: 15px !important;
    }

    body.page-quality-system [data-r~="r70"] {
        font-size: clamp(34px, 10cqw, 88px) !important;
    }

    body.page-quality-system [data-r~="r71"] {
        font-size: clamp(28px, 7.6cqw, 50px) !important;
    }

    body.page-quality-system [data-r~="r72"] {
        font-size: clamp(16px, 4.4cqw, 28px) !important;
    }

    body.page-quality-system [data-r~="r73"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-quality-system [data-r~="r74"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-quality-system [data-r~="r75"] {
        font-size: clamp(18px, 4.8cqw, 26px) !important;
    }

    body.page-quality-system [data-r~="r76"] {
        font-size: clamp(17px, 4.4cqw, 24px) !important;
    }

    body.page-quality-system [data-r~="r77"] {
        flex-wrap: wrap !important;
    }

    body.page-quality-system [data-r~="r3"][data-r~="r131"] {
        flex-wrap: wrap !important;
    }

    body.page-quality-system [data-r~="r37"][data-r~="r78"] {
        display: none !important;
    }

    body.page-quality-system [data-r~="r79"] {
        height: 108px !important;
    }

    body.page-quality-system [data-r~="r39"][data-r~="r9"]>div:first-child {
        width: 100% !important;
    }
}

body.page-quality-system

/* ---------- readability layer: larger body copy,body.page-quality-system heavier headings,body.page-quality-system glowing search ---------- */
@keyframes qsglow {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 3px rgba(204, 17, 34, 0.12),
            0 4px 14px rgba(204, 17, 34, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 6px rgba(204, 17, 34, 0.18),
            0 8px 22px rgba(204, 17, 34, 0.28);
    }
}

body.page-quality-system

/* header search: red highlight + glow,body.page-quality-system black bold placeholder */
[data-r~="r44"] {
    background: #fff !important;
    animation: qsglowblue 2.6s ease-in-out infinite;
}

body.page-quality-system input[aria-label="Search the catalogue"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111111 !important;
}

body.page-quality-system input::placeholder {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1;
}

body.page-quality-system

/* nav options a step larger */
[data-r~="r80"] {
    font-size: 15px !important;
}

body.page-quality-system [data-r~="r81"] {
    font-size: 13.5px !important;
}

body.page-quality-system

/* body copy a step larger */
[data-r~="r82"],
body.page-quality-system [data-r~="r83"] {
    font-size: 14.5px !important;
}

body.page-quality-system [data-r~="r84"],
body.page-quality-system [data-r~="r85"],
body.page-quality-system [data-r~="r86"] {
    font-size: 15px !important;
}

body.page-quality-system [data-r~="r87"],
body.page-quality-system [data-r~="r88"] {
    font-size: 15.5px !important;
}

body.page-quality-system [data-r~="r89"],
body.page-quality-system [data-r~="r90"] {
    font-size: 16px !important;
}

body.page-quality-system [data-r~="r91"],
body.page-quality-system [data-r~="r92"] {
    font-size: 16.5px !important;
}

body.page-quality-system [data-r~="r93"],
body.page-quality-system [data-r~="r94"] {
    font-size: 17.5px !important;
}

body.page-quality-system [data-r~="r95"],
body.page-quality-system [data-r~="r96"] {
    font-size: 17.5px !important;
}

body.page-quality-system [data-r~="r97"] {
    font-size: 18.5px !important;
}

body.page-quality-system [data-r~="r98"] {
    font-size: 13.5px !important;
}

body.page-quality-system [data-r~="r99"],
body.page-quality-system [data-r~="r100"] {
    font-size: 14px !important;
}

body.page-quality-system

/* headings: a step larger above the phone breakpoint,body.page-quality-system where the fluid clamps take over */
@container (min-width:861px) {
    [data-r~="r70"] {
        font-size: 92px !important;
    }

    [data-r~="r71"] {
        font-size: 54px !important;
    }

    [data-r~="r53"] {
        font-size: 48px !important;
    }

    [data-r~="r54"] {
        font-size: 39px !important;
    }

    [data-r~="r55"] {
        font-size: 35px !important;
    }

    [data-r~="r56"] {
        font-size: 33px !important;
    }

    [data-r~="r75"],
    [data-r~="r73"] {
        font-size: 28px !important;
    }

    [data-r~="r76"] {
        font-size: 26px !important;
    }

    [data-r~="r101"] {
        font-size: 24px !important;
    }

    [data-r~="r102"] {
        font-size: 21px !important;
    }

    [data-r~="r103"] {
        font-size: 18.5px !important;
    }

    [data-r~="r104"] {
        font-size: 17.5px !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 20px !important;
    }

    [data-r~="r72"] {
        font-size: 30px !important;
    }

    [data-r~="r57"] {
        font-size: 35px !important;
    }
}

body.page-quality-system h1,
body.page-quality-system h2,
body.page-quality-system h3 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.page-quality-system

/* ---------- navbar + dropdown polish ---------- */
@keyframes ddin {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

body.page-quality-system [data-r~="r105"][data-r~="r106"]:not([data-r~="r44"]) {
    position: relative;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

body.page-quality-system [data-r~="r105"][data-r~="r137"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #cc1122;
    transform: translateX(-50%);
}

body.page-quality-system [data-r~="r108"] {
    animation: ddin 0.2s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    transform-origin: top left;
}

body.page-quality-system [data-r~="r108"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

body.page-quality-system [data-r~="r108"]>span {
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

body.page-quality-system [data-r~="r108"]>span:hover {
    transform: translateX(3px);
}

body.page-quality-system

/* ---------- search field: blue highlight ---------- */
@keyframes qsglowblue {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 3px rgba(11, 61, 145, 0.12),
            0 4px 14px rgba(11, 61, 145, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 6px rgba(11, 61, 145, 0.2),
            0 8px 22px rgba(11, 61, 145, 0.28);
    }
}

.qualitys-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.qualitys-hv2:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.qualitys-hv11:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.13),
        0 18px 40px rgba(11, 61, 145, 0.17) !important;
}

.qualitys-hv12:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.13),
        0 18px 40px rgba(11, 61, 145, 0.17) !important;
}

.qualitys-hv13:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.13),
        0 18px 40px rgba(11, 61, 145, 0.17) !important;
}

.qualitys-hv14:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.13),
        0 18px 40px rgba(11, 61, 145, 0.17) !important;
}

.qualitys-hv15:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.13),
        0 18px 40px rgba(11, 61, 145, 0.17) !important;
}

.qualitys-hv16:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.13),
        0 18px 40px rgba(11, 61, 145, 0.17) !important;
}

.qualitys-hv17:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.13),
        0 18px 40px rgba(11, 61, 145, 0.17) !important;
}

.qualitys-hv18:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.13),
        0 18px 40px rgba(11, 61, 145, 0.17) !important;
}

.qualitys-hv19:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.13),
        0 18px 40px rgba(11, 61, 145, 0.17) !important;
}

.qualitys-hv20:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        0 6px 14px rgba(204, 17, 34, 0.13),
        0 18px 40px rgba(11, 61, 145, 0.17) !important;
}

.qualitys-hv21:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #c9d9f1,
        0 14px 32px rgba(11, 61, 145, 0.14) !important;
}

.qualitys-hv22:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #c9d9f1,
        0 14px 32px rgba(11, 61, 145, 0.14) !important;
}

.qualitys-hv23:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #c9d9f1,
        0 14px 32px rgba(11, 61, 145, 0.14) !important;
}

.qualitys-hv24:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #c9d9f1,
        0 14px 32px rgba(11, 61, 145, 0.14) !important;
}

.qualitys-hv25:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #c9d9f1,
        0 14px 32px rgba(11, 61, 145, 0.14) !important;
}

.qualitys-hv26:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #c9d9f1,
        0 14px 32px rgba(11, 61, 145, 0.14) !important;
}

.qualitys-hv27:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #c9d9f1,
        0 14px 32px rgba(11, 61, 145, 0.14) !important;
}

.qualitys-hv28:hover {
    transform: translateY(-3px) !important;
    box-shadow:
        inset 0 0 0 1px #c9d9f1,
        0 14px 32px rgba(11, 61, 145, 0.14) !important;
}

/* ===================== PAGE: Quality system (quality-system.php) — end ===================== */

/* ===================== PAGE: Product detail (product-detail.php) — start ===================== */
body.page-product-detail {
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.page-product-detail a {
    color: #0b3d91;
    text-decoration: none;
}

body.page-product-detail input::placeholder {
    color: #8a9bb3;
    opacity: 1;
}

body.page-product-detail a:hover {
    color: #cc1122;
}

body.page-product-detail

/* ---------- responsive layer (container = body) ---------- */
body {
    container-type: inline-size;
}

body.page-product-detail .rs-chk {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

body.page-product-detail .rs-burger {
    display: none;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 4px 12px rgba(11, 61, 145, 0.1);
    cursor: pointer;
}

body.page-product-detail .rs-drawer {
    display: none;
}

body.page-product-detail [data-r~="r1"][data-r~="r2"] {
    height: 122px !important;
    width: 152px !important;
}

@container (max-width:1440px) {
    body.page-product-detail [data-r~="r3"][data-r~="r138"] {
        flex-wrap: wrap !important;
    }

    body.page-product-detail [data-r~="r3"][data-r~="r138"]>div> :nth-child(n + 3):nth-child(-n + 6) {
        display: none !important;
    }
}

@container (max-width:1300px) {
    body.page-product-detail [data-r~="r3"][data-r~="r138"] {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.page-product-detail [data-r~="r3"][data-r~="r138"] [data-r~="r5"] {
        display: none !important;
    }

    body.page-product-detail [data-r~="r3"][data-r~="r138"] [data-r~="r6"] {
        display: none !important;
    }

    body.page-product-detail [data-r~="r3"][data-r~="r138"] [data-r~="r7"] {
        margin-left: 0 !important;
    }
}

@container (max-width:1180px) {

    body.page-product-detail [data-r~="r8"],
    body.page-product-detail [data-r~="r9"],
    body.page-product-detail [data-r~="r10"],
    body.page-product-detail [data-r~="r11"],
    body.page-product-detail [data-r~="r12"],
    body.page-product-detail [data-r~="r13"],
    body.page-product-detail [data-r~="r14"],
    body.page-product-detail [data-r~="r15"],
    body.page-product-detail [data-r~="r16"],
    body.page-product-detail [data-r~="r17"],
    body.page-product-detail [data-r~="r18"],
    body.page-product-detail [data-r~="r19"],
    body.page-product-detail [data-r~="r20"],
    body.page-product-detail [data-r~="r21"],
    body.page-product-detail [data-r~="r22"],
    body.page-product-detail [data-r~="r23"],
    body.page-product-detail [data-r~="r24"],
    body.page-product-detail [data-r~="r25"],
    body.page-product-detail [data-r~="r26"],
    body.page-product-detail [data-r~="r27"],
    body.page-product-detail [data-r~="r28"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-product-detail [data-r~="r139"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-product-detail [data-r~="r140"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-product-detail [data-r~="r141"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-product-detail [data-r~="r32"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
    }

    body.page-product-detail [data-r~="r33"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }

    body.page-product-detail [data-r~="r32"]>div:nth-child(2n) {
        display: none !important;
    }

    body.page-product-detail [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-product-detail [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-product-detail [data-r~="r37"] {
        width: 206px !important;
    }

    body.page-product-detail [data-r~="r1"][data-r~="r2"] {
        height: 104px !important;
        width: 130px !important;
    }

    body.page-product-detail [data-r~="r38"] {
        display: none !important;
    }

    body.page-product-detail [data-r~="r39"][data-r~="r9"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    body.page-product-detail [data-r~="r40"][data-r~="r41"] {
        gap: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@container (max-width:1024px) {
    body.page-product-detail [data-r~="r142"][data-r~="r143"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }

    body.page-product-detail [data-r~="r144"][data-r~="r145"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-product-detail [data-r~="r146"]>div[data-r~="r43"] {
        display: none !important;
    }

    body.page-product-detail [data-r~="r44"] {
        min-width: 0 !important;
    }

    body.page-product-detail .rs-burger {
        display: flex;
    }

    body.page-product-detail .rs-chk:checked~.rs-drawer {
        display: flex;
    }
}

@container (max-width:860px) {

    body.page-product-detail [data-r~="r147"],
    body.page-product-detail [data-r~="r148"],
    body.page-product-detail [data-r~="r149"],
    body.page-product-detail [data-r~="r150"],
    body.page-product-detail [data-r~="r151"],
    body.page-product-detail [data-r~="r16"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-product-detail [data-r~="r8"],
    body.page-product-detail [data-r~="r9"],
    body.page-product-detail [data-r~="r10"],
    body.page-product-detail [data-r~="r11"],
    body.page-product-detail [data-r~="r12"],
    body.page-product-detail [data-r~="r13"],
    body.page-product-detail [data-r~="r14"],
    body.page-product-detail [data-r~="r15"],
    body.page-product-detail [data-r~="r16"],
    body.page-product-detail [data-r~="r17"],
    body.page-product-detail [data-r~="r18"],
    body.page-product-detail [data-r~="r19"],
    body.page-product-detail [data-r~="r20"],
    body.page-product-detail [data-r~="r21"],
    body.page-product-detail [data-r~="r22"],
    body.page-product-detail [data-r~="r23"],
    body.page-product-detail [data-r~="r24"],
    body.page-product-detail [data-r~="r25"],
    body.page-product-detail [data-r~="r26"],
    body.page-product-detail [data-r~="r27"],
    body.page-product-detail [data-r~="r28"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-product-detail [data-r~="r21"],
    body.page-product-detail [data-r~="r23"],
    body.page-product-detail [data-r~="r27"],
    body.page-product-detail [data-r~="r28"],
    body.page-product-detail [data-r~="r25"],
    body.page-product-detail [data-r~="r26"],
    body.page-product-detail [data-r~="r24"] {
        padding-top: 38px !important;
        padding-bottom: 42px !important;
    }

    body.page-product-detail [data-r~="r46"]:not([data-r~="r47"]):not([data-r~="r48"]):not([data-r~="r49"]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-product-detail [data-r~="r32"]>div:nth-child(2n),
    body.page-product-detail [data-r~="r51"]>div:nth-child(2),
    body.page-product-detail [data-r~="r46"]>div[data-r~="r152"] {
        display: none !important;
    }

    body.page-product-detail h1,
    body.page-product-detail h2 {
        white-space: normal !important;
        text-wrap: pretty;
    }

    body.page-product-detail [data-r~="r53"] {
        font-size: clamp(26px, 7cqw, 44px) !important;
        white-space: normal !important;
    }

    body.page-product-detail [data-r~="r54"] {
        font-size: clamp(23px, 6.4cqw, 36px) !important;
        white-space: normal !important;
    }

    body.page-product-detail [data-r~="r55"] {
        font-size: clamp(21px, 5.6cqw, 32px) !important;
    }

    body.page-product-detail [data-r~="r56"] {
        font-size: clamp(20px, 5.4cqw, 30px) !important;
    }

    body.page-product-detail [data-r~="r57"] {
        font-size: clamp(17px, 4.4cqw, 33px) !important;
    }

    body.page-product-detail [data-r~="r58"],
    body.page-product-detail [data-r~="r59"] {
        font-size: 16px !important;
    }

    body.page-product-detail [data-r~="r60"] {
        font-size: 14px !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    body.page-product-detail [data-r~="r61"] {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }

    body.page-product-detail [data-r~="r62"] {
        height: 56px !important;
        padding-left: 14px !important;
    }

    body.page-product-detail [data-r~="r63"][data-r~="r64"] {
        width: 40px !important;
        height: 40px !important;
    }

    body.page-product-detail [data-r~="r65"] {
        height: 290px !important;
    }

    body.page-product-detail [data-r~="r66"] {
        width: min(320px, calc(100cqw - 36px)) !important;
    }

    body.page-product-detail [data-r~="r67"] {
        width: 168px !important;
    }

    body.page-product-detail [data-r~="r153"][data-r~="r154"] {
        display: none !important;
    }

    body.page-product-detail [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-product-detail [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-product-detail [data-r~="r69"] {
        font-size: 15px !important;
    }

    body.page-product-detail [data-r~="r70"] {
        font-size: clamp(34px, 10cqw, 88px) !important;
    }

    body.page-product-detail [data-r~="r71"] {
        font-size: clamp(28px, 7.6cqw, 50px) !important;
    }

    body.page-product-detail [data-r~="r72"] {
        font-size: clamp(16px, 4.4cqw, 28px) !important;
    }

    body.page-product-detail [data-r~="r73"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-product-detail [data-r~="r74"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-product-detail [data-r~="r75"] {
        font-size: clamp(18px, 4.8cqw, 26px) !important;
    }

    body.page-product-detail [data-r~="r76"] {
        font-size: clamp(17px, 4.4cqw, 24px) !important;
    }

    body.page-product-detail [data-r~="r77"] {
        flex-wrap: wrap !important;
    }

    body.page-product-detail [data-r~="r3"][data-r~="r138"] {
        flex-wrap: wrap !important;
    }

    body.page-product-detail [data-r~="r37"][data-r~="r78"] {
        display: none !important;
    }

    body.page-product-detail [data-r~="r79"] {
        height: 108px !important;
    }

    body.page-product-detail [data-r~="r39"][data-r~="r9"]>div:first-child {
        width: 100% !important;
    }
}

body.page-product-detail

/* ---------- readability layer: larger body copy,body.page-product-detail heavier headings,body.page-product-detail glowing search ---------- */
@keyframes qsglow {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 3px rgba(204, 17, 34, 0.12),
            0 4px 14px rgba(204, 17, 34, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 6px rgba(204, 17, 34, 0.18),
            0 8px 22px rgba(204, 17, 34, 0.28);
    }
}

body.page-product-detail

/* header search: red highlight + glow,body.page-product-detail black bold placeholder */
[data-r~="r44"] {
    background: #fff !important;
    animation: qsglowblue 2.6s ease-in-out infinite;
}

body.page-product-detail input[aria-label="Search the catalogue"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111111 !important;
}

body.page-product-detail input::placeholder {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1;
}

body.page-product-detail

/* nav options a step larger */
[data-r~="r80"] {
    font-size: 15px !important;
}

body.page-product-detail [data-r~="r81"] {
    font-size: 13.5px !important;
}

body.page-product-detail

/* body copy a step larger */
[data-r~="r82"],
body.page-product-detail [data-r~="r83"] {
    font-size: 14.5px !important;
}

body.page-product-detail [data-r~="r84"],
body.page-product-detail [data-r~="r85"],
body.page-product-detail [data-r~="r86"] {
    font-size: 15px !important;
}

body.page-product-detail [data-r~="r87"],
body.page-product-detail [data-r~="r88"] {
    font-size: 15.5px !important;
}

body.page-product-detail [data-r~="r89"],
body.page-product-detail [data-r~="r90"] {
    font-size: 16px !important;
}

body.page-product-detail [data-r~="r91"],
body.page-product-detail [data-r~="r92"] {
    font-size: 16.5px !important;
}

body.page-product-detail [data-r~="r93"],
body.page-product-detail [data-r~="r94"] {
    font-size: 17.5px !important;
}

body.page-product-detail [data-r~="r95"],
body.page-product-detail [data-r~="r96"] {
    font-size: 17.5px !important;
}

body.page-product-detail [data-r~="r97"] {
    font-size: 18.5px !important;
}

body.page-product-detail [data-r~="r98"] {
    font-size: 13.5px !important;
}

body.page-product-detail [data-r~="r99"],
body.page-product-detail [data-r~="r100"] {
    font-size: 14px !important;
}

body.page-product-detail

/* headings: a step larger above the phone breakpoint,body.page-product-detail where the fluid clamps take over */
@container (min-width:861px) {
    [data-r~="r70"] {
        font-size: 92px !important;
    }

    [data-r~="r71"] {
        font-size: 54px !important;
    }

    [data-r~="r53"] {
        font-size: 48px !important;
    }

    [data-r~="r54"] {
        font-size: 39px !important;
    }

    [data-r~="r55"] {
        font-size: 35px !important;
    }

    [data-r~="r56"] {
        font-size: 33px !important;
    }

    [data-r~="r75"],
    [data-r~="r73"] {
        font-size: 28px !important;
    }

    [data-r~="r76"] {
        font-size: 26px !important;
    }

    [data-r~="r101"] {
        font-size: 24px !important;
    }

    [data-r~="r102"] {
        font-size: 21px !important;
    }

    [data-r~="r103"] {
        font-size: 18.5px !important;
    }

    [data-r~="r104"] {
        font-size: 17.5px !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 20px !important;
    }

    [data-r~="r72"] {
        font-size: 30px !important;
    }

    [data-r~="r57"] {
        font-size: 35px !important;
    }
}

body.page-product-detail h1,
body.page-product-detail h2,
body.page-product-detail h3 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.page-product-detail

/* ---------- navbar + dropdown polish ---------- */
@keyframes ddin {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

body.page-product-detail [data-r~="r105"][data-r~="r106"]:not([data-r~="r44"]) {
    position: relative;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

body.page-product-detail [data-r~="r105"][data-r~="r155"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #cc1122;
    transform: translateX(-50%);
}

body.page-product-detail [data-r~="r108"] {
    animation: ddin 0.2s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    transform-origin: top left;
}

body.page-product-detail [data-r~="r108"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

body.page-product-detail [data-r~="r108"]>span {
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

body.page-product-detail [data-r~="r108"]>span:hover {
    transform: translateX(3px);
}

body.page-product-detail

/* ---------- search field: blue highlight ---------- */
@keyframes qsglowblue {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 3px rgba(11, 61, 145, 0.12),
            0 4px 14px rgba(11, 61, 145, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 6px rgba(11, 61, 145, 0.2),
            0 8px 22px rgba(11, 61, 145, 0.28);
    }
}

.productd-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.productd-hv2:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.productd-hv3:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.productd-hv4:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv5:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv6:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv11:hover {
    background: #0c6530 !important;
}

.productd-hv12:hover {
    box-shadow: inset 0 0 0 1.5px #0b3d91 !important;
}

.productd-hv13:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv14:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv15:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 34px rgba(201, 130, 28, 0.34) !important;
}

.productd-hv16:hover {
    background: #9e0d1a !important;
}

.productd-hv17:hover {
    background: #eef4ff !important;
}

.productd-hv18:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 14px 30px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv19:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 14px 30px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv20:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 14px 30px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv21:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 14px 30px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv22:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 14px 30px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv23:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 14px 30px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv24:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 14px 30px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv25:hover {
    transform: translateY(-4px) !important;
    box-shadow:
        inset 0 0 0 1px #9dbdea,
        0 14px 30px rgba(11, 61, 145, 0.16) !important;
}

.productd-hv26:hover {
    color: #fff !important;
}

.productd-hv27:hover {
    color: #fff !important;
}

.productd-hv28:focus {
    box-shadow: inset 0 0 0 2px #0b3d91 !important;
}

.productd-hv29:focus {
    box-shadow: inset 0 0 0 2px #0b3d91 !important;
}

.productd-hv30:focus {
    box-shadow: inset 0 0 0 2px #0b3d91 !important;
}

.productd-hv31:focus {
    box-shadow: inset 0 0 0 2px #0b3d91 !important;
}

.productd-hv32:focus {
    box-shadow: inset 0 0 0 2px #0b3d91 !important;
}

.productd-hv33:focus {
    box-shadow: inset 0 0 0 2px #0b3d91 !important;
}

.productd-hv34:focus {
    box-shadow: inset 0 0 0 2px #0b3d91 !important;
}

.productd-hv35:focus {
    box-shadow: inset 0 0 0 2px #0b3d91 !important;
}

.productd-hv36:focus {
    box-shadow: inset 0 0 0 2px #0b3d91 !important;
}

.productd-hv37:hover {
    background: #9e0d1a !important;
}

.productd-hv38:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv39:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv40:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv41:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv42:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv43:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv44:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv45:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv46:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv47:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv48:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv49:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv50:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv51:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv52:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv53:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv54:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv55:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv56:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv57:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv58:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv59:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv60:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv61:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productd-hv62:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productdz-hv6:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.productdz-hv63:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

/* ===================== PAGE: Product detail (product-detail.php) — end ===================== */

/* ===================== PAGE: API index A–Z (api-index.php) — start ===================== */
body.page-api-index {
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.page-api-index a {
    color: #0b3d91;
    text-decoration: none;
}

body.page-api-index input::placeholder {
    color: #8a9bb3;
    opacity: 1;
}

body.page-api-index a:hover {
    color: #cc1122;
}

body.page-api-index

/* ---------- responsive layer (container = body) ---------- */
body {
    container-type: inline-size;
}

body.page-api-index .rs-chk {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

body.page-api-index .rs-burger {
    display: none;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 4px 12px rgba(11, 61, 145, 0.1);
    cursor: pointer;
}

body.page-api-index .rs-drawer {
    display: none;
}

body.page-api-index [data-r~="r1"][data-r~="r2"] {
    height: 122px !important;
    width: 152px !important;
}

@container (max-width:1440px) {
    body.page-api-index [data-r~="r3"][data-r~="r156"] {
        flex-wrap: wrap !important;
    }

    body.page-api-index [data-r~="r3"][data-r~="r156"]>div> :nth-child(n + 3):nth-child(-n + 6) {
        display: none !important;
    }
}

@container (max-width:1300px) {
    body.page-api-index [data-r~="r3"][data-r~="r156"] {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.page-api-index [data-r~="r3"][data-r~="r156"] [data-r~="r5"] {
        display: none !important;
    }

    body.page-api-index [data-r~="r3"][data-r~="r156"] [data-r~="r6"] {
        display: none !important;
    }

    body.page-api-index [data-r~="r3"][data-r~="r156"] [data-r~="r7"] {
        margin-left: 0 !important;
    }
}

@container (max-width:1180px) {

    body.page-api-index [data-r~="r8"],
    body.page-api-index [data-r~="r9"],
    body.page-api-index [data-r~="r10"],
    body.page-api-index [data-r~="r11"],
    body.page-api-index [data-r~="r12"],
    body.page-api-index [data-r~="r13"],
    body.page-api-index [data-r~="r14"],
    body.page-api-index [data-r~="r15"],
    body.page-api-index [data-r~="r16"],
    body.page-api-index [data-r~="r17"],
    body.page-api-index [data-r~="r18"],
    body.page-api-index [data-r~="r19"],
    body.page-api-index [data-r~="r20"],
    body.page-api-index [data-r~="r21"],
    body.page-api-index [data-r~="r22"],
    body.page-api-index [data-r~="r23"],
    body.page-api-index [data-r~="r24"],
    body.page-api-index [data-r~="r25"],
    body.page-api-index [data-r~="r26"],
    body.page-api-index [data-r~="r27"],
    body.page-api-index [data-r~="r28"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-api-index [data-r~="r157"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-api-index [data-r~="r158"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-api-index [data-r~="r159"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-api-index [data-r~="r32"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
    }

    body.page-api-index [data-r~="r33"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }

    body.page-api-index [data-r~="r32"]>div:nth-child(2n) {
        display: none !important;
    }

    body.page-api-index [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-api-index [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-api-index [data-r~="r37"] {
        width: 206px !important;
    }

    body.page-api-index [data-r~="r1"][data-r~="r2"] {
        height: 104px !important;
        width: 130px !important;
    }

    body.page-api-index [data-brandband] [data-r~="r38"] {
        display: none !important;
    }

    body.page-api-index [data-r~="r39"][data-r~="r9"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    body.page-api-index [data-r~="r40"][data-r~="r41"] {
        gap: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@container (max-width:1024px) {
    body.page-api-index [data-r~="r160"]>div[data-r~="r43"] {
        display: none !important;
    }

    body.page-api-index [data-r~="r44"] {
        min-width: 0 !important;
    }

    body.page-api-index .rs-burger {
        display: flex;
    }

    body.page-api-index .rs-chk:checked~.rs-drawer {
        display: flex;
    }
}

@container (max-width:860px) {

    body.page-api-index [data-r~="r8"],
    body.page-api-index [data-r~="r9"],
    body.page-api-index [data-r~="r10"],
    body.page-api-index [data-r~="r11"],
    body.page-api-index [data-r~="r12"],
    body.page-api-index [data-r~="r13"],
    body.page-api-index [data-r~="r14"],
    body.page-api-index [data-r~="r15"],
    body.page-api-index [data-r~="r16"],
    body.page-api-index [data-r~="r17"],
    body.page-api-index [data-r~="r18"],
    body.page-api-index [data-r~="r19"],
    body.page-api-index [data-r~="r20"],
    body.page-api-index [data-r~="r21"],
    body.page-api-index [data-r~="r22"],
    body.page-api-index [data-r~="r23"],
    body.page-api-index [data-r~="r24"],
    body.page-api-index [data-r~="r25"],
    body.page-api-index [data-r~="r26"],
    body.page-api-index [data-r~="r27"],
    body.page-api-index [data-r~="r28"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-api-index [data-r~="r21"],
    body.page-api-index [data-r~="r23"],
    body.page-api-index [data-r~="r27"],
    body.page-api-index [data-r~="r28"],
    body.page-api-index [data-r~="r25"],
    body.page-api-index [data-r~="r26"],
    body.page-api-index [data-r~="r24"] {
        padding-top: 38px !important;
        padding-bottom: 42px !important;
    }

    body.page-api-index [data-r~="r46"]:not([data-r~="r47"]):not([data-r~="r48"]):not([data-r~="r49"]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-api-index [data-r~="r32"]>div:nth-child(2n),
    body.page-api-index [data-r~="r51"]>div:nth-child(2),
    body.page-api-index [data-r~="r46"]>div[data-r~="r161"] {
        display: none !important;
    }

    body.page-api-index h1,
    body.page-api-index h2 {
        white-space: normal !important;
        text-wrap: pretty;
    }

    body.page-api-index [data-r~="r53"] {
        font-size: clamp(26px, 7cqw, 44px) !important;
        white-space: normal !important;
    }

    body.page-api-index [data-r~="r54"] {
        font-size: clamp(23px, 6.4cqw, 36px) !important;
        white-space: normal !important;
    }

    body.page-api-index [data-r~="r55"] {
        font-size: clamp(21px, 5.6cqw, 32px) !important;
    }

    body.page-api-index [data-r~="r56"] {
        font-size: clamp(20px, 5.4cqw, 30px) !important;
    }

    body.page-api-index [data-r~="r57"] {
        font-size: clamp(17px, 4.4cqw, 33px) !important;
    }

    body.page-api-index [data-r~="r58"],
    body.page-api-index [data-r~="r59"] {
        font-size: 16px !important;
    }

    body.page-api-index [data-r~="r60"] {
        font-size: 14px !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    body.page-api-index [data-r~="r61"] {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }

    body.page-api-index [data-r~="r62"] {
        height: 56px !important;
        padding-left: 14px !important;
    }

    body.page-api-index [data-r~="r63"][data-r~="r64"] {
        width: 40px !important;
        height: 40px !important;
    }

    body.page-api-index [data-r~="r65"] {
        height: 290px !important;
    }

    body.page-api-index [data-r~="r66"] {
        width: min(320px, calc(100cqw - 36px)) !important;
    }

    body.page-api-index [data-r~="r67"] {
        width: 168px !important;
    }

    body.page-api-index [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-api-index [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-api-index [data-r~="r69"] {
        font-size: 15px !important;
    }

    body.page-api-index [data-r~="r70"] {
        font-size: clamp(34px, 10cqw, 88px) !important;
    }

    body.page-api-index [data-r~="r71"] {
        font-size: clamp(28px, 7.6cqw, 50px) !important;
    }

    body.page-api-index [data-r~="r72"] {
        font-size: clamp(16px, 4.4cqw, 28px) !important;
    }

    body.page-api-index [data-r~="r73"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-api-index [data-r~="r74"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-api-index [data-r~="r75"] {
        font-size: clamp(18px, 4.8cqw, 26px) !important;
    }

    body.page-api-index [data-r~="r76"] {
        font-size: clamp(17px, 4.4cqw, 24px) !important;
    }

    body.page-api-index [data-r~="r77"] {
        flex-wrap: wrap !important;
    }

    body.page-api-index [data-r~="r3"][data-r~="r156"] {
        flex-wrap: wrap !important;
    }

    body.page-api-index [data-r~="r37"][data-r~="r78"] {
        display: none !important;
    }

    body.page-api-index [data-r~="r79"] {
        height: 108px !important;
    }

    body.page-api-index [data-r~="r39"][data-r~="r9"]>div:first-child {
        width: 100% !important;
    }
}

body.page-api-index

/* ---------- readability layer: larger body copy,body.page-api-index heavier headings,body.page-api-index glowing search ---------- */
@keyframes qsglow {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 3px rgba(204, 17, 34, 0.12),
            0 4px 14px rgba(204, 17, 34, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 6px rgba(204, 17, 34, 0.18),
            0 8px 22px rgba(204, 17, 34, 0.28);
    }
}

body.page-api-index

/* header search: red highlight + glow,body.page-api-index black bold placeholder */
[data-r~="r44"] {
    background: #fff !important;
    animation: qsglowblue 2.6s ease-in-out infinite;
}

body.page-api-index input[aria-label="Search the catalogue"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111111 !important;
}

body.page-api-index input::placeholder {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1;
}

body.page-api-index

/* nav options a step larger */
[data-r~="r80"] {
    font-size: 15px !important;
}

body.page-api-index [data-r~="r81"] {
    font-size: 13.5px !important;
}

body.page-api-index

/* body copy a step larger */
[data-r~="r82"],
body.page-api-index [data-r~="r83"] {
    font-size: 14.5px !important;
}

body.page-api-index [data-r~="r84"],
body.page-api-index [data-r~="r85"],
body.page-api-index [data-r~="r86"] {
    font-size: 15px !important;
}

body.page-api-index [data-r~="r87"],
body.page-api-index [data-r~="r88"] {
    font-size: 15.5px !important;
}

body.page-api-index [data-r~="r89"],
body.page-api-index [data-r~="r90"] {
    font-size: 16px !important;
}

body.page-api-index [data-r~="r91"],
body.page-api-index [data-r~="r92"] {
    font-size: 16.5px !important;
}

body.page-api-index [data-r~="r93"],
body.page-api-index [data-r~="r94"] {
    font-size: 17.5px !important;
}

body.page-api-index [data-r~="r95"],
body.page-api-index [data-r~="r96"] {
    font-size: 17.5px !important;
}

body.page-api-index [data-r~="r97"] {
    font-size: 18.5px !important;
}

body.page-api-index [data-r~="r98"] {
    font-size: 13.5px !important;
}

body.page-api-index [data-r~="r99"],
body.page-api-index [data-r~="r100"] {
    font-size: 14px !important;
}

body.page-api-index

/* headings: a step larger above the phone breakpoint,body.page-api-index where the fluid clamps take over */
@container (min-width:861px) {
    [data-r~="r70"] {
        font-size: 92px !important;
    }

    [data-r~="r71"] {
        font-size: 54px !important;
    }

    [data-r~="r53"] {
        font-size: 48px !important;
    }

    [data-r~="r54"] {
        font-size: 39px !important;
    }

    [data-r~="r55"] {
        font-size: 35px !important;
    }

    [data-r~="r56"] {
        font-size: 33px !important;
    }

    [data-r~="r75"],
    [data-r~="r73"] {
        font-size: 28px !important;
    }

    [data-r~="r76"] {
        font-size: 26px !important;
    }

    [data-r~="r101"] {
        font-size: 24px !important;
    }

    [data-r~="r102"] {
        font-size: 21px !important;
    }

    [data-r~="r103"] {
        font-size: 18.5px !important;
    }

    [data-r~="r104"] {
        font-size: 17.5px !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 20px !important;
    }

    [data-r~="r72"] {
        font-size: 30px !important;
    }

    [data-r~="r57"] {
        font-size: 35px !important;
    }
}

body.page-api-index h1,
body.page-api-index h2,
body.page-api-index h3 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.page-api-index

/* ---------- navbar + dropdown polish ---------- */
@keyframes ddin {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

body.page-api-index [data-r~="r105"][data-r~="r106"]:not([data-r~="r44"]) {
    position: relative;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

body.page-api-index [data-r~="r105"][data-r~="r162"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #cc1122;
    transform: translateX(-50%);
}

body.page-api-index [data-r~="r108"] {
    animation: ddin 0.2s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    transform-origin: top left;
}

body.page-api-index [data-r~="r108"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

body.page-api-index [data-r~="r108"]>span {
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

body.page-api-index [data-r~="r108"]>span:hover {
    transform: translateX(3px);
}

body.page-api-index

/* ---------- search field: blue highlight ---------- */
@keyframes qsglowblue {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 3px rgba(11, 61, 145, 0.12),
            0 4px 14px rgba(11, 61, 145, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 6px rgba(11, 61, 145, 0.2),
            0 8px 22px rgba(11, 61, 145, 0.28);
    }
}

body.page-api-index

/* ---------- API index ---------- */
[data-azrail] span::after {
    content: none !important;
}

body.page-api-index [data-azrail]>div>span[data-on="0"]:hover {
    background: #0b3d91 !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 8px 20px rgba(11, 61, 145, 0.26) !important;
}

body.page-api-index [data-azrail]>div>span[data-on="off"]:hover {
    background: #f7fafe !important;
    color: #8a9bb3 !important;
    box-shadow: inset 0 0 0 1.5px #e7edf7 !important;
    transform: none !important;
}

body.page-api-index [data-density="compact"] [data-apigrid] {
    grid-template-columns: repeat(auto-fill,
            minmax(min(186px, 100%), 1fr)) !important;
    gap: 9px !important;
}

body.page-api-index [data-density="compact"] [data-apicard] {
    padding: 11px 14px !important;
}

body.page-api-index [data-density="compact"] [data-apicard] [data-apiname],
body.page-api-index [data-density="compact"] [data-apicard] [data-apiname] * {
    font-size: 14.5px !important;
}

body.page-api-index [data-density="compact"] [data-apicard] [data-apicount],
body.page-api-index [data-density="compact"] [data-apicard] [data-apicount] * {
    font-size: 12px !important;
}

body.page-api-index [data-apicard] [data-apiname] * {
    font-size: inherit !important;
}

body.page-api-index [data-apicard] [data-apicount] * {
    font-size: inherit !important;
}

body.page-api-index [data-apicard]>span[aria-hidden] {
    font-size: 16px !important;
}

body.page-api-index [data-filterbtn][data-filterbtn] {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    flex-wrap: nowrap !important;
    font-size: 13.5px !important;
}

body.page-api-index [data-filterbtn] * {
    font-size: inherit !important;
}

@container (max-width:860px) {
    body.page-api-index [data-azrail] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-api-index [data-azrail]>div>span {
        min-width: 42px !important;
        height: auto !important;
        min-height: 42px !important;
        padding: 0 10px !important;
        font-size: 16px !important;
    }
}

.apiindex-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.apiindex-hv2:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.apiindex-hv3:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.apiindex-hv4:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.apiindex-hv5:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.apiindex-hv6:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.apiindex-hv7:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.apiindex-hv8:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.apiindex-hv9:hover {
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 6px 18px rgba(11, 61, 145, 0.22) !important;
}

.apiindex-hv10:hover {
    background: #9e0d1a !important;
}

.apiindex-hv11:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.apiindex-hv12:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv13:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv14:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv15:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv16:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv17:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv18:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv19:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv20:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv21:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv22:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv23:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv24:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv25:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv26:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv27:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv28:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv29:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv30:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv31:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv32:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv33:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv34:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv35:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv36:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv37:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv38:hover {
    transform: translateY(-2px) !important;
}

.apiindex-hv39:hover {
    background: #0b3d91 !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 8px 20px rgba(11, 61, 145, 0.24) !important;
}

.apiindex-hv40:hover {
    background: #0b3d91 !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 8px 20px rgba(11, 61, 145, 0.24) !important;
}

.apiindex-hv41:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv42:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv43:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv44:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv45:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv46:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv47:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv48:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv49:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv50:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv51:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv52:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv53:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv54:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv55:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv56:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv57:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv58:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv59:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv60:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv61:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv62:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv63:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv64:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv65:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv66:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv67:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv68:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv69:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv70:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv71:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv72:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv73:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv74:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv75:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv76:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv77:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv78:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv79:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv80:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv81:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv82:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv83:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv84:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv85:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv86:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv87:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv88:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv89:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv90:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv91:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv92:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv93:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv94:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv95:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv96:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv97:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv98:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv99:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv100:hover {
    transform: translateY(-2px) !important;
    background: #eef4ff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 24px rgba(11, 61, 145, 0.18) !important;
}

.apiindex-hv101:hover {
    background: #062a68 !important;
}

.apiindex-hv102:hover {
    background: #9e0d1a !important;
}

.apiindex-hv103:hover {
    background: #0c6530 !important;
}

/* ===================== PAGE: API index A–Z (api-index.php) — end ===================== */

/* ===================== PAGE: Products list (products.php) — start ===================== */
body.page-products {
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.page-products a {
    color: #0b3d91;
    text-decoration: none;
}

body.page-products input::placeholder {
    color: #8a9bb3;
    opacity: 1;
}

body.page-products a:hover {
    color: #cc1122;
}

body.page-products [data-plzoom]:hover [data-plzoomveil] {
    opacity: 1;
}

body.page-products

/* ---------- responsive layer (container = body) ---------- */
body {
    container-type: inline-size;
}

body.page-products .rs-chk {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

body.page-products .rs-burger {
    display: none;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 4px 12px rgba(11, 61, 145, 0.1);
    cursor: pointer;
}

body.page-products .rs-drawer {
    display: none;
}

body.page-products [data-r~="r1"][data-r~="r2"] {
    height: 122px !important;
    width: 152px !important;
}

@container (max-width:1440px) {
    body.page-products [data-r~="r3"][data-r~="r163"] {
        flex-wrap: wrap !important;
    }

    body.page-products [data-r~="r3"][data-r~="r163"]>div> :nth-child(n + 3):nth-child(-n + 6) {
        display: none !important;
    }
}

@container (max-width:1300px) {
    body.page-products [data-r~="r3"][data-r~="r163"] {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.page-products [data-r~="r3"][data-r~="r163"] [data-r~="r5"] {
        display: none !important;
    }

    body.page-products [data-r~="r3"][data-r~="r163"] [data-r~="r6"] {
        display: none !important;
    }

    body.page-products [data-r~="r3"][data-r~="r163"] [data-r~="r7"] {
        margin-left: 0 !important;
    }
}

@container (max-width:1180px) {

    body.page-products [data-r~="r8"],
    body.page-products [data-r~="r9"],
    body.page-products [data-r~="r10"],
    body.page-products [data-r~="r11"],
    body.page-products [data-r~="r12"],
    body.page-products [data-r~="r13"],
    body.page-products [data-r~="r14"],
    body.page-products [data-r~="r15"],
    body.page-products [data-r~="r16"],
    body.page-products [data-r~="r17"],
    body.page-products [data-r~="r18"],
    body.page-products [data-r~="r19"],
    body.page-products [data-r~="r20"],
    body.page-products [data-r~="r21"],
    body.page-products [data-r~="r22"],
    body.page-products [data-r~="r23"],
    body.page-products [data-r~="r24"],
    body.page-products [data-r~="r25"],
    body.page-products [data-r~="r26"],
    body.page-products [data-r~="r27"],
    body.page-products [data-r~="r28"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-products [data-r~="r164"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-products [data-r~="r165"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-products [data-r~="r166"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-products [data-r~="r32"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
    }

    body.page-products [data-r~="r33"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }

    body.page-products [data-r~="r32"]>div:nth-child(2n) {
        display: none !important;
    }

    body.page-products [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-products [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-products [data-r~="r37"] {
        width: 206px !important;
    }

    body.page-products [data-r~="r1"][data-r~="r2"] {
        height: 104px !important;
        width: 130px !important;
    }

    body.page-products [data-r~="r38"] {
        display: none !important;
    }

    body.page-products [data-r~="r39"][data-r~="r9"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    body.page-products [data-r~="r40"][data-r~="r41"] {
        gap: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@container (max-width:1024px) {
    body.page-products [data-r~="r167"]>div[data-r~="r43"] {
        display: none !important;
    }

    body.page-products [data-r~="r44"] {
        min-width: 0 !important;
    }

    body.page-products .rs-burger {
        display: flex;
    }

    body.page-products .rs-chk:checked~.rs-drawer {
        display: flex;
    }
}

@container (max-width:860px) {
    body.page-products [data-plfilterbtn] {
        display: flex !important;
    }

    body.page-products [data-pldrawerhead] {
        display: flex !important;
    }

    body.page-products [data-pldrawerapply] {
        display: flex !important;
    }

    body.page-products [data-plrail] {
        display: none !important;
    }

    body.page-products [data-filters="1"] [data-plrail] {
        display: flex !important;
        position: fixed !important;
        z-index: 210 !important;
        left: 12px !important;
        right: 12px !important;
        top: 12px !important;
        bottom: 12px !important;
        max-height: none !important;
        overflow-y: auto !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        padding: 18px !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 0 24px 60px rgba(2, 8, 26, 0.4) !important;
    }

    body.page-products [data-filters="1"] [data-plrail]>* {
        flex: none !important;
        width: auto !important;
    }

    body.page-products [data-filters="1"] [data-r~="r168"],
    body.page-products [data-filters="1"] [data-selbar] {
        display: none !important;
    }

    body.page-products [data-r~="r8"],
    body.page-products [data-r~="r9"],
    body.page-products [data-r~="r10"],
    body.page-products [data-r~="r11"],
    body.page-products [data-r~="r12"],
    body.page-products [data-r~="r13"],
    body.page-products [data-r~="r14"],
    body.page-products [data-r~="r15"],
    body.page-products [data-r~="r16"],
    body.page-products [data-r~="r17"],
    body.page-products [data-r~="r18"],
    body.page-products [data-r~="r19"],
    body.page-products [data-r~="r20"],
    body.page-products [data-r~="r21"],
    body.page-products [data-r~="r22"],
    body.page-products [data-r~="r23"],
    body.page-products [data-r~="r24"],
    body.page-products [data-r~="r25"],
    body.page-products [data-r~="r26"],
    body.page-products [data-r~="r27"],
    body.page-products [data-r~="r28"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-products [data-r~="r21"],
    body.page-products [data-r~="r23"],
    body.page-products [data-r~="r27"],
    body.page-products [data-r~="r28"],
    body.page-products [data-r~="r25"],
    body.page-products [data-r~="r26"],
    body.page-products [data-r~="r24"] {
        padding-top: 38px !important;
        padding-bottom: 42px !important;
    }

    body.page-products [data-r~="r46"]:not([data-r~="r47"]):not([data-r~="r48"]):not([data-r~="r49"]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-products [data-r~="r32"]>div:nth-child(2n),
    body.page-products [data-r~="r51"]>div:nth-child(2),
    body.page-products [data-r~="r46"]>div[data-r~="r169"] {
        display: none !important;
    }

    body.page-products h1,
    body.page-products h2 {
        white-space: normal !important;
        text-wrap: pretty;
    }

    body.page-products [data-r~="r53"] {
        font-size: clamp(26px, 7cqw, 44px) !important;
        white-space: normal !important;
    }

    body.page-products [data-r~="r54"] {
        font-size: clamp(23px, 6.4cqw, 36px) !important;
        white-space: normal !important;
    }

    body.page-products [data-r~="r55"] {
        font-size: clamp(21px, 5.6cqw, 32px) !important;
    }

    body.page-products [data-r~="r56"] {
        font-size: clamp(20px, 5.4cqw, 30px) !important;
    }

    body.page-products [data-r~="r57"] {
        font-size: clamp(17px, 4.4cqw, 33px) !important;
    }

    body.page-products [data-r~="r58"],
    body.page-products [data-r~="r59"] {
        font-size: 16px !important;
    }

    body.page-products [data-r~="r60"] {
        font-size: 14px !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    body.page-products [data-r~="r61"] {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }

    body.page-products [data-r~="r62"] {
        height: 56px !important;
        padding-left: 14px !important;
    }

    body.page-products [data-r~="r63"][data-r~="r64"] {
        width: 40px !important;
        height: 40px !important;
    }

    body.page-products [data-r~="r65"] {
        height: 290px !important;
    }

    body.page-products [data-r~="r66"] {
        width: min(320px, calc(100cqw - 36px)) !important;
    }

    body.page-products [data-r~="r67"] {
        width: 168px !important;
    }

    body.page-products [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-products [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-products [data-r~="r69"] {
        font-size: 15px !important;
    }

    body.page-products [data-r~="r70"] {
        font-size: clamp(34px, 10cqw, 88px) !important;
    }

    body.page-products [data-r~="r71"] {
        font-size: clamp(28px, 7.6cqw, 50px) !important;
    }

    body.page-products [data-r~="r72"] {
        font-size: clamp(16px, 4.4cqw, 28px) !important;
    }

    body.page-products [data-r~="r73"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-products [data-r~="r74"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-products [data-r~="r75"] {
        font-size: clamp(18px, 4.8cqw, 26px) !important;
    }

    body.page-products [data-r~="r76"] {
        font-size: clamp(17px, 4.4cqw, 24px) !important;
    }

    body.page-products [data-r~="r77"] {
        flex-wrap: wrap !important;
    }

    body.page-products [data-r~="r3"][data-r~="r163"] {
        flex-wrap: wrap !important;
    }

    body.page-products [data-r~="r37"][data-r~="r78"] {
        display: none !important;
    }

    body.page-products [data-r~="r79"] {
        height: 108px !important;
    }

    body.page-products [data-r~="r39"][data-r~="r9"]>div:first-child {
        width: 100% !important;
    }
}

body.page-products

/* ---------- readability layer: larger body copy,body.page-products heavier headings,body.page-products glowing search ---------- */
@keyframes qsglow {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 3px rgba(204, 17, 34, 0.12),
            0 4px 14px rgba(204, 17, 34, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 6px rgba(204, 17, 34, 0.18),
            0 8px 22px rgba(204, 17, 34, 0.28);
    }
}

body.page-products

/* header search: red highlight + glow,body.page-products black bold placeholder */
[data-r~="r44"] {
    background: #fff !important;
    animation: qsglowblue 2.6s ease-in-out infinite;
}

body.page-products input[aria-label="Search the catalogue"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111111 !important;
}

body.page-products input::placeholder {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1;
}

body.page-products

/* nav options a step larger */
[data-r~="r80"] {
    font-size: 15px !important;
}

body.page-products [data-r~="r81"] {
    font-size: 13.5px !important;
}

body.page-products

/* body copy a step larger */
[data-r~="r82"],
body.page-products [data-r~="r83"] {
    font-size: 14.5px !important;
}

body.page-products [data-r~="r84"],
body.page-products [data-r~="r85"],
body.page-products [data-r~="r86"] {
    font-size: 15px !important;
}

body.page-products [data-r~="r87"],
body.page-products [data-r~="r88"] {
    font-size: 15.5px !important;
}

body.page-products [data-r~="r89"],
body.page-products [data-r~="r90"] {
    font-size: 16px !important;
}

body.page-products [data-r~="r91"],
body.page-products [data-r~="r92"] {
    font-size: 16.5px !important;
}

body.page-products [data-r~="r93"],
body.page-products [data-r~="r94"] {
    font-size: 17.5px !important;
}

body.page-products [data-r~="r95"],
body.page-products [data-r~="r96"] {
    font-size: 17.5px !important;
}

body.page-products [data-r~="r97"] {
    font-size: 18.5px !important;
}

body.page-products [data-r~="r98"] {
    font-size: 13.5px !important;
}

body.page-products [data-r~="r99"],
body.page-products [data-r~="r100"] {
    font-size: 14px !important;
}

body.page-products

/* headings: a step larger above the phone breakpoint,body.page-products where the fluid clamps take over */
@container (min-width:861px) {
    [data-r~="r70"] {
        font-size: 92px !important;
    }

    [data-r~="r71"] {
        font-size: 54px !important;
    }

    [data-r~="r53"] {
        font-size: 48px !important;
    }

    [data-r~="r54"] {
        font-size: 39px !important;
    }

    [data-r~="r55"] {
        font-size: 35px !important;
    }

    [data-r~="r56"] {
        font-size: 33px !important;
    }

    [data-r~="r75"],
    [data-r~="r73"] {
        font-size: 28px !important;
    }

    [data-r~="r76"] {
        font-size: 26px !important;
    }

    [data-r~="r101"] {
        font-size: 24px !important;
    }

    [data-r~="r102"] {
        font-size: 21px !important;
    }

    [data-r~="r103"] {
        font-size: 18.5px !important;
    }

    [data-r~="r104"] {
        font-size: 17.5px !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 20px !important;
    }

    [data-r~="r72"] {
        font-size: 30px !important;
    }

    [data-r~="r57"] {
        font-size: 35px !important;
    }
}

body.page-products h1,
body.page-products h2,
body.page-products h3 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.page-products

/* ---------- navbar + dropdown polish ---------- */
@keyframes ddin {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

body.page-products [data-r~="r105"][data-r~="r106"]:not([data-r~="r44"]) {
    position: relative;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

body.page-products [data-r~="r105"][data-r~="r170"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #cc1122;
    transform: translateX(-50%);
}

body.page-products [data-r~="r108"] {
    animation: ddin 0.2s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    transform-origin: top left;
}

body.page-products [data-r~="r108"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

body.page-products [data-r~="r108"]>span {
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

body.page-products [data-r~="r108"]>span:hover {
    transform: translateX(3px);
}

body.page-products

/* ---------- search field: blue highlight ---------- */
@keyframes qsglowblue {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 3px rgba(11, 61, 145, 0.12),
            0 4px 14px rgba(11, 61, 145, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 6px rgba(11, 61, 145, 0.2),
            0 8px 22px rgba(11, 61, 145, 0.28);
    }
}

body.page-products

/* ---------- products list ---------- */
[data-plrail] span::after {
    content: none !important;
}

body.page-products [data-plrail]>* {
    flex: none;
}

body.page-products [data-pltab][data-pltab] {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    flex-wrap: nowrap !important;
    font-size: 13.5px !important;
}

body.page-products [data-pltab] * {
    font-size: inherit !important;
}

body.page-products [data-filterbtn][data-filterbtn] {
    height: auto !important;
    min-height: 44px !important;
    padding: 9px 14px !important;
    flex-wrap: nowrap !important;
    font-size: 13px !important;
}

body.page-products [data-filterbtn] * {
    font-size: inherit !important;
}

body.page-products [data-plname] * {
    font-size: inherit !important;
}

body.page-products [data-pltab][data-on="0"]:hover {
    background: #0b3d91 !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 8px 20px rgba(11, 61, 145, 0.26) !important;
}

body.page-products [data-pltab][data-on="0"]:hover span {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #fff !important;
}

body.page-products [data-filterbtn][data-on="0"]:hover {
    background: #0b3d91 !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 8px 20px rgba(11, 61, 145, 0.26) !important;
}

body.page-products [data-filterbtn][data-on="0"]:hover span {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #fff !important;
}

body.page-products [data-plletter][data-on="0"]:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

body.page-products [data-sel="1"] [data-r~="r168"] {
    bottom: 98px !important;
}

body.page-products [data-sel="1"] {
    padding-bottom: 86px;
}

@container (min-width:1025px) {
    body.page-products [data-sel="1"] [data-plrail] {
        max-height: calc(100vh - 122px) !important;
    }
}

@container (max-width:1180px) {
    body.page-products [data-plshell] {
        grid-template-columns: 276px minmax(0, 1fr) !important;
        gap: 22px !important;
    }
}

@container (max-width:1024px) {
    body.page-products [data-plshell] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-products [data-plrail] {
        position: static !important;
        max-height: none !important;
        overflow-y: visible !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }

    body.page-products [data-plrail]>div {
        flex: 1 1 236px !important;
    }

    body.page-products [data-plrail]>[data-plsearch] {
        flex: 0 0 100% !important;
    }

    body.page-products [data-plrail]>span {
        flex: 0 0 100% !important;
    }
}

@container (max-width:860px) {
    body.page-products [data-plfilterbtn] {
        display: flex !important;
    }

    body.page-products [data-pldrawerhead] {
        display: flex !important;
    }

    body.page-products [data-pldrawerapply] {
        display: flex !important;
    }

    body.page-products [data-plrail] {
        display: none !important;
    }

    body.page-products [data-filters="1"] [data-plrail] {
        display: flex !important;
        position: fixed !important;
        z-index: 210 !important;
        left: 12px !important;
        right: 12px !important;
        top: 12px !important;
        bottom: 12px !important;
        max-height: none !important;
        overflow-y: auto !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        padding: 18px !important;
        border-radius: 14px !important;
        background: #fff !important;
        box-shadow: 0 24px 60px rgba(2, 8, 26, 0.4) !important;
    }

    body.page-products [data-filters="1"] [data-plrail]>* {
        flex: none !important;
        width: auto !important;
    }

    body.page-products [data-filters="1"] [data-r~="r168"],
    body.page-products [data-filters="1"] [data-selbar] {
        display: none !important;
    }

    body.page-products [data-plgrid] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-products [data-plrail] [data-plletters][data-plletters][data-plletters] {
        grid-template-columns: repeat(auto-fill, minmax(34px, 1fr)) !important;
    }

    body.page-products [data-selbar] {
        padding-left: 16px !important;
        padding-right: 16px !important;
        gap: 12px !important;
    }

    body.page-products [data-selbar] a,
    body.page-products [data-selbar]>span:last-child>span {
        flex: 1 1 auto !important;
        justify-content: center !important;
    }

    body.page-products [data-sel="1"] [data-r~="r168"] {
        bottom: 150px !important;
    }

    body.page-products [data-sel="1"] {
        padding-bottom: 150px;
    }

    body.page-products [data-sel="1"] [data-plrail] {
        max-height: none !important;
    }
}

.products-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.products-hv2:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.products-hv3:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.products-hv4:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.products-hv5:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.products-hv6:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.products-hv7:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.products-hv8:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.products-hv9:hover {
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 6px 18px rgba(11, 61, 145, 0.22) !important;
}

.products-hv10:hover {
    background: #9e0d1a !important;
}

.products-hv11:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.products-hv12:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.products-hv13:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.products-hv15:hover {
    color: #cc1122 !important;
}

.products-hv16:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv17:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv19:hover {
    color: #cc1122 !important;
}

.products-hv20:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv21:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv23:hover {
    color: #cc1122 !important;
}

.products-hv24:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv25:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv27:hover {
    color: #cc1122 !important;
}

.products-hv28:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv29:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv31:hover {
    color: #cc1122 !important;
}

.products-hv32:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv33:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv35:hover {
    color: #cc1122 !important;
}

.products-hv36:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv37:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv39:hover {
    color: #cc1122 !important;
}

.products-hv40:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv41:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv43:hover {
    color: #cc1122 !important;
}

.products-hv44:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv45:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv47:hover {
    color: #cc1122 !important;
}

.products-hv48:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv49:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv51:hover {
    color: #cc1122 !important;
}

.products-hv52:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv53:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv55:hover {
    color: #cc1122 !important;
}

.products-hv56:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv57:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv59:hover {
    color: #cc1122 !important;
}

.products-hv60:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv61:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv63:hover {
    color: #cc1122 !important;
}

.products-hv64:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv65:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv67:hover {
    color: #cc1122 !important;
}

.products-hv68:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv69:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv71:hover {
    color: #cc1122 !important;
}

.products-hv72:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv73:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv75:hover {
    color: #cc1122 !important;
}

.products-hv76:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv77:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv79:hover {
    color: #cc1122 !important;
}

.products-hv80:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv81:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv83:hover {
    color: #cc1122 !important;
}

.products-hv84:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv85:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv87:hover {
    color: #cc1122 !important;
}

.products-hv88:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv89:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv91:hover {
    color: #cc1122 !important;
}

.products-hv92:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv93:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv95:hover {
    color: #cc1122 !important;
}

.products-hv96:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv97:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv99:hover {
    color: #cc1122 !important;
}

.products-hv100:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv101:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv103:hover {
    color: #cc1122 !important;
}

.products-hv104:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv105:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv107:hover {
    color: #cc1122 !important;
}

.products-hv108:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv109:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.products-hv110:hover {
    background: #062a68 !important;
}

.products-hv111:hover {
    background: #9e0d1a !important;
}

.products-hv112:hover {
    background: #0c6530 !important;
}

.productst-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.productst-hv2:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.productst-hv3:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.productst-hv4:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.productst-hv5:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.productst-hv6:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.productst-hv7:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.productst-hv8:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.productst-hv9:hover {
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 6px 18px rgba(11, 61, 145, 0.22) !important;
}

.productst-hv10:hover {
    background: #9e0d1a !important;
}

.productst-hv14:hover {
    background: #f7fafe !important;
}

.productst-hv15:hover {
    color: #cc1122 !important;
}

.productst-hv16:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv17:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv18:hover {
    background: #f7fafe !important;
}

.productst-hv19:hover {
    color: #cc1122 !important;
}

.productst-hv20:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv21:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv22:hover {
    background: #f7fafe !important;
}

.productst-hv23:hover {
    color: #cc1122 !important;
}

.productst-hv24:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv25:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv26:hover {
    background: #f7fafe !important;
}

.productst-hv27:hover {
    color: #cc1122 !important;
}

.productst-hv28:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv29:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv30:hover {
    background: #f7fafe !important;
}

.productst-hv31:hover {
    color: #cc1122 !important;
}

.productst-hv32:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv33:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv34:hover {
    background: #f7fafe !important;
}

.productst-hv35:hover {
    color: #cc1122 !important;
}

.productst-hv36:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv37:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv38:hover {
    background: #f7fafe !important;
}

.productst-hv39:hover {
    color: #cc1122 !important;
}

.productst-hv40:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv41:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv42:hover {
    background: #f7fafe !important;
}

.productst-hv43:hover {
    color: #cc1122 !important;
}

.productst-hv44:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv45:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv46:hover {
    background: #f7fafe !important;
}

.productst-hv47:hover {
    color: #cc1122 !important;
}

.productst-hv48:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv49:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv50:hover {
    background: #f7fafe !important;
}

.productst-hv51:hover {
    color: #cc1122 !important;
}

.productst-hv52:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv53:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv54:hover {
    background: #f7fafe !important;
}

.productst-hv55:hover {
    color: #cc1122 !important;
}

.productst-hv56:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv57:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv58:hover {
    background: #f7fafe !important;
}

.productst-hv59:hover {
    color: #cc1122 !important;
}

.productst-hv60:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv61:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv62:hover {
    background: #f7fafe !important;
}

.productst-hv63:hover {
    color: #cc1122 !important;
}

.productst-hv64:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv65:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv66:hover {
    background: #f7fafe !important;
}

.productst-hv67:hover {
    color: #cc1122 !important;
}

.productst-hv68:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv69:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv70:hover {
    background: #f7fafe !important;
}

.productst-hv71:hover {
    color: #cc1122 !important;
}

.productst-hv72:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv73:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv74:hover {
    background: #f7fafe !important;
}

.productst-hv75:hover {
    color: #cc1122 !important;
}

.productst-hv76:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv77:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv78:hover {
    background: #f7fafe !important;
}

.productst-hv79:hover {
    color: #cc1122 !important;
}

.productst-hv80:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv81:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv82:hover {
    background: #f7fafe !important;
}

.productst-hv83:hover {
    color: #cc1122 !important;
}

.productst-hv84:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv85:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv86:hover {
    background: #f7fafe !important;
}

.productst-hv87:hover {
    color: #cc1122 !important;
}

.productst-hv88:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv89:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv90:hover {
    background: #f7fafe !important;
}

.productst-hv91:hover {
    color: #cc1122 !important;
}

.productst-hv92:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv93:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv94:hover {
    background: #f7fafe !important;
}

.productst-hv95:hover {
    color: #cc1122 !important;
}

.productst-hv96:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv97:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv98:hover {
    background: #f7fafe !important;
}

.productst-hv99:hover {
    color: #cc1122 !important;
}

.productst-hv100:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv101:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv102:hover {
    background: #f7fafe !important;
}

.productst-hv103:hover {
    color: #cc1122 !important;
}

.productst-hv104:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv105:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv106:hover {
    background: #f7fafe !important;
}

.productst-hv107:hover {
    color: #cc1122 !important;
}

.productst-hv108:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productst-hv109:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.productss-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.productss-hv11:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.productss-hv111:hover {
    color: #fff !important;
}

.productss-hv112:hover {
    background: #9e0d1a !important;
}

.productss-hv113:hover {
    background: rgba(255, 255, 255, 0.22) !important;
}

.productsz-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.productsz-hv11:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.productsz-hv111:hover {
    background: #dde7f6 !important;
}

.productsz-hv112:hover {
    background: #062a68 !important;
}

/* ===================== PAGE: Products list (products.php) — end ===================== */

/* ===================== PAGE: FAQ (faq.php) — start ===================== */
body.page-faq {
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.page-faq a {
    color: #0b3d91;
    text-decoration: none;
}

body.page-faq input::placeholder {
    color: #8a9bb3;
    opacity: 1;
}

body.page-faq a:hover {
    color: #cc1122;
}

body.page-faq [data-faqitem]:hover {
    box-shadow:
        inset 0 0 0 1.5px #9dbdea,
        0 8px 22px rgba(11, 61, 145, 0.1) !important;
}

@container (max-width:1000px) {
    body.page-faq [data-faqgrid] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-faq [data-faqaside] {
        position: static !important;
        top: auto !important;
    }
}

body.page-faq

/* ---------- responsive layer (container = body) ---------- */
body {
    container-type: inline-size;
}

body.page-faq .rs-chk {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

body.page-faq .rs-burger {
    display: none;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 4px 12px rgba(11, 61, 145, 0.1);
    cursor: pointer;
}

body.page-faq .rs-drawer {
    display: none;
}

body.page-faq [data-r~="r1"][data-r~="r2"] {
    height: 122px !important;
    width: 152px !important;
}

@container (max-width:1440px) {
    body.page-faq [data-r~="r3"][data-r~="r171"] {
        flex-wrap: wrap !important;
    }

    body.page-faq [data-r~="r3"][data-r~="r171"]>div> :nth-child(n + 3):nth-child(-n + 6) {
        display: none !important;
    }
}

@container (max-width:1300px) {
    body.page-faq [data-r~="r3"][data-r~="r171"] {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.page-faq [data-r~="r3"][data-r~="r171"] [data-r~="r5"] {
        display: none !important;
    }

    body.page-faq [data-r~="r3"][data-r~="r171"] [data-r~="r6"] {
        display: none !important;
    }

    body.page-faq [data-r~="r3"][data-r~="r171"] [data-r~="r7"] {
        margin-left: 0 !important;
    }
}

@container (max-width:1180px) {

    body.page-faq [data-r~="r8"],
    body.page-faq [data-r~="r9"],
    body.page-faq [data-r~="r10"],
    body.page-faq [data-r~="r11"],
    body.page-faq [data-r~="r12"],
    body.page-faq [data-r~="r13"],
    body.page-faq [data-r~="r14"],
    body.page-faq [data-r~="r15"],
    body.page-faq [data-r~="r16"],
    body.page-faq [data-r~="r17"],
    body.page-faq [data-r~="r18"],
    body.page-faq [data-r~="r19"],
    body.page-faq [data-r~="r20"],
    body.page-faq [data-r~="r21"],
    body.page-faq [data-r~="r22"],
    body.page-faq [data-r~="r23"],
    body.page-faq [data-r~="r24"],
    body.page-faq [data-r~="r25"],
    body.page-faq [data-r~="r26"],
    body.page-faq [data-r~="r27"],
    body.page-faq [data-r~="r28"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-faq [data-r~="r172"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-faq [data-r~="r173"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-faq [data-r~="r174"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-faq [data-r~="r32"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
    }

    body.page-faq [data-r~="r33"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }

    body.page-faq [data-r~="r32"]>div:nth-child(2n) {
        display: none !important;
    }

    body.page-faq [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-faq [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-faq [data-r~="r37"] {
        width: 206px !important;
    }

    body.page-faq [data-r~="r1"][data-r~="r2"] {
        height: 104px !important;
        width: 130px !important;
    }

    body.page-faq [data-brandband] [data-r~="r38"] {
        display: none !important;
    }

    body.page-faq [data-r~="r39"][data-r~="r9"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    body.page-faq [data-r~="r40"][data-r~="r41"] {
        gap: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@container (max-width:1024px) {
    body.page-faq [data-r~="r175"]>div[data-r~="r43"] {
        display: none !important;
    }

    body.page-faq [data-r~="r44"] {
        min-width: 0 !important;
    }

    body.page-faq .rs-burger {
        display: flex;
    }

    body.page-faq .rs-chk:checked~.rs-drawer {
        display: flex;
    }
}

@container (max-width:860px) {

    body.page-faq [data-r~="r8"],
    body.page-faq [data-r~="r9"],
    body.page-faq [data-r~="r10"],
    body.page-faq [data-r~="r11"],
    body.page-faq [data-r~="r12"],
    body.page-faq [data-r~="r13"],
    body.page-faq [data-r~="r14"],
    body.page-faq [data-r~="r15"],
    body.page-faq [data-r~="r16"],
    body.page-faq [data-r~="r17"],
    body.page-faq [data-r~="r18"],
    body.page-faq [data-r~="r19"],
    body.page-faq [data-r~="r20"],
    body.page-faq [data-r~="r21"],
    body.page-faq [data-r~="r22"],
    body.page-faq [data-r~="r23"],
    body.page-faq [data-r~="r24"],
    body.page-faq [data-r~="r25"],
    body.page-faq [data-r~="r26"],
    body.page-faq [data-r~="r27"],
    body.page-faq [data-r~="r28"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-faq [data-r~="r21"],
    body.page-faq [data-r~="r23"],
    body.page-faq [data-r~="r27"],
    body.page-faq [data-r~="r28"],
    body.page-faq [data-r~="r25"],
    body.page-faq [data-r~="r26"],
    body.page-faq [data-r~="r24"] {
        padding-top: 38px !important;
        padding-bottom: 42px !important;
    }

    body.page-faq [data-r~="r46"]:not([data-r~="r47"]):not([data-r~="r48"]):not([data-r~="r49"]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-faq [data-r~="r32"]>div:nth-child(2n),
    body.page-faq [data-r~="r51"]>div:nth-child(2),
    body.page-faq [data-r~="r46"]>div[data-r~="r176"] {
        display: none !important;
    }

    body.page-faq h1,
    body.page-faq h2 {
        white-space: normal !important;
        text-wrap: pretty;
    }

    body.page-faq [data-r~="r53"] {
        font-size: clamp(26px, 7cqw, 44px) !important;
        white-space: normal !important;
    }

    body.page-faq [data-r~="r54"] {
        font-size: clamp(23px, 6.4cqw, 36px) !important;
        white-space: normal !important;
    }

    body.page-faq [data-r~="r55"] {
        font-size: clamp(21px, 5.6cqw, 32px) !important;
    }

    body.page-faq [data-r~="r56"] {
        font-size: clamp(20px, 5.4cqw, 30px) !important;
    }

    body.page-faq [data-r~="r57"] {
        font-size: clamp(17px, 4.4cqw, 33px) !important;
    }

    body.page-faq [data-r~="r58"],
    body.page-faq [data-r~="r59"] {
        font-size: 16px !important;
    }

    body.page-faq [data-r~="r60"] {
        font-size: 14px !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    body.page-faq [data-r~="r61"] {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }

    body.page-faq [data-r~="r62"] {
        height: 56px !important;
        padding-left: 14px !important;
    }

    body.page-faq [data-r~="r63"][data-r~="r64"] {
        width: 40px !important;
        height: 40px !important;
    }

    body.page-faq [data-r~="r65"] {
        height: 290px !important;
    }

    body.page-faq [data-r~="r66"] {
        width: min(320px, calc(100cqw - 36px)) !important;
    }

    body.page-faq [data-r~="r67"] {
        width: 168px !important;
    }

    body.page-faq [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-faq [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-faq [data-r~="r69"] {
        font-size: 15px !important;
    }

    body.page-faq [data-r~="r70"] {
        font-size: clamp(34px, 10cqw, 88px) !important;
    }

    body.page-faq [data-r~="r71"] {
        font-size: clamp(28px, 7.6cqw, 50px) !important;
    }

    body.page-faq [data-r~="r72"] {
        font-size: clamp(16px, 4.4cqw, 28px) !important;
    }

    body.page-faq [data-r~="r73"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-faq [data-r~="r74"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-faq [data-r~="r75"] {
        font-size: clamp(18px, 4.8cqw, 26px) !important;
    }

    body.page-faq [data-r~="r76"] {
        font-size: clamp(17px, 4.4cqw, 24px) !important;
    }

    body.page-faq [data-r~="r77"] {
        flex-wrap: wrap !important;
    }

    body.page-faq [data-r~="r3"][data-r~="r171"] {
        flex-wrap: wrap !important;
    }

    body.page-faq [data-r~="r37"][data-r~="r78"] {
        display: none !important;
    }

    body.page-faq [data-r~="r79"] {
        height: 108px !important;
    }

    body.page-faq [data-r~="r39"][data-r~="r9"]>div:first-child {
        width: 100% !important;
    }
}

body.page-faq

/* ---------- readability layer: larger body copy,body.page-faq heavier headings,body.page-faq glowing search ---------- */
@keyframes qsglow {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 3px rgba(204, 17, 34, 0.12),
            0 4px 14px rgba(204, 17, 34, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 6px rgba(204, 17, 34, 0.18),
            0 8px 22px rgba(204, 17, 34, 0.28);
    }
}

body.page-faq

/* header search: red highlight + glow,body.page-faq black bold placeholder */
[data-r~="r44"] {
    background: #fff !important;
    animation: qsglowblue 2.6s ease-in-out infinite;
}

body.page-faq input[aria-label="Search the catalogue"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111111 !important;
}

body.page-faq input::placeholder {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1;
}

body.page-faq

/* nav options a step larger */
[data-r~="r80"] {
    font-size: 15px !important;
}

body.page-faq [data-r~="r81"] {
    font-size: 13.5px !important;
}

body.page-faq

/* body copy a step larger */
[data-r~="r82"],
body.page-faq [data-r~="r83"] {
    font-size: 14.5px !important;
}

body.page-faq [data-r~="r84"],
body.page-faq [data-r~="r85"],
body.page-faq [data-r~="r86"] {
    font-size: 15px !important;
}

body.page-faq [data-r~="r87"],
body.page-faq [data-r~="r88"] {
    font-size: 15.5px !important;
}

body.page-faq [data-r~="r89"],
body.page-faq [data-r~="r90"] {
    font-size: 16px !important;
}

body.page-faq [data-r~="r91"],
body.page-faq [data-r~="r92"] {
    font-size: 16.5px !important;
}

body.page-faq [data-r~="r93"],
body.page-faq [data-r~="r94"] {
    font-size: 17.5px !important;
}

body.page-faq [data-r~="r95"],
body.page-faq [data-r~="r96"] {
    font-size: 17.5px !important;
}

body.page-faq [data-r~="r97"] {
    font-size: 18.5px !important;
}

body.page-faq [data-r~="r98"] {
    font-size: 13.5px !important;
}

body.page-faq [data-r~="r99"],
body.page-faq [data-r~="r100"] {
    font-size: 14px !important;
}

body.page-faq

/* headings: a step larger above the phone breakpoint,body.page-faq where the fluid clamps take over */
@container (min-width:861px) {
    [data-r~="r70"] {
        font-size: 92px !important;
    }

    [data-r~="r71"] {
        font-size: 54px !important;
    }

    [data-r~="r53"] {
        font-size: 48px !important;
    }

    [data-r~="r54"] {
        font-size: 39px !important;
    }

    [data-r~="r55"] {
        font-size: 35px !important;
    }

    [data-r~="r56"] {
        font-size: 33px !important;
    }

    [data-r~="r75"],
    [data-r~="r73"] {
        font-size: 28px !important;
    }

    [data-r~="r76"] {
        font-size: 26px !important;
    }

    [data-r~="r101"] {
        font-size: 24px !important;
    }

    [data-r~="r102"] {
        font-size: 21px !important;
    }

    [data-r~="r103"] {
        font-size: 18.5px !important;
    }

    [data-r~="r104"] {
        font-size: 17.5px !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 20px !important;
    }

    [data-r~="r72"] {
        font-size: 30px !important;
    }

    [data-r~="r57"] {
        font-size: 35px !important;
    }
}

body.page-faq h1,
body.page-faq h2,
body.page-faq h3 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.page-faq

/* ---------- navbar + dropdown polish ---------- */
@keyframes ddin {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

body.page-faq [data-r~="r105"][data-r~="r106"]:not([data-r~="r44"]) {
    position: relative;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

body.page-faq [data-r~="r105"][data-r~="r177"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #cc1122;
    transform: translateX(-50%);
}

body.page-faq [data-r~="r108"] {
    animation: ddin 0.2s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    transform-origin: top left;
}

body.page-faq [data-r~="r108"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

body.page-faq [data-r~="r108"]>span {
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

body.page-faq [data-r~="r108"]>span:hover {
    transform: translateX(3px);
}

body.page-faq

/* ---------- search field: blue highlight ---------- */
@keyframes qsglowblue {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 3px rgba(11, 61, 145, 0.12),
            0 4px 14px rgba(11, 61, 145, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 6px rgba(11, 61, 145, 0.2),
            0 8px 22px rgba(11, 61, 145, 0.28);
    }
}

body.page-faq

/* ---------- API index ---------- */
[data-azrail] span::after {
    content: none !important;
}

body.page-faq [data-azrail]>div>span[data-on="0"]:hover {
    background: #0b3d91 !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 8px 20px rgba(11, 61, 145, 0.26) !important;
}

body.page-faq [data-azrail]>div>span[data-on="off"]:hover {
    background: #f7fafe !important;
    color: #8a9bb3 !important;
    box-shadow: inset 0 0 0 1.5px #e7edf7 !important;
    transform: none !important;
}

body.page-faq [data-density="compact"] [data-apigrid] {
    grid-template-columns: repeat(auto-fill,
            minmax(min(186px, 100%), 1fr)) !important;
    gap: 9px !important;
}

body.page-faq [data-density="compact"] [data-apicard] {
    padding: 11px 14px !important;
}

body.page-faq [data-density="compact"] [data-apicard] [data-apiname],
body.page-faq [data-density="compact"] [data-apicard] [data-apiname] * {
    font-size: 14.5px !important;
}

body.page-faq [data-density="compact"] [data-apicard] [data-apicount],
body.page-faq [data-density="compact"] [data-apicard] [data-apicount] * {
    font-size: 12px !important;
}

body.page-faq [data-apicard] [data-apiname] * {
    font-size: inherit !important;
}

body.page-faq [data-apicard] [data-apicount] * {
    font-size: inherit !important;
}

body.page-faq [data-apicard]>span[aria-hidden] {
    font-size: 16px !important;
}

body.page-faq [data-filterbtn][data-filterbtn] {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    flex-wrap: nowrap !important;
    font-size: 13.5px !important;
}

body.page-faq [data-filterbtn] * {
    font-size: inherit !important;
}

@container (max-width:860px) {
    body.page-faq [data-azrail] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-faq [data-azrail]>div>span {
        min-width: 42px !important;
        height: auto !important;
        min-height: 42px !important;
        padding: 0 10px !important;
        font-size: 16px !important;
    }
}

.faq-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.faq-hv2:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.faq-hv11:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.faq-hv12:hover {
    transform: translateY(-2px) !important;
}

.faq-hv13:hover {
    transform: translateY(-2px) !important;
}

.faq-hv14:hover {
    transform: translateY(-2px) !important;
}

.faq-hv15:hover {
    transform: translateY(-2px) !important;
}

.faq-hv16:hover {
    transform: translateY(-2px) !important;
}

.faq-hv17:hover {
    transform: translateY(-2px) !important;
}

.faq-hv18:hover {
    transform: translateY(-2px) !important;
}

.faq-hv19:hover {
    background: #0c6530 !important;
}

.faq-hv20:hover {
    background: #eef2f9 !important;
}

.faq-hv21:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.faq-hv22:hover {
    color: #cc1122 !important;
}

.faq-hv23:hover {
    color: #cc1122 !important;
}

.faq-hv24:hover {
    color: #cc1122 !important;
}

.faq-hv25:hover {
    color: #cc1122 !important;
}

.faq-hv26:hover {
    color: #cc1122 !important;
}

.faq-hv27:hover {
    background: #9e0d1a !important;
}

.faq-hv28:hover {
    background: #eef2f9 !important;
}

/* ===================== PAGE: FAQ (faq.php) — end ===================== */

/* ===================== PAGE: Contact us (contact-us.php) — start ===================== */
body.page-contact-us {
    margin: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.page-contact-us a {
    color: #0b3d91;
    text-decoration: none;
}

body.page-contact-us input::placeholder {
    color: #8a9bb3;
    opacity: 1;
}

body.page-contact-us a:hover {
    color: #cc1122;
}

body.page-contact-us [data-cucard]:hover {
    box-shadow:
        inset 0 0 0 1.5px #9dbdea,
        0 12px 28px rgba(11, 61, 145, 0.14) !important;
    transform: translateY(-3px);
}

@container (max-width:1000px) {
    body.page-contact-us [data-cusplit] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-contact-us [data-custick] {
        position: static !important;
        top: auto !important;
    }
}

body.page-contact-us

/* ---------- responsive layer (container = body) ---------- */
body {
    container-type: inline-size;
}

body.page-contact-us .rs-chk {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

body.page-contact-us .rs-burger {
    display: none;
    flex: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    border-radius: 21px;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 4px 12px rgba(11, 61, 145, 0.1);
    cursor: pointer;
}

body.page-contact-us .rs-drawer {
    display: none;
}

body.page-contact-us [data-r~="r1"][data-r~="r2"] {
    height: 122px !important;
    width: 152px !important;
}

@container (max-width:1440px) {
    body.page-contact-us [data-r~="r3"][data-r~="r178"] {
        flex-wrap: wrap !important;
    }

    body.page-contact-us [data-r~="r3"][data-r~="r178"]>div> :nth-child(n + 3):nth-child(-n + 6) {
        display: none !important;
    }
}

@container (max-width:1300px) {
    body.page-contact-us [data-r~="r3"][data-r~="r178"] {
        height: auto !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    body.page-contact-us [data-r~="r3"][data-r~="r178"] [data-r~="r5"] {
        display: none !important;
    }

    body.page-contact-us [data-r~="r3"][data-r~="r178"] [data-r~="r6"] {
        display: none !important;
    }

    body.page-contact-us [data-r~="r3"][data-r~="r178"] [data-r~="r7"] {
        margin-left: 0 !important;
    }
}

@container (max-width:1180px) {

    body.page-contact-us [data-r~="r8"],
    body.page-contact-us [data-r~="r9"],
    body.page-contact-us [data-r~="r10"],
    body.page-contact-us [data-r~="r11"],
    body.page-contact-us [data-r~="r12"],
    body.page-contact-us [data-r~="r13"],
    body.page-contact-us [data-r~="r14"],
    body.page-contact-us [data-r~="r15"],
    body.page-contact-us [data-r~="r16"],
    body.page-contact-us [data-r~="r17"],
    body.page-contact-us [data-r~="r18"],
    body.page-contact-us [data-r~="r19"],
    body.page-contact-us [data-r~="r20"],
    body.page-contact-us [data-r~="r21"],
    body.page-contact-us [data-r~="r22"],
    body.page-contact-us [data-r~="r23"],
    body.page-contact-us [data-r~="r24"],
    body.page-contact-us [data-r~="r25"],
    body.page-contact-us [data-r~="r26"],
    body.page-contact-us [data-r~="r27"],
    body.page-contact-us [data-r~="r28"] {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body.page-contact-us [data-r~="r179"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-contact-us [data-r~="r180"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.page-contact-us [data-r~="r181"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.page-contact-us [data-r~="r32"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 26px !important;
    }

    body.page-contact-us [data-r~="r33"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 30px !important;
    }

    body.page-contact-us [data-r~="r32"]>div:nth-child(2n) {
        display: none !important;
    }

    body.page-contact-us [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-contact-us [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-contact-us [data-r~="r37"] {
        width: 206px !important;
    }

    body.page-contact-us [data-r~="r1"][data-r~="r2"] {
        height: 104px !important;
        width: 130px !important;
    }

    body.page-contact-us [data-brandband] [data-r~="r38"] {
        display: none !important;
    }

    body.page-contact-us [data-r~="r39"][data-r~="r9"] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }

    body.page-contact-us [data-r~="r40"][data-r~="r41"] {
        gap: 10px !important;
        width: 100% !important;
        justify-content: center !important;
    }
}

@container (max-width:1024px) {
    body.page-contact-us [data-r~="r182"]>div[data-r~="r43"] {
        display: none !important;
    }

    body.page-contact-us [data-r~="r44"] {
        min-width: 0 !important;
    }

    body.page-contact-us .rs-burger {
        display: flex;
    }

    body.page-contact-us .rs-chk:checked~.rs-drawer {
        display: flex;
    }
}

@container (max-width:860px) {

    body.page-contact-us [data-r~="r8"],
    body.page-contact-us [data-r~="r9"],
    body.page-contact-us [data-r~="r10"],
    body.page-contact-us [data-r~="r11"],
    body.page-contact-us [data-r~="r12"],
    body.page-contact-us [data-r~="r13"],
    body.page-contact-us [data-r~="r14"],
    body.page-contact-us [data-r~="r15"],
    body.page-contact-us [data-r~="r16"],
    body.page-contact-us [data-r~="r17"],
    body.page-contact-us [data-r~="r18"],
    body.page-contact-us [data-r~="r19"],
    body.page-contact-us [data-r~="r20"],
    body.page-contact-us [data-r~="r21"],
    body.page-contact-us [data-r~="r22"],
    body.page-contact-us [data-r~="r23"],
    body.page-contact-us [data-r~="r24"],
    body.page-contact-us [data-r~="r25"],
    body.page-contact-us [data-r~="r26"],
    body.page-contact-us [data-r~="r27"],
    body.page-contact-us [data-r~="r28"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-contact-us [data-r~="r21"],
    body.page-contact-us [data-r~="r23"],
    body.page-contact-us [data-r~="r27"],
    body.page-contact-us [data-r~="r28"],
    body.page-contact-us [data-r~="r25"],
    body.page-contact-us [data-r~="r26"],
    body.page-contact-us [data-r~="r24"] {
        padding-top: 38px !important;
        padding-bottom: 42px !important;
    }

    body.page-contact-us [data-r~="r46"]:not([data-r~="r47"]):not([data-r~="r48"]):not([data-r~="r49"]) {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.page-contact-us [data-r~="r32"]>div:nth-child(2n),
    body.page-contact-us [data-r~="r51"]>div:nth-child(2),
    body.page-contact-us [data-r~="r46"]>div[data-r~="r183"] {
        display: none !important;
    }

    body.page-contact-us h1,
    body.page-contact-us h2 {
        white-space: normal !important;
        text-wrap: pretty;
    }

    body.page-contact-us [data-r~="r53"] {
        font-size: clamp(26px, 7cqw, 44px) !important;
        white-space: normal !important;
    }

    body.page-contact-us [data-r~="r54"] {
        font-size: clamp(23px, 6.4cqw, 36px) !important;
        white-space: normal !important;
    }

    body.page-contact-us [data-r~="r55"] {
        font-size: clamp(21px, 5.6cqw, 32px) !important;
    }

    body.page-contact-us [data-r~="r56"] {
        font-size: clamp(20px, 5.4cqw, 30px) !important;
    }

    body.page-contact-us [data-r~="r57"] {
        font-size: clamp(17px, 4.4cqw, 33px) !important;
    }

    body.page-contact-us [data-r~="r58"],
    body.page-contact-us [data-r~="r59"] {
        font-size: 16px !important;
    }

    body.page-contact-us [data-r~="r60"] {
        font-size: 14px !important;
        flex-wrap: wrap !important;
        white-space: normal !important;
    }

    body.page-contact-us [data-r~="r61"] {
        min-height: 0 !important;
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }

    body.page-contact-us [data-r~="r62"] {
        height: 56px !important;
        padding-left: 14px !important;
    }

    body.page-contact-us [data-r~="r63"][data-r~="r64"] {
        width: 40px !important;
        height: 40px !important;
    }

    body.page-contact-us [data-r~="r65"] {
        height: 290px !important;
    }

    body.page-contact-us [data-r~="r66"] {
        width: min(320px, calc(100cqw - 36px)) !important;
    }

    body.page-contact-us [data-r~="r67"] {
        width: 168px !important;
    }

    body.page-contact-us [data-r~="r34"] {
        width: 196px !important;
        height: 132px !important;
    }

    body.page-contact-us [data-r~="r35"][data-r~="r36"] {
        width: 194px !important;
        height: 87px !important;
    }

    body.page-contact-us [data-r~="r69"] {
        font-size: 15px !important;
    }

    body.page-contact-us [data-r~="r70"] {
        font-size: clamp(34px, 10cqw, 88px) !important;
    }

    body.page-contact-us [data-r~="r71"] {
        font-size: clamp(28px, 7.6cqw, 50px) !important;
    }

    body.page-contact-us [data-r~="r72"] {
        font-size: clamp(16px, 4.4cqw, 28px) !important;
    }

    body.page-contact-us [data-r~="r73"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-contact-us [data-r~="r74"] {
        font-size: clamp(17px, 4.6cqw, 26px) !important;
    }

    body.page-contact-us [data-r~="r75"] {
        font-size: clamp(18px, 4.8cqw, 26px) !important;
    }

    body.page-contact-us [data-r~="r76"] {
        font-size: clamp(17px, 4.4cqw, 24px) !important;
    }

    body.page-contact-us [data-r~="r77"] {
        flex-wrap: wrap !important;
    }

    body.page-contact-us [data-r~="r3"][data-r~="r178"] {
        flex-wrap: wrap !important;
    }

    body.page-contact-us [data-r~="r37"][data-r~="r78"] {
        display: none !important;
    }

    body.page-contact-us [data-r~="r79"] {
        height: 108px !important;
    }

    body.page-contact-us [data-r~="r39"][data-r~="r9"]>div:first-child {
        width: 100% !important;
    }
}

body.page-contact-us

/* ---------- readability layer: larger body copy,body.page-contact-us heavier headings,body.page-contact-us glowing search ---------- */
@keyframes qsglow {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 3px rgba(204, 17, 34, 0.12),
            0 4px 14px rgba(204, 17, 34, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #cc1122,
            0 0 0 6px rgba(204, 17, 34, 0.18),
            0 8px 22px rgba(204, 17, 34, 0.28);
    }
}

body.page-contact-us

/* header search: red highlight + glow,body.page-contact-us black bold placeholder */
[data-r~="r44"] {
    background: #fff !important;
    animation: qsglowblue 2.6s ease-in-out infinite;
}

body.page-contact-us input[aria-label="Search the catalogue"] {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111111 !important;
}

body.page-contact-us input::placeholder {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1;
}

body.page-contact-us

/* nav options a step larger */
[data-r~="r80"] {
    font-size: 15px !important;
}

body.page-contact-us [data-r~="r81"] {
    font-size: 13.5px !important;
}

body.page-contact-us

/* body copy a step larger */
[data-r~="r82"],
body.page-contact-us [data-r~="r83"] {
    font-size: 14.5px !important;
}

body.page-contact-us [data-r~="r84"],
body.page-contact-us [data-r~="r85"],
body.page-contact-us [data-r~="r86"] {
    font-size: 15px !important;
}

body.page-contact-us [data-r~="r87"],
body.page-contact-us [data-r~="r88"] {
    font-size: 15.5px !important;
}

body.page-contact-us [data-r~="r89"],
body.page-contact-us [data-r~="r90"] {
    font-size: 16px !important;
}

body.page-contact-us [data-r~="r91"],
body.page-contact-us [data-r~="r92"] {
    font-size: 16.5px !important;
}

body.page-contact-us [data-r~="r93"],
body.page-contact-us [data-r~="r94"] {
    font-size: 17.5px !important;
}

body.page-contact-us [data-r~="r95"],
body.page-contact-us [data-r~="r96"] {
    font-size: 17.5px !important;
}

body.page-contact-us [data-r~="r97"] {
    font-size: 18.5px !important;
}

body.page-contact-us [data-r~="r98"] {
    font-size: 13.5px !important;
}

body.page-contact-us [data-r~="r99"],
body.page-contact-us [data-r~="r100"] {
    font-size: 14px !important;
}

body.page-contact-us

/* headings: a step larger above the phone breakpoint,body.page-contact-us where the fluid clamps take over */
@container (min-width:861px) {
    [data-r~="r70"] {
        font-size: 92px !important;
    }

    [data-r~="r71"] {
        font-size: 54px !important;
    }

    [data-r~="r53"] {
        font-size: 48px !important;
    }

    [data-r~="r54"] {
        font-size: 39px !important;
    }

    [data-r~="r55"] {
        font-size: 35px !important;
    }

    [data-r~="r56"] {
        font-size: 33px !important;
    }

    [data-r~="r75"],
    [data-r~="r73"] {
        font-size: 28px !important;
    }

    [data-r~="r76"] {
        font-size: 26px !important;
    }

    [data-r~="r101"] {
        font-size: 24px !important;
    }

    [data-r~="r102"] {
        font-size: 21px !important;
    }

    [data-r~="r103"] {
        font-size: 18.5px !important;
    }

    [data-r~="r104"] {
        font-size: 17.5px !important;
    }

    [data-r~="r58"],
    [data-r~="r59"] {
        font-size: 20px !important;
    }

    [data-r~="r72"] {
        font-size: 30px !important;
    }

    [data-r~="r57"] {
        font-size: 35px !important;
    }
}

body.page-contact-us h1,
body.page-contact-us h2,
body.page-contact-us h3 {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.page-contact-us

/* ---------- navbar + dropdown polish ---------- */
@keyframes ddin {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

body.page-contact-us [data-r~="r105"][data-r~="r106"]:not([data-r~="r44"]) {
    position: relative;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}

body.page-contact-us [data-r~="r105"][data-r~="r184"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background: #cc1122;
    transform: translateX(-50%);
}

body.page-contact-us [data-r~="r108"] {
    animation: ddin 0.2s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    transform-origin: top left;
}

body.page-contact-us [data-r~="r108"]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

body.page-contact-us [data-r~="r108"]>span {
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

body.page-contact-us [data-r~="r108"]>span:hover {
    transform: translateX(3px);
}

body.page-contact-us

/* ---------- search field: blue highlight ---------- */
@keyframes qsglowblue {

    0%,
    100% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 3px rgba(11, 61, 145, 0.12),
            0 4px 14px rgba(11, 61, 145, 0.16);
    }

    50% {
        box-shadow:
            inset 0 0 0 2px #0b3d91,
            0 0 0 6px rgba(11, 61, 145, 0.2),
            0 8px 22px rgba(11, 61, 145, 0.28);
    }
}

body.page-contact-us

/* ---------- API index ---------- */
[data-azrail] span::after {
    content: none !important;
}

body.page-contact-us [data-azrail]>div>span[data-on="0"]:hover {
    background: #0b3d91 !important;
    color: #fff !important;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 8px 20px rgba(11, 61, 145, 0.26) !important;
}

body.page-contact-us [data-azrail]>div>span[data-on="off"]:hover {
    background: #f7fafe !important;
    color: #8a9bb3 !important;
    box-shadow: inset 0 0 0 1.5px #e7edf7 !important;
    transform: none !important;
}

body.page-contact-us [data-density="compact"] [data-apigrid] {
    grid-template-columns: repeat(auto-fill,
            minmax(min(186px, 100%), 1fr)) !important;
    gap: 9px !important;
}

body.page-contact-us [data-density="compact"] [data-apicard] {
    padding: 11px 14px !important;
}

body.page-contact-us [data-density="compact"] [data-apicard] [data-apiname],
body.page-contact-us [data-density="compact"] [data-apicard] [data-apiname] * {
    font-size: 14.5px !important;
}

body.page-contact-us [data-density="compact"] [data-apicard] [data-apicount],
body.page-contact-us [data-density="compact"] [data-apicard] [data-apicount] * {
    font-size: 12px !important;
}

body.page-contact-us [data-apicard] [data-apiname] * {
    font-size: inherit !important;
}

body.page-contact-us [data-apicard] [data-apicount] * {
    font-size: inherit !important;
}

body.page-contact-us [data-apicard]>span[aria-hidden] {
    font-size: 16px !important;
}

body.page-contact-us [data-filterbtn][data-filterbtn] {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 20px !important;
    flex-wrap: nowrap !important;
    font-size: 13.5px !important;
}

body.page-contact-us [data-filterbtn] * {
    font-size: inherit !important;
}

@container (max-width:860px) {
    body.page-contact-us [data-azrail] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.page-contact-us [data-azrail]>div>span {
        min-width: 42px !important;
        height: auto !important;
        min-height: 42px !important;
        padding: 0 10px !important;
        font-size: 16px !important;
    }
}

.contactu-hv1:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.contactu-hv2:hover {
    background: rgba(255, 255, 255, 0.14) !important;
}

.contactu-hv3:hover {
    background: #cc1122 !important;
    color: #fff !important;
}

.contactu-hv4:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.contactu-hv5:hover {
    transform: translateY(-2px) !important;
    color: #cc1122 !important;
    box-shadow:
        0 4px 10px rgba(204, 17, 34, 0.14),
        0 12px 26px rgba(11, 61, 145, 0.16) !important;
}

.contactu-hv11:hover {
    background: #9e0d1a !important;
}

.contactu-hv12:hover {
    color: #cc1122 !important;
}

.contactu-hv13:hover {
    color: #0b3d91 !important;
}

.contactu-hv14:hover {
    color: #cc1122 !important;
}

.contactu-hv15:hover {
    color: #0b3d91 !important;
}

.contactu-hv16:hover {
    color: #cc1122 !important;
}

.contactu-hv17:hover {
    color: #0b3d91 !important;
}

.contactu-hv18:hover {
    color: #0b3d91 !important;
}

.contactu-hv19:hover {
    color: #cc1122 !important;
}

.contactu-hv20:hover {
    color: #0b3d91 !important;
}

.contactu-hv21:hover {
    color: #cc1122 !important;
}

.contactu-hv22:hover {
    color: #0b3d91 !important;
}

.contactu-hv23:hover {
    color: #cc1122 !important;
}

.contactu-hv24:hover {
    color: #0b3d91 !important;
}

.contactu-hv25:hover {
    color: #cc1122 !important;
}

.contactu-hv26:hover {
    color: #0b3d91 !important;
}

.contactu-hv27:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.contactu-hv28:hover {
    color: #cc1122 !important;
}

.contactu-hv29:hover {
    color: #0b3d91 !important;
}

.contactu-hv30:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.contactu-hv31:hover {
    color: #0b3d91 !important;
}

.contactu-hv32:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.contactu-hv33:hover {
    color: #cc1122 !important;
}

.contactu-hv34:hover {
    color: #0b3d91 !important;
}

.contactu-hv35:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.contactu-hv36:hover {
    color: #cc1122 !important;
}

.contactu-hv37:hover {
    color: #0b3d91 !important;
}

.contactu-hv38:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.contactu-hv39:hover {
    color: #cc1122 !important;
}

.contactu-hv40:hover {
    color: #0b3d91 !important;
}

.contactu-hv41:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.contactu-hv42:hover {
    color: #cc1122 !important;
}

.contactu-hv43:hover {
    color: #0b3d91 !important;
}

.contactu-hv44:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.contactu-hv45:hover {
    color: #cc1122 !important;
}

.contactu-hv46:hover {
    color: #0b3d91 !important;
}

.contactu-hv47:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.contactu-hv48:hover {
    color: #cc1122 !important;
}

.contactu-hv49:hover {
    color: #0b3d91 !important;
}

.contactu-hv50:hover {
    background: #0b3d91 !important;
    color: #fff !important;
}

.contactu-hv51:hover {
    background: #9e0d1a !important;
}

.contactu-hv52:hover {
    background: #eef2f9 !important;
}

/* ===================== PAGE: Contact us (contact-us.php) — end ===================== */

/* ===================== SHARED MARKUP STYLES — start ===================== */
.u-c0dcb79add {
    width: 100%;
    min-width: 0;
    background: #fff;
    font-family: "IBM Plex Sans", system-ui, sans-serif;
}

.u-4b8e44ff79 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 0 40px;
    height: 44px;
    background: #0b3d91;
}

.u-f25e80ea00 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    height: 44px;
    font:
        700 13px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #fff;
    cursor: pointer;
}

.u-5763f11eaf {
    font:
        400 15px/1 "IBM Plex Sans",
        sans-serif;
}

.u-459162adff {
    font:
        400 9px/1 "IBM Plex Sans",
        sans-serif;
    opacity: 0.8;
}

.u-f1d79fb5af {
    position: absolute;
    left: -8px;
    top: 44px;
    z-index: 220;
    display: flex;
    flex-direction: column;
    min-width: 188px;
    padding: 7px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 11px;
    box-shadow: 0 18px 44px rgba(2, 8, 26, 0.26);
    overflow: hidden;
    display: none;
}

.u-e218a446bf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 7px;
    background: #eef4ff;
    font:
        600 13.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.14s ease;
}

.u-3b50b61a4b {
    font:
        600 11.5px/1.35 "IBM Plex Mono",
        monospace;
    color: #000000;
}

.u-d1a693ed40 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 7px;
    background: #fff;
    font:
        600 13.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #111111;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.14s ease;
}

.u-077d37ebb9 {
    flex: 0 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    font:
        600 13.5px/1.35 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-71b5c6f83e {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer;
}

.u-87befa2018 {
    width: 19px;
    height: 19px;
    flex: none;
    display: block;
}

.u-fee2ae29fc {
    width: 1px;
    flex: 0 0 1px;
    height: 15px;
    background: rgba(255, 255, 255, 0.34);
}

.u-1f679e86a2 {
    width: 19px;
    height: 13px;
    flex: none;
    display: block;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.u-605929ebf1 {
    font:
        400 15px/1 "IBM Plex Sans",
        sans-serif;
    flex: none;
    color: #fff;
}

.u-8f8c707f24 {
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer;
}

.u-60be5a80a5 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-left: 20px;
}

.u-874b3d90a7 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
    font:
        700 13px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.16s ease;
}

.u-752c4ac927 {
    font:
        400 14px/1 "IBM Plex Sans",
        sans-serif;
}

.u-ac74dab865 {
    padding: 1px 6px;
    border-radius: 9px;
    background: #cc1122;
    font:
        700 10px/1.5 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
}

.u-929fb72738 {
    padding: 7px 20px;
    border-radius: 5px;
    background: #fff;
    font:
        700 13px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
}

.u-a1da96eb14 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    padding: 14px 40px 10px;
    background: #fff;
    overflow: hidden;
}

.u-3b58b3a618 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.u-4860033119 {
    margin: 0;
    font:
        800 36px/1.14 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-daf9265d2b {
    color: #cc1122;
}

.u-0fcc03b4a9 {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 5px;
    font:
        700 20px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-ca76299d9d {
    width: 2px;
    flex: 0 0 2px;
    height: 19px;
    background: #0b3d91;
}

.u-9fc996a226 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 2px 0 4px;
    background: #fff;
    animation: dvfadein 0.7s 0.1s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-903e1d73aa {
    position: relative;
    flex: none;
    width: 276px;
    height: 182px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.u-db8db71f44 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 300px;
    margin: -150px 0 0 -150px;
    border-radius: 50%;
    background: radial-gradient(circle,
            rgba(30, 111, 220, 0.3) 0%,
            rgba(204, 17, 34, 0.14) 44%,
            rgba(255, 255, 255, 0) 68%);
    animation: dvbloom 1.05s 2.4s ease-out both;
    pointer-events: none;
}

.u-41891e11f2 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 196px;
    height: 3px;
    margin: -1.5px 0 0 -98px;
    background: linear-gradient(90deg,
            rgba(204, 17, 34, 0) 0%,
            #cc1122 50%,
            rgba(204, 17, 34, 0) 100%);
    animation: dvwipe 0.85s 2.42s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    pointer-events: none;
}

.u-721e663e79 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    background: #cc1122;
    box-shadow: 0 0 26px 9px rgba(204, 17, 34, 0.5);
    animation: dvspark 0.75s 2.55s ease-out both;
    pointer-events: none;
}

.u-c53cbe9128 {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    animation: dvbrandout 0.82s 2.38s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-ca13c5823d {
    position: relative;
    flex: none;
    display: block;
    width: 300px;
    overflow: hidden;
    animation: dvlogo 1.1s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-aaf299630c {
    width: 300px;
    height: auto;
    object-fit: contain;
    display: block;
}

.u-7e6697c301 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 66px;
    background: linear-gradient(90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.9) 50%,
            rgba(255, 255, 255, 0) 100%);
    animation: dvsheen 2.1s 0.8s ease-out 1 both;
    pointer-events: none;
}

.u-3dc0b31bf7 {
    font:
        600 11.5px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.2em;
    color: #8a9bb5;
    white-space: nowrap;
    animation: dvfadein 0.6s 0.9s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-c381db2b89 {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    animation: dvbrandin 0.92s 2.82s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-462bc4f423 {
    position: relative;
    flex: none;
    display: block;
    width: 274px;
    height: 123px;
    overflow: hidden;
}

.u-a6e0e113e6 {
    width: 274px;
    height: 123px;
    object-fit: contain;
    display: block;
    transition: opacity 0.7s ease;
}

.u-cc4ac1c5be {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 48px;
    background: linear-gradient(90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.92) 50%,
            rgba(255, 255, 255, 0) 100%);
    animation: dvsheen 2.3s 3.4s ease-out 1 both;
    pointer-events: none;
}

.u-9cb406e612 {
    position: absolute;
    left: 0;
    top: 0;
    width: 274px;
    height: 123px;
    object-fit: contain;
    display: block;
    opacity: 0;
    transition: opacity 0.7s ease;
}

.u-d34c472a81 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.u-f4f9ecbf08 {
    font:
        500 12.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #000000;
    white-space: nowrap;
    animation: dvrisein 0.55s 3.66s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-a2076b2846 {
    display: flex;
    width: 100%;
    height: 3px;
}

.u-0b54193d68 {
    width: 50%;
    flex: 0 0 50%;
    background: #cc1122;
}

.u-44048d6604 {
    width: 50%;
    flex: 0 0 50%;
    background: #0b3d91;
}

.u-9c47613271 {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 40px;
    background: #fff;
    box-shadow:
        inset 0 1px 0 #cfcfcf,
        inset 0 -1px 0 #cfcfcf;
}

.u-b96a5e77b6 {
    display: block;
    width: 19px;
    height: 2px;
    border-radius: 1px;
    background: #0b3d91;
}

.u-e097b15172 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 15px;
}

.u-d461c96de5 {
    position: relative;
}

.u-5e88df18bd {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 14px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 21px;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.08),
        0 4px 12px rgba(11, 61, 145, 0.09);
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}

.u-f8bab29fb4 {
    font:
        400 10px/1 "IBM Plex Sans",
        sans-serif;
    color: #cc1122;
}

.u-124e394ff0 {
    position: absolute;
    left: 0;
    top: 52px;
    z-index: 60;
    min-width: 274px;
    display: flex;
    flex-direction: column;
    padding: 8px;
    background: #fff;
    border-radius: 14px;
    box-shadow:
        0 2px 8px rgba(11, 61, 145, 0.1),
        0 16px 40px rgba(11, 61, 145, 0.18);
    display: none;
}

.u-278615fe95 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 11px 14px;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.16s ease;
}

.u-3cc9c44474 {
    font:
        700 14.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-5fd548edfc {
    font:
        400 12px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #6d7f99;
    white-space: nowrap;
}

.u-ed9aa8eb53 {
    flex: 1;
    min-width: 330px;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;
    padding: 0 5px 0 16px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 21px;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    transition: box-shadow 0.18s ease;
}

.u-1795152a90 {
    flex: none;
    font: 400 35px/1 "IBM Plex Sans", sans-serif;
    color: #6d7f99;
}

.u-d15930ab91 {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font:
        500 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-bab5f28714 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #cc1122;
    font:
        400 17px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    cursor: pointer;
}

.u-ac8c86853a {
    flex-direction: column;
    padding: 6px 40px 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(11, 61, 145, 0.12);
}

.u-7425832013 {
    padding: 14px 4px;
    font:
        700 15px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    box-shadow: inset 0 -1px 0 #eef2f9;
}

.u-ef670839a7 {
    padding: 16px 4px 6px;
    font:
        700 11px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.15em;
    color: #cc1122;
}

.u-90764ef815 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 11px 4px;
    box-shadow: inset 0 -1px 0 #eef2f9;
}

.u-4770f01048 {
    font:
        700 14px/1.3 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-e100a7e208 {
    font:
        400 12px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #6d7f99;
}

.u-cda4677c4c {
    padding: 22px 40px 28px;
    background: #fff;
    box-shadow: inset 0 1px 0 #e3ebf8;
}

.u-87049f4dcd {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding: 10px 0 34px;
}

.u-86e3cea948 {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 18px 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 14px;
    text-decoration: none;
    box-shadow:
        inset 0 0 0 1px #e3ebf8,
        0 2px 6px rgba(11, 61, 145, 0.06);
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease;
}

.u-b0b8df0cd0 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #eef2f9;
    font:
        400 18px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-2cfdd089a3 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.u-0f660a94c2 {
    font:
        700 14.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-5283c6957b {
    font:
        400 12.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-032f30078c {
    display: grid;
    grid-template-columns: 1.25fr 1.15fr 0.9fr 1.2fr;
    gap: 36px;
    padding-bottom: 30px;
}

.u-2b1e4d1ddb {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.u-e64849c78c {
    display: flex;
    flex-direction: column;
    gap: 7px;
    align-items: flex-start;
}

.u-e4d5a38b31 {
    position: relative;
    flex: none;
    display: block;
    width: 246px;
    height: 110px;
    overflow: hidden;
    animation: dvlogo 1.1s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-a2313ae4af {
    width: 246px;
    height: 110px;
    object-fit: contain;
    display: block;
}

.u-f8d5a5619a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 36px;
    background: linear-gradient(90deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.9) 50%,
            rgba(255, 255, 255, 0) 100%);
    animation: dvsheen 2.6s 0.95s ease-out 1 both;
    pointer-events: none;
}

.u-d90bfe39ba {
    display: flex;
    gap: 9px;
}

.u-70845f532b {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #0b3d91;
    display: flex;
    align-items: center;
    justify-content: center;
    font:
        700 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

.u-26e1db41ed {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #0b3d91;
    display: flex;
    align-items: center;
    justify-content: center;
    font:
        700 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

.u-d1d37b89b8 {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #0b3d91;
    display: flex;
    align-items: center;
    justify-content: center;
    font:
        400 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

.u-74d24a88ef {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #0b3d91;
    display: flex;
    align-items: center;
    justify-content: center;
    font:
        400 12px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    transition:
        background 0.16s ease,
        transform 0.16s ease;
}

.u-194061556d {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding-top: 2px;
}

.u-221257e97f {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 15px;
    background: #eef2f9;
    font:
        700 11.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-ac095d4816 {
    display: flex;
    align-items: center;
    gap: 13px;
    width: max-content;
    max-width: 100%;
    margin-top: 6px;
    padding: 11px 16px 11px 11px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;
    box-shadow:
        inset 0 0 0 1px #e3ebf8,
        0 2px 6px rgba(11, 61, 145, 0.06);
    text-decoration: none;
    transition:
        transform 0.18s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.18s ease;
}

.u-6fb6d1921e {
    flex: none;
    width: 104px;
    height: 66px;
    object-fit: contain;
    display: block;
}

.u-4599646b95 {
    font:
        700 12.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #0b3d91;
}

.u-250941c3ba {
    font:
        400 12px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-08e09b582e {
    font:
        700 13px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.12em;
    color: #0b3d91;
}

.u-71d2b5d5d0 {
    display: flex;
    gap: 13px;
}

.u-bbaa938295 {
    width: 3px;
    flex: 0 0 3px;
    background: #cc1122;
}

.u-28e216c786 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.u-68c1e0dff8 {
    font:
        700 11.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.14em;
    color: #0b3d91;
}

.u-d891e162d4 {
    font:
        400 13.5px/1.65 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-b83fca32f3 {
    width: 3px;
    flex: 0 0 3px;
    background: #0b3d91;
}

.u-1c5eeb9727 {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.u-06bb8a76df {
    font:
        400 15.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-decoration: none;
    transition:
        color 0.16s ease,
        transform 0.16s ease;
}

.u-d71bc6a619 {
    font:
        700 13px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.12em;
    color: #0b3d91;
    padding-top: 10px;
}

.u-f3fa97e334 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 18px 24px;
}

.u-aeb5a04566 {
    min-width: 0;
    padding: 0 0 0 13px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: inset 2px 0 0 #eef2f9;
}

.u-f062f6c2cf {
    min-width: 0;
    font:
        700 12.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #cc1122;
    overflow-wrap: anywhere;
}

.u-906b5a3d63 {
    min-width: 0;
    font:
        700 14px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.u-1f733ca780 {
    min-width: 0;
    font:
        400 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.u-9567105270 {
    height: 1px;
    background: #e3ebf8;
}

.u-7be4b0bb90 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-top: 25px;
}

.u-e6023810e6 {
    font:
        400 14px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-bdbc1be40c {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font:
        400 14px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-3361d2afd4 {
    padding: 0 18px;
    color: #111111;
    text-decoration: none;
}

.u-719723a0ee {
    width: 1px;
    flex: 0 0 1px;
    height: 16px;
    background: #cfcfcf;
}

.u-3c43c36126 {
    padding: 0 0 0 18px;
    color: #111111;
    text-decoration: none;
}

.u-8c8406c0f6 {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 180;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.u-878ff70340 {
    width: 320px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 4px 12px rgba(11, 61, 145, 0.14),
        0 20px 48px rgba(11, 61, 145, 0.3);
    animation: dvpop 0.22s ease-out;
    display: none;
}

.u-c8ecdd5d19 {
    padding: 14px 16px;
    background: #fff;
    box-shadow: inset 0 -1px 0 #e6ecf5;
    display: flex;
    align-items: center;
    gap: 11px;
}

.u-aa42aad4f5 {
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 50%;
    background: linear-gradient(140deg, #e03246 0%, #cc1122 60%, #9e0d1a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font:
        800 13px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
}

.u-6a30362e0b {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.u-5ba499dd79 {
    font:
        700 13.5px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
}

.u-2690758b15 {
    display: flex;
    align-items: center;
    gap: 5px;
    font:
        400 11px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #6d7f99;
}

.u-8a8c4769a5 {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #12833f;
}

.u-559705ef0f {
    font:
        400 17px/1 "IBM Plex Sans",
        sans-serif;
    color: #8a9bb5;
    cursor: pointer;
}

.u-5b49913885 {
    padding: 14px 16px;
    background: #f7f9fc;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.u-5d3d4855ab {
    max-width: 250px;
    padding: 11px 13px;
    border-radius: 12px 12px 12px 3px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(11, 61, 145, 0.1);
}

.u-1c5d1e6a36 {
    font:
        400 12.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-563cc991e2 {
    display: flex;
    gap: 4px;
    align-self: flex-start;
    padding: 9px 12px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(11, 61, 145, 0.08);
}

.u-3b5887b17c {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8a9bb5;
    animation: dvdot 1.3s infinite;
}

.u-17f9c563c3 {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8a9bb5;
    animation: dvdot 1.3s infinite 0.18s;
}

.u-a728030c5b {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8a9bb5;
    animation: dvdot 1.3s infinite 0.36s;
}

.u-ed85861b34 {
    padding: 13px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.u-9fa788bb7e {
    font:
        700 10px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.14em;
    color: #6d7f99;
}

.u-8baf0a16a3 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.u-1c48ad46bb {
    padding: 7px 11px;
    border-radius: 8px;
    background: #eef2f9;
    font:
        600 11.5px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
}

.u-ce65d1f115 {
    padding: 0 16px 13px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.u-a34a2304ba {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 11px 13px;
    border-radius: 9px;
    background: #f6f8fb;
    font:
        400 12.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #8a9bb5;
}

.u-00d22e9a9a {
    border: 0;
    padding: 11px 16px;
    border-radius: 9px;
    background: #cc1122;
    font:
        600 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    cursor: pointer;
    font-family: "IBM Plex Sans", sans-serif;
}

.u-f212ba2aa1 {
    padding: 10px 16px;
    background: #f6f8fb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.u-4947912d25 {
    font:
        400 11.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #6d7f99;
}

.u-668c91a151 {
    font:
        700 11.5px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
}

.u-0b9cdf47f7 {
    width: 320px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow:
        0 4px 12px rgba(11, 61, 145, 0.14),
        0 20px 48px rgba(11, 61, 145, 0.3);
    display: none;
}

.u-372f2bb8a3 {
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 50%;
    background: #cc1122;
    display: flex;
    align-items: center;
    justify-content: center;
    font:
        400 16px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-5f1003fa8a {
    font:
        400 11px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #6d7f99;
}

.u-7ecbcd2153 {
    display: flex;
    flex-direction: column;
}

.u-833883316a {
    padding: 11px 18px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.u-1c3c1e21bf {
    width: 32px;
    height: 32px;
    flex: none;
    border-radius: 8px;
    background: #e8f6ec;
    display: flex;
    align-items: center;
    justify-content: center;
    font:
        400 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #17803d;
}

.u-efe2073570 {
    font:
        600 13px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-ec68158f61 {
    font:
        400 11.5px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #6d7f99;
}

.u-35032ab340 {
    font:
        400 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-9802bfd2b8 {
    width: 32px;
    height: 32px;
    flex: none;
    border-radius: 8px;
    background: #eef2f9;
    display: flex;
    align-items: center;
    justify-content: center;
    font:
        400 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-48299bcb33 {
    padding: 11px 18px;
    background: #f6f8fb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.u-24ac3da7cc {
    font:
        700 11.5px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-c99507c95b {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px 9px 10px;
    background: #fff;
    border-radius: 30px;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.12),
        0 10px 26px rgba(11, 61, 145, 0.18);
    cursor: pointer;
    animation: dvpop 0.25s ease-out;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.u-5724924f8e {
    position: relative;
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 50%;
    background: linear-gradient(140deg, #e03246 0%, #cc1122 60%, #9e0d1a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(204, 17, 34, 0.38);
}

.u-151a8be2da {
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ff5a6e;
    animation: dvring 2.4s ease-out infinite;
}

.u-06466d190d {
    position: relative;
    font:
        800 13px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
}

.u-8bb3997997 {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.u-7f56ac0cee {
    font:
        800 13px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-34dd70ab69 {
    display: flex;
    align-items: center;
    gap: 5px;
    font:
        600 10px/1.3 "IBM Plex Sans",
        sans-serif;
    color: #12833f;
    white-space: nowrap;
}

.u-c5fbe01c1c {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px 9px 10px;
    background: #fff;
    border-radius: 30px;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.12),
        0 10px 26px rgba(11, 61, 145, 0.18);
    cursor: pointer;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.u-3150c2e387 {
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 50%;
    background: #cc1122;
    display: flex;
    align-items: center;
    justify-content: center;
    font:
        400 16px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    box-shadow: 0 2px 8px rgba(204, 17, 34, 0.34);
}

.u-63974d4302 {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #0b3d91;
    font:
        700 10px/18px "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-align: center;
}

/* ===================== SHARED MARKUP STYLES — end ===================== */

/* ===================== PAGE STYLES: about-us.php — start ===================== */
.u-691a1730d2 {
    padding: 32px 40px 8px;
    background: #fff;
}

.u-9dcc457b7d {
    position: relative;
    height: 500px;
    background: #eef2f9;
    border-radius: 26px;
    overflow: hidden;
    box-shadow:
        0 8px 24px rgba(11, 61, 145, 0.14),
        0 26px 60px rgba(11, 61, 145, 0.16);
}

.u-b16c8a646c {
    position: absolute;
    inset: 0;
    animation: abken 30s ease-out both;
}

.u-2351eb598e {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.u-2fefeb6ab5 {
    padding: 10px;
    font:
        600 11.5px/1.5 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #8a9bb3;
    text-align: center;
}

.u-d061d64233 {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
            rgba(6, 24, 58, 0.88) 0%,
            rgba(6, 24, 58, 0.8) 52%,
            rgba(6, 24, 58, 0.46) 78%,
            rgba(6, 24, 58, 0.12) 100%);
    pointer-events: none;
}

.u-d2cb131fb5 {
    position: absolute;
    inset: 0;
    background: #fff;
    transform-origin: right;
    transform: scaleX(1);
    transition: transform 1.2s cubic-bezier(0.72, 0, 0.24, 1);
    pointer-events: none;
}

.u-5eec568819 {
    position: absolute;
    left: 56px;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    max-width: 700px;
    pointer-events: none;
}

.u-2cf2734768 {
    width: 76px;
    height: 5px;
    background: #cc1122;
    transform-origin: left;
    animation: abdraw 0.9s 0.5s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-f9c2b26415 {
    margin: 0;
    font:
        800 88px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #fff;
    animation: abrise 0.9s 0.55s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-28e216c786 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.u-47acb16943 {
    font:
        600 26px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    animation: abrise 0.7s 0.85s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-91c7dfa050 {
    font:
        600 26px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    animation: abrise 0.7s 0.98s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-97ee1fe9e3 {
    font:
        600 26px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    animation: abrise 0.7s 1.11s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-90e0e1e30a {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 5px;
    background: #cc1122;
}

.u-9de2ce5859 {
    padding: 84px 40px 78px;
    background: #fff;
}

.u-d46cdea701 {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 80px;
    align-items: start;
    width: 100%;
}

.u-b9d24a5316 {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.u-a7c177d52b {
    opacity: 0;
    transform: translateY(14px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
    display: flex;
    align-items: center;
    gap: 16px;
}

.u-8338d1d46f {
    display: inline-flex;
    align-items: center;
    height: 46px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #0b3d91;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.22),
        0 8px 20px rgba(11, 61, 145, 0.24);
    font:
        800 20px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #fff;
    white-space: nowrap;
}

.u-3f7ff79d7b {
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
    margin: 0;
    font:
        800 44px/1.2 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: balance;
}

.u-61797d2572 {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
    margin: 0;
    font:
        400 19px/1.9 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-91546fc771 {
    font-weight: 700;
    color: #0b3d91;
}

.u-d53c370a87 {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
    margin: 0;
    font:
        400 19px/1.85 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-2e5f767e14 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.u-b844ae1f91 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 34px 32px 36px;
    background: #fff;
    border-radius: 20px;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.08),
        0 8px 24px rgba(11, 61, 145, 0.1);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease;
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-a57e3330f9 {
    width: 26px;
    height: 3px;
    background: #cc1122;
}

.u-fdae58baaf {
    font:
        800 50px/1.05 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-a56324f759 {
    font:
        500 18px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-3ea1d9748d {
    padding: 8px 40px 48px;
    background: #fff;
}

.u-01a69628fd {
    position: relative;
    padding: 64px 56px 70px;
    background: linear-gradient(135deg, #0b3d91 0%, #082f70 58%, #06265c 100%);
    border-radius: 26px;
    overflow: hidden;
    box-shadow:
        0 10px 30px rgba(11, 61, 145, 0.24),
        0 28px 66px rgba(11, 61, 145, 0.24);
}

.u-c4c4234d84 {
    position: absolute;
    right: -90px;
    top: -120px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.035);
    pointer-events: none;
}

.u-d07b97ae57 {
    position: absolute;
    right: 120px;
    bottom: -160px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(204, 17, 34, 0.12);
    pointer-events: none;
}

.u-48ab32f0ef {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 72px;
}

.u-3d68e89a72 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-9ffad0c668 {
    display: flex;
    align-items: center;
    gap: 16px;
}

.u-e58a858054 {
    display: inline-flex;
    align-items: center;
    height: 46px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #cc1122;
    box-shadow:
        0 2px 6px rgba(204, 17, 34, 0.26),
        0 8px 20px rgba(204, 17, 34, 0.22);
    font:
        800 20px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #fff;
    white-space: nowrap;
}

.u-30b747083e {
    margin: 0;
    font:
        400 28px/1.7 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
    text-wrap: pretty;
}

.u-df2bddbb63 {
    background: rgba(255, 255, 255, 0.22);
    transform-origin: top;
    opacity: 0;
    transform: scaleY(0);
    transition:
        opacity 0.4s ease,
        transform 1s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-7ca8e52e1c {
    padding: 68px 40px 76px;
    background: #f7f9fc;
}

.u-0466783d98 {
    width: 100%;
}

.u-e84fbc6081 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 64px;
    margin-bottom: 44px;
}

.u-f22e0e671f {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.u-d7bb83880c {
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
    margin: 0;
    max-width: 780px;
    font:
        800 44px/1.2 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: balance;
}

.u-42c61d1065 {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
    margin: 0;
    max-width: 400px;
    font:
        400 19px/1.8 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-align: right;
    text-wrap: pretty;
}

.u-28577e1799 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.u-8612db05a8 {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.08),
        0 8px 24px rgba(11, 61, 145, 0.1);
    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease;
    opacity: 0;
    transform: translateY(26px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-b285c9309d {
    position: relative;
    height: 230px;
    background: #eef2f9;
    overflow: hidden;
}

.u-53bbcb5334 {
    padding: 28px 28px 32px;
    display: flex;
    flex-direction: column;
    gap: 13px;
    flex: 1;
}

.u-b5c35ea496 {
    margin: 0;
    font:
        800 24px/1.32 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-2451551411 {
    width: 40px;
    height: 3px;
    background: #cc1122;
}

.u-ea4bfafc35 {
    margin: 0;
    font:
        400 18.5px/1.8 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-e6ee1cc1a6 {
    padding: 16px 40px 64px;
    background: #fff;
}

.u-a04e0cc1e1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 58px 48px 64px;
    background: #f7f9fc;
    border-radius: 26px;
    box-shadow: inset 0 0 0 1px #e7edf7;
}

.u-09ace5d726 {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #cc1122;
    box-shadow:
        0 2px 6px rgba(204, 17, 34, 0.26),
        0 8px 20px rgba(204, 17, 34, 0.22);
    font:
        800 20px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(16px);
    transition:
        opacity 0.8s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.8s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-0ff355c95f {
    margin: 6px 0 0;
    font:
        800 36px/1.2 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-6efe5cc919 {
    margin: 0;
    max-width: 560px;
    font:
        400 18px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-align: center;
    text-wrap: pretty;
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-2b9936ee2e {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    height: 226px;
    margin-top: 36px;
    opacity: 0;
    transform: translateY(24px);
    transition:
        opacity 0.9s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.9s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-81e2334d55 {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    height: 3px;
    margin-top: -1.5px;
    background: linear-gradient(90deg,
            rgba(11, 61, 145, 0) 0%,
            #cfdaee 12%,
            #cfdaee 88%,
            rgba(11, 61, 145, 0) 100%);
    pointer-events: none;
}

.u-a872c35a0b {
    position: relative;
    height: 226px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.u-9a80b51e94 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    flex: none;
    border-radius: 50%;
    background: #e3ebf8;
    box-shadow: 0 0 0 9px #f7f9fc;
    font:
        800 19.5px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    text-align: center;
    cursor: pointer;
    transition:
        width 0.4s cubic-bezier(0.16, 0.84, 0.44, 1),
        height 0.4s cubic-bezier(0.16, 0.84, 0.44, 1),
        background 0.35s ease,
        box-shadow 0.35s ease,
        color 0.35s ease;
}

.u-c8eeb63ac9 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 196px;
    height: 196px;
    flex: none;
    border-radius: 50%;
    background: #cc1122;
    box-shadow: 0 16px 44px rgba(204, 17, 34, 0.32);
    font:
        800 23px/1.25 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition:
        width 0.4s cubic-bezier(0.16, 0.84, 0.44, 1),
        height 0.4s cubic-bezier(0.16, 0.84, 0.44, 1),
        background 0.35s ease,
        box-shadow 0.35s ease,
        color 0.35s ease;
}

.u-cac94736ba {
    margin-top: 36px;
    max-width: 780px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
}

.u-6fc3e707b2 {
    width: 42px;
    height: 4px;
    background: #cc1122;
}

.u-17e10b004a {
    margin: 0;
    font:
        800 29px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-2a46849c3a {
    margin: 0;
    font:
        400 20px/1.8 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-a839ad8fe9 {
    padding: 80px 40px 84px;
    background: #fff;
}

.u-ae8a2fbb23 {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
    gap: 80px;
    align-items: start;
}

.u-5cd6b2700e {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 28px;
}

.u-39272f1731 {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
    margin: 0;
    font:
        400 17px/1.85 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-7ecbcd2153 {
    display: flex;
    flex-direction: column;
}

.u-59f2a98506 {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
    padding: 30px 0;
    box-shadow:
        inset 0 1px 0 #e4e9f2,
        inset 0 -1px 0 #e4e9f2;
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-85201015b3 {
    width: 34px;
    height: 4px;
    margin-top: 13px;
    background: #cc1122;
}

.u-a56c85e3df {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.u-c33693646f {
    margin: 0;
    font:
        800 25px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-5aba04726e {
    margin: 0;
    max-width: 720px;
    font:
        400 17px/1.85 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-a2bfe8c245 {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
    padding: 30px 0;
    box-shadow: inset 0 1px 0 #e4e9f2;
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-f505a067b4 {
    padding: 78px 40px 84px;
    background: #fff;
}

.u-8db3534794 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.u-1d11c90451 {
    display: flex;
    align-items: center;
    gap: 16px;
    opacity: 0;
    transform: translateY(14px);
    transition:
        opacity 0.8s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.8s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-1a1f92ce91 {
    margin: 0;
    font:
        400 33px/1.55 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-6835bfbfa6 {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 12px;
    opacity: 0;
    transform: translateY(20px);
    transition:
        opacity 0.85s cubic-bezier(0.16, 0.84, 0.44, 1),
        transform 0.85s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-346ed90ee4 {
    width: 52px;
    height: 4px;
    flex: 0 0 52px;
    background: #cc1122;
}

.u-1f53cf15aa {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.u-ab27436720 {
    font:
        800 23px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-c4c48f0300 {
    font:
        600 16.5px/1.6 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #cc1122;
}

/* ===================== PAGE STYLES: about-us.php — end ===================== */

/* ===================== PAGE STYLES: api-index.php — start ===================== */
.u-71fe33d10c {
    padding: 26px 40px 8px;
    background: linear-gradient(180deg, #edf4fe 0%, #f7fafe 100%);
}

.u-2b1e4d1ddb {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.u-fc7b870e9d {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    font:
        600 12.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-20e16ec089 {
    color: #000000;
    text-decoration: none;
}

.u-daf9265d2b {
    color: #cc1122;
}

.u-e9cec6faa8 {
    color: #0b3d91;
}

.u-a5e8d2e73c {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
    gap: 28px;
    align-items: end;
}

.u-251e3e86d5 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.u-06a31d74cd {
    font:
        700 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.2em;
    color: #cc1122;
}

.u-1baa906c06 {
    margin: 0;
    font:
        800 36px/1.18 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-586aeceeb5 {
    margin: 0;
    max-width: 640px;
    font:
        400 15.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-1cfed24e53 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.u-9abd6f3ac8 {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 56px;
    padding: 0 6px 0 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 6px 18px rgba(11, 61, 145, 0.14);
}

.u-8a10613f4b {
    flex: none;
    font:
        400 21px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-fee93802b7 {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font:
        600 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-1a7d511b41 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 9px;
    background: #f4f8fe;
    font:
        400 17px/1 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    cursor: pointer;
}

.u-c21c70e35c {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.u-10f6b0ba1e {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        700 12px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-b49ea1ca17 {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eaf6ee;
    font:
        700 12px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0f6b33;
    white-space: nowrap;
}

.u-b7ad4390ae {
    position: sticky;
    top: 0;
    z-index: 150;
    padding: 14px 40px;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(8px);
    box-shadow:
        inset 0 -1px 0 #e3ebf8,
        0 6px 18px rgba(11, 61, 145, 0.07);
}

.u-52c0010246 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.u-5fed0ed719 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        800 18px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #0b3d91;
    cursor: pointer;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease;
}

.u-92c914159d {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #0b3d91;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 8px 20px rgba(11, 61, 145, 0.28);
    font:
        800 18px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    cursor: pointer;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease;
}

.u-e7afe34c5f {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1.5px #e7edf7;
    font:
        800 18px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #8a9bb3;
    cursor: not-allowed;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease;
}

.u-f671e4ff38 {
    padding: 22px 40px 40px;
    background: #fff;
}

.u-f22e0e671f {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.u-7fd7344ead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.u-1370287dc9 {
    min-width: 0;
    font:
        400 15px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-9df0af6365 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.u-1bbcec9d60 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #eef4ff;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease,
        box-shadow 0.16s ease;
}

.u-3273cc8e26 {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.u-c7da9158e3 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.u-c6fbc5af0b {
    display: flex;
    align-items: center;
    gap: 14px;
}

.u-bef1b2c7eb {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0b3d91;
    font:
        800 17px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-51b5d67bc7 {
    font:
        700 13px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #000000;
    white-space: nowrap;
}

.u-683c2a0df2 {
    flex: 1;
    min-width: 0;
    height: 1px;
    background: #e3ebf8;
}

.u-0e11eb33f0 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(272px, 100%), 1fr));
    gap: 13px;
}

.u-465545bfaf {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    transition:
        transform 0.18s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.u-2cfdd089a3 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.u-8bcbc6e020 {
    min-width: 0;
    font:
        700 16px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    overflow-wrap: anywhere;
}

.u-a2d2b68bc2 {
    font:
        500 12.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.03em;
    color: #000000;
    white-space: nowrap;
}

.u-51f0ac9853 {
    flex: none;
    font:
        400 16px/1 "IBM Plex Sans",
        sans-serif;
    color: #cc1122;
}

.u-f30d6f96a0 {
    display: flex;
    justify-content: center;
    padding-top: 6px;
}

.u-b76df4f7a8 {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 30px;
    box-sizing: border-box;
    border-radius: 24px;
    background: #0b3d91;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.16s ease;
}

.u-df5f1b1d71 {
    padding: 34px 40px;
    background: #071f52;
}

.u-c5c62f2e8a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
}

.u-7b4207385c {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.u-37987051b2 {
    margin: 0;
    font:
        800 28px/1.28 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
    text-wrap: pretty;
}

.u-4d28a7d4a8 {
    margin: 0;
    max-width: 560px;
    font:
        400 15.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.88);
    text-wrap: pretty;
}

.u-82b8bc7d1f {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.u-867d485ddf {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #cc1122;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.u-e975d62002 {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #12833f;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

/* ===================== PAGE STYLES: api-index.php — end ===================== */

/* ===================== PAGE STYLES: contact-us.php — start ===================== */
.u-db26c57417 {
    padding: 26px 40px 12px;
    background: linear-gradient(180deg, #edf4fe 0%, #f7fafe 100%);
}

.u-2b1e4d1ddb {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.u-fc7b870e9d {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    font:
        600 12.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-20e16ec089 {
    color: #000000;
    text-decoration: none;
}

.u-daf9265d2b {
    color: #cc1122;
}

.u-e9cec6faa8 {
    color: #0b3d91;
}

.u-a5e8d2e73c {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
    gap: 28px;
    align-items: end;
}

.u-251e3e86d5 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.u-06a31d74cd {
    font:
        700 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.2em;
    color: #cc1122;
}

.u-1baa906c06 {
    margin: 0;
    font:
        800 36px/1.18 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-586aeceeb5 {
    margin: 0;
    max-width: 640px;
    font:
        400 15.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-8777a708b3 {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
    gap: 10px;
}

.u-0fafe7ceee {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 16px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;
    box-shadow:
        inset 0 0 0 1px #dde7f6,
        0 2px 6px rgba(11, 61, 145, 0.06);
    text-decoration: none;
}

.u-90be211ddb {
    font:
        700 11px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.14em;
    color: #000000;
}

.u-2368869b30 {
    font:
        700 15px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    overflow-wrap: anywhere;
}

.u-519456eee9 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 16px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #12833f;
    text-decoration: none;
}

.u-47656eca03 {
    font:
        700 11px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.14em;
    color: rgba(255, 255, 255, 0.8);
}

.u-8c65c2444f {
    font:
        700 15px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    overflow-wrap: anywhere;
}

.u-fff67ac361 {
    padding: 30px 40px 34px;
    background: #fff;
}

.u-276fec6da9 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 560px;
    gap: 30px;
    align-items: start;
}
span.u-d95d3dacc3 {
    color: black;
    font-size: 14px !important;
}
span.u-90be211ddb {
    color: black;
}
span.u-33216e6e64 {
    color: black;
}
span.u-c9b9b70f11 {
    color: black;
    font-size: 14px;
}
span.u-02de0a6bd6 {
    color: black;
}

.u-bc7424a2f9 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.u-f0a2bbc1ed {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.u-2a7062c3be {
    margin: 0;
    font:
        800 27px/1.26 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-3da33067fb {
    margin: 0;
    max-width: 640px;
    font:
        400 15px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-a5ab44df11 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: 12px;
}

.u-3262df9627 {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.u-51350b85c1 {
    font:
        700 11.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.12em;
    color: #000000;
}

.u-25e3d35e0a {
    position: absolute;
    right: 18px;
    bottom: 18px;
    font:
        400 17px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    pointer-events: none;
}

.u-f639401bd7 {
    width: 100%;
    height: 54px;
    padding: 0 46px 0 16px;
    box-sizing: border-box;
    border: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 6px 18px rgba(11, 61, 145, 0.12);
    font:
        600 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    outline: 0;
    appearance: none;
    cursor: pointer;
}

.u-dfa0eecd11 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.u-7bc50d2f67 {
    display: flex;
    align-items: center;
    height: 54px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font:
        600 15px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    overflow-wrap: anywhere;
}

.u-76d09bacf5 {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 20px 22px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
}

.u-92850e1433 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        400 18px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-4830da4da4 {
    min-width: 0;
    font:
        400 14.5px/1.65 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    text-wrap: pretty;
}

.u-9082dbdd74 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 22px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    display: none;
}

.u-54396e193f {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.u-1a9127b907 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.u-c65701cba1 {
    font:
        700 11.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.14em;
    color: #cc1122;
}

.u-202a7d843c {
    font:
        800 21px/1.3 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-530a83e9f0 {
    max-width: 520px;
    font:
        400 14px/1.65 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    text-wrap: pretty;
}

.u-dc3e926cbd {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eaf6ee;
    font:
        700 12px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0f6b33;
    white-space: nowrap;
}

.u-6f632c9758 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    gap: 10px;
}

.u-1f3cf37322 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 16px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    text-decoration: none;
}

.u-39ad8a5a93 {
    font:
        700 15.5px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    overflow-wrap: anywhere;
}

.u-b44cb7c3db {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 16px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #12833f;
    text-decoration: none;
}

.u-30f83341c3 {
    font:
        700 15.5px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    overflow-wrap: anywhere;
}

.u-19608804fc {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding-top: 2px;
}

.u-76e0b94c01 {
    flex: none;
    font:
        400 15px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #cc1122;
}

.u-5d16478235 {
    min-width: 0;
    font:
        400 13.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-355e33f439 {
    position: sticky;
    top: 26px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 22px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #fff;
    box-shadow:
        inset 0 0 0 1.5px #cdddf4,
        0 10px 30px rgba(11, 61, 145, 0.08);
}

.u-3b58b3a618 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.u-8208100073 {
    font:
        800 20px/1.3 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-42841f2c6a {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.u-14b4b58a73 {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.u-d95d3dacc3 {
    font:
        600 12px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-d89772784e {
    width: 100%;
    height: 46px;
    padding: 0 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 10px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font:
        500 14.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    outline: 0;
}

.u-5020ad6871 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.u-21fbd2bacd {
    position: absolute;
    right: 16px;
    bottom: 14px;
    font:
        400 16px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    pointer-events: none;
}

.u-e525c57a9a {
    width: 100%;
    height: 46px;
    padding: 0 42px 0 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 10px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font:
        500 14.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    outline: 0;
    appearance: none;
    cursor: pointer;
}

.u-fb1aaa2f1b {
    width: 100%;
    padding: 12px 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 10px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font:
        500 14.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    outline: 0;
    resize: vertical;
}

.u-2b9cafa358 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.u-6819f5b580 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 12px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-33216e6e64 {
    min-width: 0;
    font:
        400 12.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    text-wrap: pretty;
}

.u-2569d186bc {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #cc1122;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.16s ease;
}

.u-c9b9b70f11 {
    font:
        400 11.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #8a9bb3;
    text-wrap: pretty;
}

.u-3e90a1f3af {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px 18px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #eaf6ee;
    display: none;
}

.u-836320b774 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #12833f;
    font:
        400 20px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-21dfcc96b8 {
    font:
        800 17px/1.35 "IBM Plex Sans",
        sans-serif;
    color: #0f6b33;
    text-wrap: pretty;
}

.u-cce816a2cd {
    font:
        400 13.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-9be69a6c9f {
    width: max-content;
    font:
        700 13px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: underline;
    cursor: pointer;
}

.u-e6f1e7807f {
    padding: 34px 40px;
    background: #f7fafe;
    box-shadow:
        inset 0 1px 0 #e3ebf8,
        inset 0 -1px 0 #e3ebf8;
}

.u-2cde2ff4f4 {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.u-1044f84172 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.u-02de0a6bd6 {
    font:
        400 14px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    max-width: 420px;
    text-wrap: pretty;
}

.u-68927b2f3d {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    gap: 14px;
}

.u-39936ebff9 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #fff;
    box-shadow:
        inset 0 0 0 1px #e3ebf8,
        0 2px 6px rgba(11, 61, 145, 0.06);
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease;
}

.u-23f4a993de {
    min-width: 0;
    font:
        700 15.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.u-be26537941 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.u-41058fe35f {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font:
        700 14.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.u-9668487758 {
    flex: none;
    font:
        400 14px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-4bc042264a {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font:
        400 14px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.u-2e48d7816a {
    padding: 34px 40px;
    background: #fff;
}

.u-2a220534fe {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr));
    gap: 14px;
}

.u-2775954f7e {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #e3ebf8;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease;
}

.u-2fbc11de53 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.u-faac3aa6e1 {
    min-width: 0;
    font:
        800 16.5px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-d67e2aaeba {
    flex: none;
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 6px;
    background: #eef2f9;
    font:
        700 10.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.08em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-5617e6a079 {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: auto;
}

.u-c654425c39 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    font:
        700 14px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.u-1f7b8cf72d {
    flex: none;
    color: #0b3d91;
}

.u-7ff77f7669 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    font:
        400 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.u-c1cdb039ed {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 42px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
    transition:
        background 0.16s ease,
        color 0.16s ease;
}

.u-e594ff5df7 {
    flex: none;
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 6px;
    background: #eaf6ee;
    font:
        700 10.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.08em;
    color: #0f6b33;
    white-space: nowrap;
}

.u-d1c6ba5bc9 {
    padding: 34px 40px;
    background: #f7fafe;
    box-shadow: inset 0 1px 0 #e3ebf8;
}

.u-c21c70e35c {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.u-568238777a {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 40px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #0b3d91;
    box-shadow: inset 0 0 0 2px #0b3d91;
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease;
}

.u-6158155251 {
    font:
        700 11px/1 "IBM Plex Mono",
        monospace;
    color: rgba(255, 255, 255, 0.75);
}

.u-be3ea04614 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 40px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease;
}

.u-3755b8f2d5 {
    font:
        700 11px/1 "IBM Plex Mono",
        monospace;
    color: #8a9bb3;
}

.u-51185e4754 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(190px, 100%), 1fr));
    gap: 8px;
}

.u-42266934bb {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 13px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font:
        600 13px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    cursor: pointer;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease;
    overflow-wrap: anywhere;
}

.u-ccc231807b {
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #9dbdea;
}

.u-a40fabbd30 {
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #cc1122;
}

.u-947f1b89d0 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 13px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font:
        600 13px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    cursor: pointer;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease;
    overflow-wrap: anywhere;
    display: none;
}

.u-df5f1b1d71 {
    padding: 34px 40px;
    background: #071f52;
}

.u-c5c62f2e8a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
}

.u-7b4207385c {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.u-37987051b2 {
    margin: 0;
    font:
        800 28px/1.28 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
    text-wrap: pretty;
}

.u-4d28a7d4a8 {
    margin: 0;
    max-width: 560px;
    font:
        400 15.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.88);
    text-wrap: pretty;
}

.u-82b8bc7d1f {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.u-867d485ddf {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #cc1122;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.u-1999a0265d {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #fff;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
}

/* ===================== PAGE STYLES: contact-us.php — end ===================== */

/* ===================== PAGE STYLES: facility.php — start ===================== */
.u-09f165fe4e {
    position: relative;
    overflow: hidden;
    background: #071f52;
    padding: 78px 40px 84px;
}

.u-3fdb9b6918 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.55;
    display: block;
    pointer-events: none;
}

.u-6d372509ea {
    position: absolute;
    inset: 0;
    background: linear-gradient(95deg,
            rgba(7, 31, 82, 0.96) 0%,
            rgba(7, 31, 82, 0.86) 52%,
            rgba(7, 31, 82, 0.72) 100%);
    pointer-events: none;
}

.u-0d201c9fae {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 820px;
}

.u-95857abdfb {
    display: flex;
    align-items: center;
    gap: 9px;
    font:
        600 12.5px/1.4 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.72);
}

.u-32fc4e829e {
    color: rgba(255, 255, 255, 0.72);
}

.u-daf9265d2b {
    color: #cc1122;
}

.u-729d2fa421 {
    color: #fff;
}

.u-4f9cabd195 {
    font:
        700 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.22em;
    color: #a8ccff;
}

.u-241fd9b6f2 {
    margin: 0;
    font:
        800 44px/1.2 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
    text-wrap: pretty;
}

.u-44967d89ec {
    margin: 0;
    max-width: 720px;
    font:
        400 19px/1.7 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.9);
    text-wrap: pretty;
}

.u-2bbf82c9e4 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.u-0e215d0a9e {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.34);
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    white-space: nowrap;
}

.u-7136617e55 {
    padding: 68px 40px 76px;
    background: #fff;
}

.u-b43e00b445 {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 40px;
    align-items: start;
}

.u-c7da9158e3 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.u-8c36d75033 {
    font:
        700 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.18em;
    color: #cc1122;
}

.u-08e0f39e98 {
    margin: 0;
    font:
        800 36px/1.22 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-a803f36f7f {
    margin: 0;
    font:
        400 16px/1.8 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-cbd87727b4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 30px 32px 32px;
    box-sizing: border-box;
    background: #0b3d91;
    border-radius: 16px;
}

.u-b9d513765b {
    font:
        700 11px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.18em;
    color: #a8ccff;
}

.u-1c5eeb9727 {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.u-1343a78b7a {
    font:
        400 15px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-870bdd3f27 {
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
}

.u-ae926fe3c6 {
    padding: 8px 40px 30px;
    background: #fff;
}

.u-50792ececf {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 28px;
}

.u-86149bdc68 {
    margin: 0;
    font:
        800 36px/1.22 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #cc1122;
}

.u-f6d1384b9e {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.u-e1faba55af {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 26px 24px 28px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 14px;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.1),
        0 10px 26px rgba(11, 61, 145, 0.11);
}

.u-0a4f673a47 {
    font:
        700 11px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.18em;
    color: #cc1122;
}

.u-6ad4cdf208 {
    font:
        800 19px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-72e98044c0 {
    font:
        700 13px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-abad93b706 {
    font:
        400 14px/1.65 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-77a7d2b57d {
    padding: 68px 40px 76px;
    background: #f3f6fb;
}

.u-bc736abecb {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 26px;
}

.u-ccc1959ba9 {
    display: flex;
    align-items: flex-start;
    gap: 34px;
    flex-wrap: wrap;
    padding-bottom: 22px;
    box-shadow: inset 0 -1px 0 #dbe4f2;
    margin-bottom: 30px;
}

.u-066264ef3d {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 9px;
    cursor: pointer;
}

.u-6fd98f1ec4 {
    font:
        700 15.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-fd4b6165af {
    height: 3px;
    background: #cc1122;
}

.u-2b1e4d1ddb {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.u-e56255dc44 {
    margin: 0;
    font:
        800 26px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-2d7e9daa27 {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 28px 30px 30px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    box-shadow:
        0 2px 8px rgba(11, 61, 145, 0.1),
        0 18px 44px rgba(11, 61, 145, 0.12);
}

.u-9d1ad66852 {
    font:
        800 17px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-61ca4d5bc1 {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.u-b1a3bac66a {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 17px;
    background: #eef2f9;
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-6af4d6fdc7 {
    margin: 0;
    max-width: 840px;
    font:
        400 17px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-be5b286ceb {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.u-67b544f2a8 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.u-d381f89bb1 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 18px;
    box-sizing: border-box;
    background: #f3f6fb;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px #e3ebf8;
}

.u-9c683ae542 {
    font:
        800 15.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-a3f0def30f {
    font:
        400 13.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-3ea1d9748d {
    padding: 8px 40px 48px;
    background: #fff;
}

.u-cd9ec8ddc7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    padding: 34px 40px 36px;
    box-sizing: border-box;
    background: #0b3d91;
    border-radius: 18px;
}

.u-be26537941 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.u-714b7cc907 {
    margin: 0;
    font:
        800 26px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
    text-wrap: pretty;
}

.u-8a22d6f83e {
    font:
        400 15.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.88);
}

.u-a083e096b7 {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.u-03c4f29c1e {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #cc1122;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
}

.u-daa511004d {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 23px;
    box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.55);
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
}

/* ===================== PAGE STYLES: facility.php — end ===================== */

/* ===================== PAGE STYLES: faq.php — start ===================== */
.u-f5816e8051 {
    padding: 26px 40px 10px;
    background: linear-gradient(180deg, #edf4fe 0%, #f7fafe 100%);
}

.u-2b1e4d1ddb {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.u-fc7b870e9d {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    font:
        600 12.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-20e16ec089 {
    color: #000000;
    text-decoration: none;
}

.u-daf9265d2b {
    color: #cc1122;
}

.u-e9cec6faa8 {
    color: #0b3d91;
}

.u-a5e8d2e73c {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
    gap: 28px;
    align-items: end;
}

.u-251e3e86d5 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.u-06a31d74cd {
    font:
        700 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.2em;
    color: #cc1122;
}

.u-1baa906c06 {
    margin: 0;
    font:
        800 36px/1.18 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-586aeceeb5 {
    margin: 0;
    max-width: 640px;
    font:
        400 15.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-1cfed24e53 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.u-9abd6f3ac8 {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 56px;
    padding: 0 6px 0 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 6px 18px rgba(11, 61, 145, 0.14);
}

.u-8a10613f4b {
    flex: none;
    font:
        400 21px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-fee93802b7 {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font:
        600 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-1a7d511b41 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 9px;
    background: #f4f8fe;
    font:
        400 17px/1 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    cursor: pointer;
}

.u-c21c70e35c {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.u-1e7e08dd21 {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        700 12px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-34ba18a1ec {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eaf6ee;
    font:
        700 12px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0f6b33;
    white-space: nowrap;
}

.u-b7ad4390ae {
    position: sticky;
    top: 0;
    z-index: 150;
    padding: 14px 40px;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(8px);
    box-shadow:
        inset 0 -1px 0 #e3ebf8,
        0 6px 18px rgba(11, 61, 145, 0.07);
}

.u-5d83b9c32f {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 42px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 21px;
    background: #0b3d91;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 8px 20px rgba(11, 61, 145, 0.24);
    font:
        700 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease;
}

.u-9eac8eb5e3 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    box-sizing: border-box;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.2);
    font:
        700 11px/1 "IBM Plex Mono",
        monospace;
    color: #fff;
}

.u-ac4cd24e4a {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 42px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 21px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease,
        transform 0.16s ease;
}

.u-3d766c2909 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #eef2f9;
    font:
        700 11px/1 "IBM Plex Mono",
        monospace;
    color: #000000;
}

.u-e0614b90cb {
    padding: 26px 40px 46px;
    background: #fff;
}

.u-d9bd3a5592 {
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.u-2fd7712b12 {
    position: sticky;
    top: 84px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.u-dd4475b9d6 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 16px 14px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
}

.u-505d96e31a {
    padding: 0 6px 8px;
    font:
        700 11.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.16em;
    color: #000000;
}

.u-b4fe1c4ff1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow:
        inset 3px 0 0 #cc1122,
        0 2px 8px rgba(11, 61, 145, 0.1);
    cursor: pointer;
    transition: background 0.16s ease;
}

.u-e27b4ac5f1 {
    min-width: 0;
    font:
        600 13.5px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-0a8f5e02a0 {
    flex: none;
    font:
        700 12px/1 "IBM Plex Mono",
        monospace;
    color: #cc1122;
}

.u-37efa7304e {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    box-sizing: border-box;
    border-radius: 9px;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    transition: background 0.16s ease;
}

.u-2a27fb39bd {
    min-width: 0;
    font:
        600 13.5px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-da4d446006 {
    flex: none;
    font:
        700 12px/1 "IBM Plex Mono",
        monospace;
    color: #8a9bb3;
}

.u-dcd4cf5287 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 18px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #071f52;
}

.u-e1adb8bcf9 {
    font:
        700 11.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.16em;
    color: rgba(255, 255, 255, 0.72);
}

.u-ae208fd0a8 {
    font:
        800 17px/1.35 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-wrap: pretty;
}

.u-ca415b5186 {
    font:
        400 13.5px/1.65 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.86);
    text-wrap: pretty;
}

.u-87982b72cc {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    height: 46px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #12833f;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.u-94a9af09e3 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    height: 46px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #fff;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
}

.u-7e6def7027 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.u-508ff55ab3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.u-14199243a0 {
    font:
        600 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-373b538be2 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 38px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 19px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease;
}

.u-1363b29968 {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.u-134faf5294 {
    margin: 0;
    font:
        800 20px/1.3 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-a8a241ea8d {
    font:
        400 13px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    text-wrap: pretty;
}

.u-4afb6e0873 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 13px;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 10px 26px rgba(11, 61, 145, 0.14);
    overflow: hidden;
    transition: box-shadow 0.18s ease;
}

.u-1b627aa489 {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 17px 19px;
    background: #f7fafe;
    cursor: pointer;
}

.u-a6736586ac {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: #0b3d91;
    font:
        600 12.5px/1 "IBM Plex Mono",
        monospace;
    color: #fff;
}

.u-b7799eb7ad {
    flex: 1;
    min-width: 0;
    font:
        700 16px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.u-6e31d56101 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #cc1122;
    font:
        400 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    transform: rotate(180deg);
    transition: transform 0.22s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-844d15f17b {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 20px 20px 64px;
    display: none;
}

.u-29fb7137d3 {
    margin: 0;
    max-width: 760px;
    font:
        400 15px/1.75 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-fa439a2b03 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    font:
        700 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
}

.u-b41c5aec17 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(268px, 100%), 1fr));
    gap: 8px;
}

.u-f89b2fd70a {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px 13px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #f7fafe;
    font:
        400 13.5px/1.55 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-db31b74bb2 {
    flex: none;
    font:
        700 13px/1.55 "IBM Plex Sans",
        sans-serif;
    color: #cc1122;
}

.u-df5f1b1d71 {
    padding: 34px 40px;
    background: #071f52;
}

.u-c5c62f2e8a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
}

.u-7b4207385c {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.u-37987051b2 {
    margin: 0;
    font:
        800 28px/1.28 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
    text-wrap: pretty;
}

.u-4d28a7d4a8 {
    margin: 0;
    max-width: 560px;
    font:
        400 15.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.88);
    text-wrap: pretty;
}

.u-82b8bc7d1f {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.u-867d485ddf {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #cc1122;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.u-1999a0265d {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #fff;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
}

/* ===================== PAGE STYLES: faq.php — end ===================== */

/* ===================== PAGE STYLES: index.php — start ===================== */
.u-eff146fe79 {
    position: relative;
    min-height: 346px;
    background: linear-gradient(180deg, #edf4fe 0%, #dbe8fa 100%);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 26px 40px 58px;
    margin-bottom: 0;
}

.u-5188c257c7 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    display: block;
    pointer-events: none;
}

.u-32a9384442 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    mix-blend-mode: multiply;
    pointer-events: none;
}

.u-b99512e765 {
    position: relative;
    width: 100%;
    max-width: 1080px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

.u-2af9cad5ad {
    align-self: flex-end;
    display: flex;
    align-items: center;
    gap: 9px;
    height: 40px;
    padding: 0 14px 0 8px;
    background: #fff;
    border-radius: 20px;
    cursor: pointer;
    box-shadow:
        inset 0 0 0 1px #cdddf4,
        0 6px 18px rgba(11, 61, 145, 0.16);
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.u-89ac480f62 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: none;
    border-radius: 50%;
    background: linear-gradient(160deg, #e03246 0%, #cc1122 62%, #9e0d1a 100%);
    font:
        400 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-5f6dc61c62 {
    font:
        800 12.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-94d33d7e5d {
    padding: 2px 7px;
    border-radius: 9px;
    background: #cc1122;
    font:
        700 8.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.12em;
    color: #fff;
}

.u-537e41e79f {
    font:
        400 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #cc1122;
}

.u-1660fe7e92 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    height: 70px;
    padding: 0 9px 0 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 0 0 6px rgba(11, 61, 145, 0.08),
        0 18px 44px rgba(11, 61, 145, 0.22);
}

.u-b15a6ed493 {
    flex: 1;
    min-width: 0;
    font:
        600 19px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #3d4d66;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.u-3251c3695a {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: #cc1122;
    border-radius: 9px;
    cursor: pointer;
}

.u-c98b88f720 {
    font:
        400 24px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-32b6d042d7 {
    position: relative;
    font:
        700 15px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.22em;
    color: #0b3d91;
}

.u-93d9209f30 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
}

.u-5405fc567a {
    font:
        700 14px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.16em;
    color: #0b3d91;
}

.u-ae7e813d47 {
    padding: 11px 22px;
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #cdddf4;
    font:
        600 16.5px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease;
}

.u-9dd8c8ee7a {
    padding: 32px 40px 30px;
    background: #fff;
}

.u-04881f23a9 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
}

.u-86149bdc68 {
    margin: 0;
    font:
        800 36px/1.22 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #cc1122;
}

.u-d6102802a3 {
    margin: 0;
    max-width: 900px;
    font:
        400 19px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-7262cf45a9 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 18px;
}

.u-ea9c10193b {
    position: relative;
    box-sizing: border-box;
    min-width: 0;
    background: #fff;
    border-radius: 14px;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.09),
        0 10px 26px rgba(11, 61, 145, 0.11);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 0 16px 22px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transform: perspective(800px) translateZ(0) translateY(0) rotateX(0deg);
    transform-style: preserve-3d;
    transition:
        transform 0.24s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.24s ease;
}

.u-cab5c9168e {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    border-radius: 14px 14px 0 0;
    background: linear-gradient(90deg, #cc1122, #e03246);
}

.u-a19f8133e7 {
     display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    margin: 30px 0 18px;
}

.u-fd71564e95 {
    width: 50px;
    height: 50px;
    display: block;
}

.u-efac08cb6a {
    min-width: 0;
    min-height: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font:
        700 22px/1.32 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.002em;
    color: #0b3d91;
}

.u-86abdab991 {
    white-space: nowrap;
}

.u-401f2b509b {
    width: 24px;
    height: 2px;
    flex: 0 0 2px;
    margin: 12px 0 12px;
    background: #cc1122;
}

.u-32a8fc9c6a {
    flex: 1;
    min-width: 0;
    font:
        400 17px/1.7 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #000000;
    text-wrap: pretty;
}

.u-5030e538ee {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    font:
        700 14.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #cc1122;
}

.u-223b05147d {
    font:
        400 12px/1 "IBM Plex Sans",
        sans-serif;
}

.u-fbdb45f9c6 {
    padding: 26px 40px 28px;
    background: #fff;
}

.u-95ee01dded {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 22px;
}

.u-be26537941 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.u-dd02ec5d2a {
    margin: 0;
    font:
        800 30px/1.25 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #cc1122;
}

.u-6af4d6fdc7 {
    margin: 0;
    max-width: 840px;
    font:
        400 17px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-aa05b4a940 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 24px;
    box-sizing: border-box;
    background: #0b3d91;
    border-radius: 22px;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.22),
        0 8px 20px rgba(11, 61, 145, 0.24);
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.03em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.u-30fbd1c8fe {
    position: relative;
    overflow: hidden;
    padding: 22px 0 26px;
}

.u-4fced554a6 {
    display: flex;
    width: max-content;
    gap: 16px;
    animation: dvmarquee 100s linear infinite;
}

.u-cb773b8039 {
    flex: none;
    width: 212px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px 16px 22px;
    background: #fff;
    border-radius: 12px;
    text-decoration: none;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.1),
        0 8px 22px rgba(11, 61, 145, 0.12);
    transform: perspective(700px) translateZ(0) translateY(0) rotateX(0deg);
    transform-style: preserve-3d;
    transition:
        transform 0.22s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.22s ease;
}

.u-6e4f3c2c52 {
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.u-159912bdcc {
    max-height: 74px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    display: block;
}

.u-78c8b2cb58 {
    font:
        700 14px/1.45 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    text-align: center;
    text-wrap: balance;
}

.u-ab0506ef77 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 46px;
    background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
    pointer-events: none;
}

.u-ed132a872b {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 46px;
    background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0));
    pointer-events: none;
}

.u-add7894721 {
    padding: 16px 40px 34px;
    background: #fff;
}

.u-dba51c96e4 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px;
}

.u-a56c85e3df {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.u-7c85b2cfec {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 28px;
}

.u-ff5ce58337 {
    background: #fff;
    border-radius: 12px;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.1),
        0 8px 22px rgba(11, 61, 145, 0.12);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition:
        transform 0.22s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.22s ease;
}

.u-36284684f2 {
    position: relative;
    height: 186px;
    background: #fff;
    cursor: zoom-in;
    overflow: hidden;
}

.u-2351eb598e {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.u-2fefeb6ab5 {
    padding: 10px;
    font:
        600 11.5px/1.5 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #8a9bb3;
    text-align: center;
}

.u-b1183d602f {
    position: absolute;
    inset: 0;
    background: rgba(11, 61, 145, 0.06);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.u-d8fdda0d1b {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0b3d91;
    box-shadow: 0 6px 18px rgba(11, 61, 145, 0.32);
    font:
        400 19px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    opacity: 0;
    transform: scale(0.82);
    transition:
        opacity 0.2s ease,
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1);
    pointer-events: none;
}

.u-3294b1693d {
    position: absolute;
    left: 12px;
    top: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 6px;
    background: #eaf6ee;
    font:
        700 11px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #0f6b33;
}

.u-d81a889187 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #12833f;
}

.u-07fbf18cf5 {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(11, 61, 145, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    font:
        400 20px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
}

.u-cc1fffc920 {
    padding: 18px 20px 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
}

.u-871d5c929c {
    min-height: 48px;
    font:
        800 16.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.u-26af12da8a {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.u-309a80bfd9 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
}

.u-a486696463 {
    flex: none;
    font:
        400 13px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #6d7f99;
}

.u-54c4076300 {
    min-width: 0;
    font:
        700 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-align: right;
    overflow-wrap: anywhere;
}

.u-3146a2bcdf {
    min-width: 0;
    font:
        700 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-align: right;
    overflow-wrap: anywhere;
}

.u-5fdb48ae13 {
    padding: 0 20px 20px;
    display: flex;
    align-items: stretch;
    gap: 6px;
}

.u-583c5c1f12 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 52px;
    padding: 11px 0;
    border-radius: 8px;
    background: #f4f8fe;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        700 11px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
}

.u-3acc1fa05e {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 58px;
    padding: 11px 0;
    border-radius: 8px;
    background: #f4f8fe;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        700 11px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
}

.u-2435228f9a {
    flex: 1 1 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 9px;
    border-radius: 8px;
    background: #fff;
    font:
        700 12.5px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #0b3d91;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.u-ae926fe3c6 {
    padding: 8px 40px 30px;
    background: #fff;
}

.u-955b71280e {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 19px;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.08),
        0 4px 12px rgba(11, 61, 145, 0.09);
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}

.u-21253fd779 {
    font:
        400 13px/1 "IBM Plex Sans",
        sans-serif;
}

.u-55e55ce92c {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
}

.u-e62acda80c {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 8px 0 16px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 19px;
    box-shadow:
        inset 0 0 0 2px #cc1122,
        0 4px 12px rgba(204, 17, 34, 0.14);
    cursor: pointer;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.u-3c3194b025 {
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #cc1122;
}

.u-35d37a38e2 {
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 11px;
    background: #cc1122;
    font:
        700 11.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-1e4b8d633e {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 8px 0 16px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 19px;
    box-shadow: inset 0 0 0 1.5px #dbe3ef;
    cursor: pointer;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease;
}

.u-b576bdf30d {
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
}

.u-60be4c4405 {
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 11px;
    background: #0b3d91;
    font:
        700 11.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-f6d1384b9e {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.u-5a99b40711 {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.1),
        0 8px 22px rgba(11, 61, 145, 0.12);
    transition:
        transform 0.22s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.22s ease;
}

.u-bffd0410cf {
    position: relative;
    height: 126px;
}

.u-de2c5b8115 {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 5px 11px;
    border-radius: 6px;
    background: #fff;
    font:
        700 10.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.08em;
    color: #cc1122;
}

.u-9b603aae00 {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    flex: 1;
}

.u-f805420957 {
    font:
        800 16px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-1b95e3d70e {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
}

.u-a93adde204 {
    font:
        400 13px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-1f27388b27 {
    font:
        400 13px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #6d7f99;
}

.u-72e98044c0 {
    font:
        700 13px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-9ae725e726 {
    display: flex;
    align-items: center;
    gap: 6px;
    font:
        700 12.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #cc1122;
    cursor: pointer;
}

.u-983bf5e618 {
    padding: 0 40px 30px;
    background: #fff;
}

.u-0e4c42d5f2 {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}

.u-a26e9c75b1 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.u-91b862ead4 {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.9);
    pointer-events: none;
}

.u-2be56bb4b8 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 34px 40px 36px;
    text-align: center;
}

.u-583524b87b {
    font:
        700 11px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.2em;
    color: #cc1122;
}

.u-d6b6d03c5b {
    margin: 0;
    font:
        800 32px/1.2 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #cc1122;
}

.u-e9cec6faa8 {
    color: #0b3d91;
}

.u-eeff9138fb {
    font:
        700 16px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #cc1122;
}

.u-572ac895ee {
    margin: 0;
    max-width: 620px;
    font:
        400 15px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-dd3cf5c4f4 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 26px;
    box-sizing: border-box;
    margin-top: 4px;
    background: #cc1122;
    border-radius: 21px;
    box-shadow:
        0 2px 6px rgba(204, 17, 34, 0.22),
        0 8px 20px rgba(204, 17, 34, 0.22);
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

.u-752c4ac927 {
    font:
        400 14px/1 "IBM Plex Sans",
        sans-serif;
}

.u-a3c203d820 {
    padding: 8px 40px 24px;
    background: #fff;
}

.u-afe40f58d7 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 18px;
}

.u-0e14a087cb {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.u-0c5e56a3fb {
    padding: 9px 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow:
        inset 0 0 0 2px #cc1122,
        0 4px 12px rgba(204, 17, 34, 0.14);
    font:
        700 13px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #cc1122;
    cursor: pointer;
}

.u-42dec2e977 {
    padding: 9px 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1.5px #dbe3ef;
    font:
        700 13px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #0b3d91;
    cursor: pointer;
}

.u-51f8c29710 {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.u-57abc773c8 {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.1),
        0 8px 22px rgba(11, 61, 145, 0.12);
    transition:
        transform 0.22s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.22s ease;
}

.u-78d80ec915 {
    position: relative;
    height: 210px;
}

.u-b65bef908e {
    position: absolute;
    left: 12px;
    top: 12px;
    padding: 6px 12px;
    border-radius: 6px;
    background: #cc1122;
    font:
        700 10.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #fff;
}

.u-bac3b681df {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.u-b87ca3241d {
    display: flex;
    align-items: center;
    gap: 10px;
}

.u-389e267662 {
    font:
        700 11px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #cc1122;
}

.u-2d4a038f03 {
    width: 1px;
    flex: 0 0 1px;
    height: 11px;
    background: #dbe3ef;
}

.u-e100a7e208 {
    font:
        400 12px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #6d7f99;
}

.u-5bd2729e59 {
    margin: 0;
    font:
        800 22px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-fadb24e441 {
    margin: 0;
    font:
        400 14px/1.65 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-e1c7bb132f {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    font:
        700 12.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #cc1122;
}

.u-e12feb99b2 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.u-e33519ea96 {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 0;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.1),
        0 8px 22px rgba(11, 61, 145, 0.12);
    transition:
        transform 0.22s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.22s ease;
}

.u-13022a01a8 {
    position: relative;
    min-height: 112px;
}

.u-f2577afeb1 {
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.u-44b3a199ff {
    font:
        700 10.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #cc1122;
}

.u-fbd4b5daec {
    font:
        800 15.5px/1.32 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

/* Product previews on the landing page. */
body.page-index .home-structure-image {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 44px;
    object-fit: contain;
}

body.page-index .home-structure-open {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
}

body.page-index .home-structure-open::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(11, 61, 145, .12);
    opacity: 0;
    transition: opacity .2s ease;
}

body.page-index .home-structure-open span {
    position: relative;
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #0b3d91;
    box-shadow: 0 8px 24px rgba(11, 61, 145, .28);
    color: #fff;
    opacity: 0;
    transform: scale(.8);
    transition: opacity .2s ease, transform .2s ease;
}

body.page-index .home-structure-open span::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    width: 16px;
    height: 16px;
    border: 3px solid currentColor;
    border-radius: 50%;
}

body.page-index .home-structure-open span::after {
    content: "";
    position: absolute;
    top: 32px;
    left: 31px;
    width: 12px;
    height: 3px;
    border-radius: 2px;
    background: currentColor;
    transform: rotate(45deg);
    transform-origin: left center;
}

body.page-index .home-structure-open:hover::before,
body.page-index .home-structure-open:focus-visible::before,
body.page-index .home-structure-open:hover span,
body.page-index .home-structure-open:focus-visible span {
    opacity: 1;
}

body.page-index .home-structure-open:hover span,
body.page-index .home-structure-open:focus-visible span {
    transform: scale(1);
}

body.page-index [data-zoomwrap] .u-3294b1693d,
body.page-index [data-zoomwrap] .u-07fbf18cf5 {
    z-index: 2;
}

body.page-index .home-structure-dialog {
    width: min(680px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    padding: 24px;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 24px 80px rgba(2, 15, 46, .28);
    color: #0b3d91;
}

body.page-index .home-structure-dialog::backdrop {
    background: rgba(2, 15, 46, .68);
}

body.page-index .home-structure-dialog-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.page-index .home-structure-dialog h2 {
    margin: 0;
    font: 700 clamp(18px, 4vw, 24px)/1.3 'IBM Plex Sans', sans-serif;
}

body.page-index .home-structure-dialog p {
    margin: 6px 0 16px;
    color: #000000;
    font-size: 14px;
}

body.page-index .home-structure-dialog-image {
    display: block;
    width: 100%;
    max-height: min(60dvh, 440px);
    object-fit: contain;
}

body.page-index .home-structure-close {
    flex: none;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #eef4ff;
    color: #0b3d91;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

@media (hover: none) {
    body.page-index .home-structure-open span {
        opacity: 1;
        transform: scale(1);
    }
}

/* ===================== PAGE STYLES: index.php — end ===================== */

/* ===================== PAGE STYLES: product-detail.php — start ===================== */
.u-71fe33d10c {
    padding: 26px 40px 8px;
    background: linear-gradient(180deg, #edf4fe 0%, #f7fafe 100%);
}

.u-c7da9158e3 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.u-fc7b870e9d {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    font:
        600 12.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-20e16ec089 {
    color: #000000;
    text-decoration: none;
}

.u-daf9265d2b {
    color: #cc1122;
}

.u-e9cec6faa8 {
    color: #0b3d91;
}

.u-d1afe03efd {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
}

.u-251e3e86d5 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.u-06a31d74cd {
    font:
        700 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.2em;
    color: #cc1122;
}

.u-1baa906c06 {
    margin: 0;
    font:
        800 36px/1.18 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-7a264d25ff {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.u-5a483681b4 {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        600 13px/1 "IBM Plex Mono",
        monospace;
    color: #0b3d91;
    white-space: nowrap;
}

.u-8988162c8d {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eaf6ee;
    font:
        700 12px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #0f6b33;
    white-space: nowrap;
}

.u-d81a889187 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #12833f;
}

.u-dad5343a9d {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        700 12px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-183ade9261 {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.u-f35fe98edb {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #12833f;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.16s ease;
}

.u-53f8cbf18c {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: box-shadow 0.16s ease;
}

.u-a8cceb1d61 {
    padding: 22px 40px 30px;
    background: #fff;
}

.u-bf43b5093f {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr));
    gap: 28px;
    align-items: start;
}

.u-67b544f2a8 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.u-3fff914609 {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    overflow: hidden;
    cursor: zoom-in;
}

.u-2351eb598e {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.u-3f6aa9d065 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.u-b1183d602f {
    position: absolute;
    inset: 0;
    background: rgba(11, 61, 145, 0.06);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.u-df719390ee {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #0b3d91;
    box-shadow: 0 6px 18px rgba(11, 61, 145, 0.32);
    font:
        400 21px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    opacity: 0;
    transform: scale(0.82);
    transition:
        opacity 0.2s ease,
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1);
    pointer-events: none;
}

.u-6dcc4b7492 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.u-b619646a36 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #f4f8fe;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        700 13px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #0b3d91;
    white-space: nowrap;
    text-decoration: none;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease;
}

.u-752c4ac927 {
    font:
        400 14px/1 "IBM Plex Sans",
        sans-serif;
}

.u-41860ff61b {
    position: relative;
    display: block;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    background: linear-gradient(135deg, #f6c453 0%, #e8a627 48%, #c9821c 100%);
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.1),
        0 10px 26px rgba(201, 130, 28, 0.24);
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease;
}

.u-2ebc425c71 {
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg,
            rgba(255, 250, 238, 0.96) 0%,
            rgba(255, 250, 238, 0.92) 58%,
            rgba(255, 250, 238, 0.74) 100%);
    pointer-events: none;
}

.u-d4d315f05c {
    position: absolute;
    right: -26px;
    top: -38px;
    width: 196px;
    height: 196px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.34);
    pointer-events: none;
}

.u-5c41ff026e {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 20px;
}

.u-8cdd2a3f28 {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.u-36764d1e63 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.u-541f24ef6d {
    display: flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #8a4b0f;
    font:
        700 10px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.14em;
    color: #fff;
    white-space: nowrap;
}

.u-53fdb52047 {
    font:
        700 11.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.14em;
    color: #8a4b0f;
}

.u-510460c90a {
    font:
        800 17px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #3d2405;
    text-wrap: pretty;
}

.u-ccc652b594 {
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding: 6px 11px;
    border-radius: 7px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e8d5ac;
    white-space: nowrap;
}

.u-c1cbf75a92 {
    font:
        700 10px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #0b5c33;
}

.u-7f2b4abb97 {
    font:
        800 16px/1 "IBM Plex Sans",
        sans-serif;
    color: #8a4b0f;
}

.u-a56893398f {
    font:
        600 12.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #5a3a10;
    white-space: nowrap;
}

.u-33905a0834 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 21px;
    background: #8a4b0f;
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    white-space: nowrap;
}

.u-21253fd779 {
    font:
        400 13px/1 "IBM Plex Sans",
        sans-serif;
}

.u-609cc4e8a6 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.u-0b6e7342d8 {
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    overflow: hidden;
}

.u-19de67142f {
    padding: 14px 16px;
    background: #f7fafe;
    box-shadow: inset 0 -1px 0 #e3ebf8;
}

.u-08e09b582e {
    font:
        700 13px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.12em;
    color: #0b3d91;
}

.u-de65cd9c6b {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 18px;
    padding: 11px 16px;
    box-shadow: inset 0 -1px 0 #eef2f9;
}

.u-df59a9e81e {
    font:
        400 13.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-5c2f13d3e5 {
    min-width: 0;
    font:
        600 13.5px/1.6 "IBM Plex Mono",
        monospace;
    color: #111111;
    overflow-wrap: anywhere;
}

.u-7bf3651f82 {
    min-width: 0;
    font:
        700 14px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    overflow-wrap: anywhere;
}

.u-995e5c8dd8 {
    min-width: 0;
    font:
        600 12.5px/1.65 "IBM Plex Mono",
        monospace;
    color: #111111;
    overflow-wrap: anywhere;
}

.u-ed16815312 {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 18px;
    padding: 11px 16px;
}

.u-f8aade6209 {
    min-width: 0;
    font:
        400 13.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    overflow-wrap: anywhere;
}

.u-18a1527442 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.u-0fa48a6f66 {
    flex: 1 1 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #cc1122;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    transition: background 0.16s ease;
}

.u-f4dc001a98 {
    flex: 1 1 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
    text-decoration: none;
}

.u-9c9ac0e97e {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 12px;
    background: #fff8e8;
    box-shadow: inset 0 0 0 1px #f0dcae;
}

.u-15680c14a0 {
    flex: none;
    font:
        400 16px/1.3 "IBM Plex Sans",
        sans-serif;
    color: #9a6a05;
}

.u-ec79066106 {
    font:
        400 13.5px/1.65 "IBM Plex Sans",
        sans-serif;
    color: #6b4a06;
    text-wrap: pretty;
}

.u-d9da1c790c {
    padding: 30px 40px;
    background: #f7fafe;
}

.u-b61b9c98ef {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
    gap: 30px;
    align-items: start;
}

.u-bc7424a2f9 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.u-1c875caa1b {
    margin: 0;
    font:
        800 26px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-4c12fb272c {
    margin: 0;
    font:
        400 15.5px/1.75 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-b6df6f0e59 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 22px;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
}

.u-ed506039fe {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 12px;
    box-shadow: inset 0 -1px 0 #eef2f9;
}

.u-a5b8627ffa {
    flex: none;
    width: 6px;
    height: 6px;
    margin-top: 8px;
    border-radius: 50%;
    background: #cc1122;
}

.u-218bd8d7ea {
    min-width: 0;
    font:
        400 14.5px/1.65 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-b676db44ab {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
    gap: 28px;
    align-items: start;
}

.u-e56255dc44 {
    margin: 0;
    font:
        800 26px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-600da2b38e {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
    gap: 12px;
}

.u-67e5976846 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
}

.u-cdfa62a57f {
    font:
        700 12.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #cc1122;
    overflow-wrap: anywhere;
}

.u-fba4d68612 {
    font:
        400 13.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    overflow-wrap: anywhere;
}

.u-89fcb150d7 {
    padding: 30px 40px;
    background: #fff;
}

.u-f22e0e671f {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.u-a1b9de9a6f {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.u-93237a0ae6 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.u-70cdf02c05 {
    font:
        400 14.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-37d4509591 {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 22px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #0b3d91;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.u-8c9c532f5e {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
    gap: 18px;
}

.u-57989d6e18 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    text-decoration: none;
    box-shadow:
        inset 0 0 0 1px #e3ebf8,
        0 2px 6px rgba(11, 61, 145, 0.06);
    overflow: hidden;
    transition:
        transform 0.2s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.2s ease;
}

.u-f5d14fda00 {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    background: #fbfcfe;
}

.u-2fefeb6ab5 {
    padding: 10px;
    font:
        600 11.5px/1.5 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #8a9bb3;
    text-align: center;
}

.u-6ef6cff8d3 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 15px 16px 17px;
}

.u-6ccd4c23ee {
    min-height: 42px;
    font:
        700 14.5px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.u-8f468afde8 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.u-5283c6957b {
    font:
        400 12.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-5e68ba9507 {
    min-width: 0;
    font:
        600 12.5px/1.5 "IBM Plex Mono",
        monospace;
    color: #111111;
    text-align: right;
    overflow-wrap: anywhere;
}

.u-929a7ce31b {
    min-width: 0;
    font:
        600 12.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-align: right;
}

.u-afc91013b7 {
    display: flex;
    align-items: center;
    align-self: flex-start;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    margin-top: 2px;
    border-radius: 13px;
    background: #eaf6ee;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.05em;
    color: #0f6b33;
    white-space: nowrap;
}

.u-85cbf2e2bd {
    display: flex;
    align-items: center;
    align-self: flex-start;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    margin-top: 2px;
    border-radius: 13px;
    background: #fff4e2;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.05em;
    color: #7a5404;
    white-space: nowrap;
}

.u-df5f1b1d71 {
    padding: 34px 40px;
    background: #071f52;
}

.u-cbe03e4abd {
    display: grid;
    grid-template-columns: minmax(min(300px, 100%), 0.78fr) minmax(min(420px, 100%),
            1.55fr);
    gap: 32px;
    align-items: start;
}

.u-50d101b3b3 {
    margin: 0;
    font:
        800 30px/1.25 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
    text-wrap: pretty;
}

.u-9d1a2df3b4 {
    margin: 0;
    max-width: 440px;
    font:
        400 15.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.88);
    text-wrap: pretty;
}

.u-1610412a41 {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 6px;
}

.u-63c20d9e85 {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 16px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.u-02762a40a6 {
    font:
        700 11.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.14em;
    color: #a8ccff;
}

.u-41f581cf5d {
    display: flex;
    align-items: center;
    gap: 11px;
    font:
        700 16px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
}

.u-224063379c {
    font:
        400 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #a8ccff;
}

.u-e8c8f70b0e {
    display: flex;
    align-items: center;
    gap: 11px;
    font:
        400 15px/1.5 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.92);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.u-db83cc05c1 {
    flex: none;
    font:
        400 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #a8ccff;
}

.u-9ad0e47d73 {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 16px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.u-53e2e5feaa {
    width: 100%;
    box-sizing: border-box;
    height: 44px;
    padding: 0 14px;
    border: 0;
    outline: 0;
    border-radius: 9px;
    background: #fff;
    font:
        600 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    appearance: none;
    cursor: pointer;
    background-image:
        linear-gradient(45deg, transparent 50%, #0b3d91 50%),
        linear-gradient(135deg, #0b3d91 50%, transparent 50%);
    background-position:
        calc(100% - 19px) 20px,
        calc(100% - 13px) 20px;
    background-size:
        6px 6px,
        6px 6px;
    background-repeat: no-repeat;
}

.u-26af12da8a {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.u-388c8d4c6e {
    font:
        400 13px/1.55 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.66);
    text-wrap: pretty;
}

.u-4df5513d69 {
    font:
        400 13.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.62);
}

.u-395f6e999d {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 14px;
    background: #f7fafe;
}

.u-28e216c786 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.u-9f01a9dcab {
    font:
        800 21px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-7fd9c3c6c3 {
    font:
        700 14px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-1418ee064d {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.u-dfa0eecd11 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.u-f7f2f28065 {
    font:
        600 12.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #000000;
}

.u-09904b99df {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    padding: 0 14px;
    border: 0;
    outline: 0;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        500 14.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    transition: box-shadow 0.16s ease;
}

.u-1a99038b26 {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    padding: 0 14px;
    border: 0;
    outline: 0;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        500 14.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    transition: box-shadow 0.16s ease;
    appearance: none;
    cursor: pointer;
    background-image:
        linear-gradient(45deg, transparent 50%, #0b3d91 50%),
        linear-gradient(135deg, #0b3d91 50%, transparent 50%);
    background-position:
        calc(100% - 19px) 21px,
        calc(100% - 13px) 21px;
    background-size:
        6px 6px,
        6px 6px;
    background-repeat: no-repeat;
}

.u-a2552939eb {
    display: flex;
    align-items: center;
    gap: 0;
    height: 46px;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    overflow: hidden;
}

.u-3e5b253527 {
    flex: none;
    width: 96px;
    height: 46px;
    padding: 0 24px 0 11px;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    background: #f2f6fc;
    box-shadow: inset -1px 0 0 #dde7f6;
    font:
        600 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    appearance: none;
    cursor: pointer;
    background-image:
        linear-gradient(45deg, transparent 50%, #0b3d91 50%),
        linear-gradient(135deg, #0b3d91 50%, transparent 50%);
    background-position:
        calc(100% - 15px) 21px,
        calc(100% - 10px) 21px;
    background-size:
        5px 5px,
        5px 5px;
    background-repeat: no-repeat;
}

.u-b0a34dfba3 {
    flex: 1;
    min-width: 0;
    height: 46px;
    padding: 0 14px;
    border: 0;
    outline: 0;
    background: transparent;
    font:
        500 14.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-201e30cdaa {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 16px;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
}

.u-f83540f68b {
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 0 0 2px #c3cdd9;
}

.u-1439fa1ebb {
    flex: 1;
    min-width: 0;
    font:
        500 14px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-91a1b8ffe1 {
    flex: none;
    font:
        600 10px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #8a9bb3;
    text-align: right;
}

.u-8205748aa0 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.u-df8ec7f25d {
    flex: 0 0 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 34px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #cc1122;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.16s ease;
}

.u-4701ef2957 {
    font:
        400 12.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-14b4b58a73 {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.u-6a97da0fb9 {
    margin: 0;
    font:
        800 22px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-c21c70e35c {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.u-93334f9813 {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 14px;
    box-sizing: border-box;
    border-radius: 16px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        600 12.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
    transition:
        background 0.16s ease,
        box-shadow 0.16s ease;
}

.u-8ce3c23181 {
    padding: 26px 40px 30px;
    background: #fff;
}

.u-f2b9be2a7e {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 22px;
    border-radius: 12px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
}

.u-cce816a2cd {
    font:
        400 13.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-dac320145e {
    font:
        400 13.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-1fbb097ca6 {
    position: fixed;
    inset: 0;
    z-index: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: rgba(4, 14, 38, 0.62);
    animation: zmfade 0.2s ease both;
    cursor: zoom-out;
    display: none;
}

.u-e043abd5c2 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(860px, calc(58vh * 1.5), 100%);
    max-height: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 30px 80px rgba(2, 8, 26, 0.45);
    overflow: hidden;
    animation: zmpop 0.24s cubic-bezier(0.16, 0.84, 0.44, 1) both;
    cursor: default;
}

.u-90c15d4842 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px 14px;
}

.u-e6e618f316 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.u-6f3db4aec5 {
    font:
        800 18px/1.35 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-0be9ab783e {
    font:
        400 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-391170eac2 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eef2f9;
    font:
        400 17px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
}

.u-c1e631a0dc {
    flex: 1;
    min-height: 0;
    padding: 0 22px 22px;
}

.u-d3607e8f5e {
    width: 100%;
    aspect-ratio: 3 / 2;
    border-radius: 10px;
    background: #fbfcfe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    overflow: hidden;
}

/* ===================== PAGE STYLES: product-detail.php — end ===================== */

/* ===================== PAGE STYLES: products.php — start ===================== */
.u-71fe33d10c {
    padding: 26px 40px 8px;
    background: linear-gradient(180deg, #edf4fe 0%, #f7fafe 100%);
}

.u-2b1e4d1ddb {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.u-fc7b870e9d {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    font:
        600 12.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-20e16ec089 {
    color: #000000;
    text-decoration: none;
}

.u-daf9265d2b {
    color: #cc1122;
}

.u-e9cec6faa8 {
    color: #0b3d91;
}

.u-2cde2ff4f4 {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.u-251e3e86d5 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.u-06a31d74cd {
    font:
        700 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.2em;
    color: #cc1122;
}

.u-1baa906c06 {
    margin: 0;
    font:
        800 36px/1.18 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-4c12fb272c {
    margin: 0;
    font:
        400 15.5px/1.75 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-1cfed24e53 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.u-c21c70e35c {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.u-1e7e08dd21 {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        700 12px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-34ba18a1ec {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eaf6ee;
    font:
        700 12px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0f6b33;
    white-space: nowrap;
}

.u-f671e4ff38 {
    padding: 22px 40px 40px;
    background: #fff;
}

.u-bfd4f2e77f {
    display: grid;
    grid-template-columns: 304px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.u-d62e805f49 {
    min-width: 0;
    position: sticky;
    top: 18px;
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-right: 2px;
}

.u-960f2ff977 {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 2px;
}

.u-5dedf86f5b {
    font:
        800 17px/1.3 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-f97f6d4d6e {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eef2f9;
    font:
        400 17px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
}

.u-39ac2cfe07 {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;
    padding: 0 5px 0 15px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 11px;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 4px 14px rgba(11, 61, 145, 0.12);
}

.u-2f53feb37b {
    flex: none;
    font:
        400 19px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-c5e83422fa {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font:
        600 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-73db4a2f99 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #f4f8fe;
    font:
        400 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    cursor: pointer;
}

.u-8e303b7c1c {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 18px;
    border-radius: 13px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #dde7f6;
}

.u-82064c29cb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font:
        700 12px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.14em;
    color: #0b3d91;
}

.u-f0a2bbc1ed {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.u-e5512f020a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 9px 13px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease,
        box-shadow 0.16s ease;
}

.u-874e9adbe0 {
    flex: none;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-b3faa8d2ba {
    flex: 1;
    min-width: 0;
    font:
        700 13px/1.3 "IBM Plex Sans",
        sans-serif;
    text-wrap: pretty;
}

.u-65d7b35b8e {
    flex: none;
    display: flex;
    align-items: center;
    height: 21px;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #eef4ff;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-b1625b776c {
    flex: none;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    color: #0f6b33;
}

.u-084cfcadd0 {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0f6b33;
}

.u-5afbc621f3 {
    flex: none;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    color: #8a5a00;
}

.u-fd44ff3e56 {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c98b12;
}

.u-bfcab1b996 {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0b3d91;
}

.u-ed0babd328 {
    flex: none;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    color: #5b2a91;
}

.u-bcf4c282ed {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7a3fc0;
}

.u-13e674a650 {
    flex: none;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    color: #a1101f;
}

.u-f264f283f4 {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cc1122;
}

.u-8eb3463846 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 42px;
    padding: 0 13px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 9px;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
}

.u-5f7dabde32 {
    flex: none;
    font:
        400 16px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-475614ba34 {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font:
        600 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #111111;
}

.u-578738c2a7 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
    gap: 6px;
}

.u-c8eb027033 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    pointer-events: auto;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease,
        box-shadow 0.16s ease;
}

.u-f71f1b417f {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #eef2f9;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #a9b6c9;
    pointer-events: none;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease,
        box-shadow 0.16s ease;
}

.u-250941c3ba {
    font:
        400 12px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
}

.u-820e8b0c0f {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 9px 14px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #0b3d91;
    box-shadow:
        inset 0 0 0 2px #0b3d91,
        0 8px 20px rgba(11, 61, 145, 0.26);
    font:
        700 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease;
}

.u-c775b3b3f7 {
    min-width: 0;
    font:
        700 13px/1.3 "IBM Plex Sans",
        sans-serif;
    text-wrap: pretty;
}

.u-a8a5b7dcf8 {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 9px 14px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease;
}

.u-e0d1d19abd {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease;
}

.u-8c2fd26808 {
    display: none;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #cc1122;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    cursor: pointer;
}

.u-609cc4e8a6 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.u-763a9cb2e1 {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 48px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #0b3d91;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    cursor: pointer;
}

.u-5db90ced6b {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.u-155cb7fb84 {
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}

.u-7fd7344ead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.u-1370287dc9 {
    min-width: 0;
    font:
        400 15px/1.6 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-b08fb79179 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #dde7f6;
}

.u-f4b3144d95 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #0b3d91;
    box-shadow: 0 4px 12px rgba(11, 61, 145, 0.24);
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease;
}

.u-752c4ac927 {
    font:
        400 14px/1 "IBM Plex Sans",
        sans-serif;
}

.u-dd96f2fea9 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 8px;
    background: transparent;
    box-shadow: none;
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease;
}

.u-71c1522b21 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.u-1cd8729192 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.u-6bbc5a95aa {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
}

.u-b942c95762 {
    min-width: 0;
    font:
        800 19px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-aaa7c1595c {
    min-width: 0;
    font:
        700 12.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.08em;
    color: #000000;
    text-wrap: pretty;
}

.u-683c2a0df2 {
    flex: 1;
    min-width: 0;
    height: 1px;
    background: #e3ebf8;
}

.u-d4e55b335a {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    gap: 16px;
}

.u-340bf91cdd {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 13px;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    overflow: hidden;
    transition:
        transform 0.18s cubic-bezier(0.16, 0.84, 0.44, 1),
        box-shadow 0.18s ease;
}

.u-340bf91cdd:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(11, 61, 145, 0.18);
}

.u-0b4fcb7eb2 {
    position: relative;
    height: 186px;
    background: #fff;
}

.u-0ed194b904 {
    position: absolute;
    inset: 0;
    overflow: hidden;
    cursor: zoom-in;
    background: #fff;
}

.u-86ab68b369 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 14px;
    box-sizing: border-box;
    transition: transform 0.32s cubic-bezier(0.16, 0.84, 0.44, 1);
}

.u-536020a8ef {
    position: absolute;
    inset: 0;
    background: rgba(11, 61, 145, 0.05);
    opacity: 0;
    transition: opacity 0.2s ease;
    pointer-events: none;
}

.u-8c01c3f624 {
    position: absolute;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #eaf6ee;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.05em;
    color: #0f6b33;
    white-space: nowrap;
}

.u-cc8cb4a56e {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #0f6b33;
}

.u-e802fb2a5a {
    position: absolute;
    right: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    box-shadow:
        inset 0 0 0 1px #e3ebf8,
        0 2px 8px rgba(11, 61, 145, 0.12);
    font:
        400 19px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
    transition:
        box-shadow 0.16s ease,
        color 0.16s ease;
}

.u-eeaf1ec5db {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px 20px 20px;
}

.u-51470e5f0e {
    min-width: 0;
    min-height: 44px;
    font:
        700 17px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.u-26af12da8a {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.u-78e4dabdc8 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
}

.u-e20c4b07a1 {
    font:
        400 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    white-space: nowrap;
}

.u-54c4076300 {
    min-width: 0;
    font:
        700 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-align: right;
    overflow-wrap: anywhere;
}

.u-3146a2bcdf {
    min-width: 0;
    font:
        700 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-align: right;
    overflow-wrap: anywhere;
}

.u-ac2f6f6c1b {
    min-width: 0;
    font:
        700 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-align: right;
}

.u-d7e29804c0 {
    display: flex;
    align-items: stretch;
    gap: 9px;
}

.u-8d5c9320f3 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 42px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
    transition:
        background 0.16s ease,
        color 0.16s ease;
}

.u-21253fd779 {
    font:
        400 13px/1 "IBM Plex Sans",
        sans-serif;
}

.u-f97884a1c0 {
    flex: 1 1 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 14px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    font:
        700 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background 0.16s ease,
        color 0.16s ease;
}

.u-09830eac4a {
    position: absolute;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #eef4ff;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.05em;
    color: #0b3d91;
    white-space: nowrap;
}

.u-128bc4004d {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #0b3d91;
}

.u-3544e57afa {
    position: absolute;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff8e8;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.05em;
    color: #8a5a00;
    white-space: nowrap;
}

.u-b7830850b1 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #c98b12;
}

.u-bf3bdac672 {
    position: absolute;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #f3eefb;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.05em;
    color: #5b2a91;
    white-space: nowrap;
}

.u-432deca057 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #7a3fc0;
}

.u-a5f848fd05 {
    position: absolute;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fdeef0;
    font:
        700 11px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.05em;
    color: #a1101f;
    white-space: nowrap;
}

.u-5e9f053ad8 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #cc1122;
}

.u-c9acd05a09 {
    width: 100%;
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    display: none;
}

.u-30df490b39 {
    min-width: 1130px;
    display: flex;
    flex-direction: column;
}

.u-a9c6922a2f {
    display: grid;
    grid-template-columns: 44px minmax(200px, 2.1fr) minmax(100px, 1fr) minmax(118px,
            1.15fr) minmax(170px, 1.1fr) minmax(76px, 0.7fr) minmax(120px, 1fr) 168px;
    gap: 14px;
    align-items: center;
    padding: 12px 16px;
    background: #f7fafe;
    box-shadow: inset 0 -1px 0 #dde7f6;
}

.u-ab37c21a22 {
    font:
        700 11.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #0b3d91;
}

.u-211c0306b2 {
    font:
        700 11.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.1em;
    color: #0b3d91;
    text-align: right;
}

.u-ed4ddc48c5 {
    display: grid;
    grid-template-columns: 44px minmax(200px, 2.1fr) minmax(100px, 1fr) minmax(118px,
            1.15fr) minmax(170px, 1.1fr) minmax(76px, 0.7fr) minmax(120px, 1fr) 168px;
    gap: 14px;
    align-items: center;
    padding: 11px 16px;
    background: #fff;
    box-shadow: inset 0 -1px 0 #eef2f9;
    transition: background 0.16s ease;
}

.u-12e4bea4dd {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    box-shadow:
        inset 0 0 0 1px #e3ebf8,
        0 2px 8px rgba(11, 61, 145, 0.12);
    font:
        400 16px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
}

.u-d7722453b2 {
    min-width: 0;
    font:
        700 14px/1.4 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
    text-wrap: pretty;
    overflow-wrap: anywhere;
}

.u-faa8f08ffc {
    min-width: 0;
    font:
        600 12.5px/1.45 "IBM Plex Mono",
        monospace;
    color: #111111;
    overflow-wrap: anywhere;
}

.u-fa9d1a4713 {
    min-width: 0;
    overflow: hidden;
    font:
        600 12.5px/1.45 "IBM Plex Mono",
        monospace;
    color: #111111;
    white-space: nowrap;
}

.u-1168d04216 {
    min-width: 0;
    overflow: hidden;
    font:
        600 12.5px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-align: right;
    white-space: nowrap;
}

.u-f8646f69d4 {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
}

.u-48cc12de5b {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0f6b33;
}

.u-0541c60966 {
    min-width: 0;
    font:
        700 10.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0f6b33;
    text-wrap: pretty;
}

.u-c9d69e5388 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.u-ceda96747a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font:
        700 11.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
}

.u-221b600be9 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #f4f8fe;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
}

.u-3311a69cb6 {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0b3d91;
}

.u-f7d0f961dd {
    min-width: 0;
    font:
        700 10.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-6ea918df53 {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c98b12;
}

.u-4f5eb18ec8 {
    min-width: 0;
    font:
        700 10.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #8a5a00;
    text-wrap: pretty;
}

.u-01b65e902a {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #7a3fc0;
}

.u-7324baf7c8 {
    min-width: 0;
    font:
        700 10.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #5b2a91;
    text-wrap: pretty;
}

.u-1afb0afb65 {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #cc1122;
}

.u-58bd6edb50 {
    min-width: 0;
    font:
        700 10.5px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.04em;
    color: #a1101f;
    text-wrap: pretty;
}

.u-f30d6f96a0 {
    display: flex;
    justify-content: center;
    padding-top: 6px;
}

.u-b76df4f7a8 {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 30px;
    box-sizing: border-box;
    border-radius: 24px;
    background: #0b3d91;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.16s ease;
}

.u-0b9f496d50 {
    padding: 34px 40px;
    background: #f7fafe;
}

.u-c5c62f2e8a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
}

.u-be5040157a {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.u-1c875caa1b {
    margin: 0;
    font:
        800 26px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-eb73e785bc {
    margin: 0;
    max-width: 560px;
    font:
        400 15px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-a083e096b7 {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.u-867d485ddf {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #cc1122;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.u-e975d62002 {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #12833f;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.u-4363c626a3 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 190;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    padding: 14px 40px;
    background: #071f52;
    box-shadow: 0 -10px 30px rgba(2, 8, 26, 0.28);
    display: none;
}

.u-63a01965fb {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
}

.u-8ef6e0cf08 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 17px;
    background: #cc1122;
    font:
        800 15px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
}

.u-c09db10916 {
    font:
        600 14.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-wrap: pretty;
}

.u-229d5eb712 {
    font:
        600 13px/1.5 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.72);
    text-decoration: underline;
    white-space: nowrap;
    cursor: pointer;
}

.u-9df0af6365 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.u-beb9c17c3a {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #cc1122;
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.u-2ef004f4c0 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 23px;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.34);
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
}

.u-c737b6a6be {
    position: fixed;
    inset: 0;
    z-index: 460;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background: rgba(4, 14, 38, 0.62);
    animation: plzfade 0.2s ease both;
    display: none;
}

.u-58ed56c491 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(780px, calc(50vh * 1.5), 100%);
    max-height: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 30px 80px rgba(2, 8, 26, 0.45);
    overflow: hidden;
    animation: plzpop 0.24s cubic-bezier(0.16, 0.84, 0.44, 1) both;
}

.u-90c15d4842 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px 14px;
}

.u-e6e618f316 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.u-465189a165 {
    font:
        800 18px/1.35 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
}

.u-07ddf2c65d {
    font:
        400 13.5px/1.5 "IBM Plex Sans",
        sans-serif;
    color: #000000;
    overflow-wrap: anywhere;
}

.u-391170eac2 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eef2f9;
    font:
        400 17px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
    cursor: pointer;
}

.u-de4e533ed1 {
    flex: 1;
    min-height: 0;
    padding: 0 22px;
}

.u-d3607e8f5e {
    width: 100%;
    aspect-ratio: 3 / 2;
    border-radius: 10px;
    background: #fbfcfe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    overflow: hidden;
}

.u-d74128100d {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 16px;
    box-sizing: border-box;
}

.u-64a74c7f51 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    padding: 16px 22px 20px;
}

.u-bfacbb4f51 {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 22px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #0b3d91;
    font:
        700 13px/1 "IBM Plex Sans",
        sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

/* Product list structure previews. */
body.page-products [data-plzoom] {
    box-sizing: border-box;
    border: 2px solid #cdddf4;
    border-radius: 12px 12px 0 0;
    transition: border-color .2s ease, box-shadow .2s ease;
}

body.page-products [data-plzoomimg] {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
    object-position: center;
}

body.page-products [data-plzoom]:focus-visible {
    border-color: #0b3d91;
    box-shadow: inset 0 0 0 1px #0b3d91;
}

body.page-products [data-plzoom]:focus-visible [data-plzoomveil] {
    opacity: 1;
}

body.page-products [data-plzoom]:focus-visible {
    outline: 3px solid #0b3d91;
    outline-offset: -3px;
}

body.page-products .products-structure-dialog {
    width: min(780px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    padding: 24px;
    border: 0;
    border-radius: 18px;
    box-shadow: 0 24px 80px rgba(2, 15, 46, .28);
    color: #0b3d91;
}

body.page-products .products-structure-dialog::backdrop {
    background: rgba(2, 15, 46, .68);
}

body.page-products .products-structure-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

body.page-products .products-structure-dialog h2 {
    margin: 0;
    font: 700 clamp(18px, 4vw, 24px)/1.3 'IBM Plex Sans', sans-serif;
}

body.page-products .products-structure-meta {
    margin: 6px 0 16px;
    color: #000000;
    font-size: 14px;
    overflow-wrap: anywhere;
}

body.page-products .products-structure-image {
    display: block;
    width: 100%;
    max-height: min(55dvh, 440px);
    object-fit: contain;
}

body.page-products .products-structure-close {
    flex: none;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #eef4ff;
    color: #0b3d91;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

body.page-products .products-structure-link {
    display: inline-block;
    margin-top: 14px;
    padding: 10px 18px;
    border-radius: 22px;
    background: #0b3d91;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

body.page-products .products-structure-link:hover {
    color: #fff;
    background: #cc1122;
}

/* ===================== PAGE STYLES: products.php — end ===================== */

/* ===================== PAGE STYLES: quality-system.php — start ===================== */
.u-09f165fe4e {
    position: relative;
    overflow: hidden;
    background: #071f52;
    padding: 78px 40px 84px;
}

.u-3fdb9b6918 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.55;
    display: block;
    pointer-events: none;
}

.u-a26e9c75b1 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.u-2fefeb6ab5 {
    padding: 10px;
    font:
        600 11.5px/1.5 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.06em;
    color: #8a9bb3;
    text-align: center;
}

.u-e467c3834d {
    position: absolute;
    inset: 0;
    background: linear-gradient(95deg,
            rgba(7, 31, 82, 0.97) 0%,
            rgba(7, 31, 82, 0.9) 44%,
            rgba(7, 31, 82, 0.45) 100%);
    pointer-events: none;
}

.u-c8b3832cb6 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 800px;
}

.u-95857abdfb {
    display: flex;
    align-items: center;
    gap: 9px;
    font:
        600 12.5px/1.4 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.72);
}

.u-32fc4e829e {
    color: rgba(255, 255, 255, 0.72);
}

.u-daf9265d2b {
    color: #cc1122;
}

.u-729d2fa421 {
    color: #fff;
}

.u-4f9cabd195 {
    font:
        700 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.22em;
    color: #a8ccff;
}

.u-241fd9b6f2 {
    margin: 0;
    font:
        800 44px/1.2 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
    text-wrap: pretty;
}

.u-a05b7e0012 {
    margin: 0;
    max-width: 690px;
    font:
        400 19px/1.7 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.9);
    text-wrap: pretty;
}

.u-2bbf82c9e4 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.u-0e215d0a9e {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.34);
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
    white-space: nowrap;
}

.u-7136617e55 {
    padding: 68px 40px 76px;
    background: #fff;
}

.u-50792ececf {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 28px;
}

.u-8c36d75033 {
    font:
        700 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.18em;
    color: #cc1122;
}

.u-86149bdc68 {
    margin: 0;
    font:
        800 36px/1.22 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #cc1122;
}

.u-6af4d6fdc7 {
    margin: 0;
    max-width: 840px;
    font:
        400 17px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-9f3cafb36c {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

.u-c66f8d8592 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 22px 16px 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 14px;
    text-decoration: none;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.09),
        0 10px 26px rgba(11, 61, 145, 0.1);
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.u-ed29170f7d {
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.u-e9f9586071 {
    max-height: 66px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    display: block;
}

.u-29df9608f9 {
    font:
        700 13.5px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    text-align: center;
}

.u-b27392d9b7 {
    font:
        400 12px/1.45 "IBM Plex Sans",
        sans-serif;
    color: #6d7f99;
    text-align: center;
}

.u-77a7d2b57d {
    padding: 68px 40px 76px;
    background: #f3f6fb;
}

.u-0231111262 {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 40px;
    align-items: start;
}

.u-c7da9158e3 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.u-08e0f39e98 {
    margin: 0;
    font:
        800 36px/1.22 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-048b6f552e {
    width: 64px;
    height: 4px;
    flex: none;
    background: #cc1122;
}

.u-c1de0707ea {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 8px;
}

.u-c0f582f905 {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 17px;
    background: #fff;
    font:
        700 12.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.1),
        0 6px 16px rgba(11, 61, 145, 0.1);
}

.u-cb577420e6 {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 34px 36px 36px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    box-shadow:
        0 2px 8px rgba(11, 61, 145, 0.1),
        0 18px 44px rgba(11, 61, 145, 0.13);
}

.u-a803f36f7f {
    margin: 0;
    font:
        400 16px/1.8 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-12b424aeea {
    height: 1px;
    background: #eef2f9;
}

.u-0f9db76e6b {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 26px 22px 28px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 14px;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.1),
        0 10px 26px rgba(11, 61, 145, 0.11);
}

.u-cc678eae8b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: none;
    border-radius: 50%;
    background: #eef2f9;
    font:
        800 15px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.02em;
    color: #0b3d91;
}

.u-6ad4cdf208 {
    font:
        800 19px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-93095f6c40 {
    font:
        400 14.5px/1.65 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-ae926fe3c6 {
    padding: 8px 40px 30px;
    background: #fff;
}

.u-f6d1384b9e {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.u-b5228b3dbc {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 24px 22px 26px;
    box-sizing: border-box;
    background: #f3f6fb;
    border-radius: 14px;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    transition:
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.u-c575fabfe4 {
    width: 26px;
    height: 3px;
    flex: none;
    background: #cc1122;
}

.u-8526731d46 {
    font:
        800 17px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #0b3d91;
}

.u-abad93b706 {
    font:
        400 14px/1.65 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-e6ee1cc1a6 {
    padding: 16px 40px 64px;
    background: #fff;
}

.u-d2f3b69bd3 {
    padding: 38px 40px 40px;
    box-sizing: border-box;
    background: #0b3d91;
    border-radius: 18px;
}

.u-b4d2d81d5d {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
}

.u-a9174becf6 {
    font:
        700 12px/1.4 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.18em;
    color: #a8ccff;
}

.u-b70ddc7d0d {
    margin: 0;
    font:
        800 30px/1.25 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
}

.u-78d6cbe02e {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.u-70efb00a8f {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 22px 24px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 14px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.u-d54ed98cc5 {
    font:
        800 16px/1.35 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
}

.u-3ef6b2bf05 {
    font:
        400 13.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.86);
}

.u-6a442b8209 {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 32px 34px 34px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    box-shadow:
        0 2px 8px rgba(11, 61, 145, 0.1),
        0 18px 44px rgba(11, 61, 145, 0.12);
}

.u-0aec2326b9 {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0;
    align-items: start;
}

.u-cbf08b5fdb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: none;
    margin-top: 3px;
    border-radius: 50%;
    background: #eef2f9;
    font:
        800 11.5px/1 "IBM Plex Sans",
        sans-serif;
    color: #0b3d91;
}

.u-c3a898e282 {
    font:
        400 15.5px/1.7 "IBM Plex Sans",
        sans-serif;
    color: #111111;
    text-wrap: pretty;
}

.u-5fc87395ac {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.u-09a3c697ce {
    position: relative;
    min-height: 190px;
    border-radius: 14px;
    overflow: hidden;
    background: #eef2f9;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.1),
        0 12px 30px rgba(11, 61, 145, 0.12);
}

.u-3ea1d9748d {
    padding: 8px 40px 48px;
    background: #fff;
}

.u-c30906b319 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    padding: 34px 40px 36px;
    box-sizing: border-box;
    background: #cc1122;
    border-radius: 18px;
}

.u-be26537941 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.u-714b7cc907 {
    margin: 0;
    font:
        800 26px/1.3 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.005em;
    color: #fff;
    text-wrap: pretty;
}

.u-1509b79df2 {
    font:
        400 15.5px/1.6 "IBM Plex Sans",
        sans-serif;
    color: rgba(255, 255, 255, 0.9);
}

.u-a083e096b7 {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
}

.u-336a173659 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #fff;
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #cc1122;
    white-space: nowrap;
    text-decoration: none;
}

.u-24b98cac43 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 23px;
    box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.6);
    font:
        700 14px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
}

/* ===================== PAGE STYLES: quality-system.php — end ===================== */

/* Navigation state was previously generated as an inline PHP style. */
.nav-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 14px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 21px;
    box-shadow:
        0 1px 3px rgba(11, 61, 145, 0.08),
        0 4px 12px rgba(11, 61, 145, 0.09);
    font:
        700 13.5px/1 "IBM Plex Sans",
        sans-serif;
    letter-spacing: 0.01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        color 0.18s ease;
}

/* The page class marks the current navigation link. */
body.page-index a.nav-pill[href="index.php"],
body.page-about-us a.nav-pill[href="about-us.php"],
body.page-products a.nav-pill[href="products.php"],
body.page-product-detail a.nav-pill[href="products.php"],
body.page-api-index a.nav-pill[href="products.php"],
body.page-facility a.nav-pill[href="facility.php"],
body.page-quality-system a.nav-pill[href="quality-system.php"] {
    background: #0b3d91;
    box-shadow: 0 2px 6px rgba(11, 61, 145, 0.22), 0 8px 20px rgba(11, 61, 145, 0.24);
    color: #fff;
}

body.page-index a.nav-pill[href="index.php"]:hover,
body.page-about-us a.nav-pill[href="about-us.php"]:hover,
body.page-products a.nav-pill[href="products.php"]:hover,
body.page-product-detail a.nav-pill[href="products.php"]:hover,
body.page-api-index a.nav-pill[href="products.php"]:hover,
body.page-facility a.nav-pill[href="facility.php"]:hover,
body.page-quality-system a.nav-pill[href="quality-system.php"]:hover {
    color: #fff;
    box-shadow: 0 2px 6px rgba(11, 61, 145, 0.22), 0 8px 20px rgba(11, 61, 145, 0.24);
}

/* ===================== FINAL RESPONSIVE SAFEGUARDS — start ===================== */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

img,
video,
svg {
    max-width: 100%;
}

@media (max-width: 600px) {
    .u-db26c57417 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .u-b1a3bac66a {
        height: auto;
        min-height: 34px;
        max-width: 100%;
        white-space: normal;
        line-height: 1.35;
        text-align: center;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    [data-widgetstack] {
        right: 12px !important;
        bottom: 12px !important;
    }
}

/* ===================== FINAL RESPONSIVE SAFEGUARDS — end ===================== */

/* ===================== FINAL LOGIC FIXES — start ===================== */
/* Keep all desktop navigation labels at the requested readable size. */
.u-e097b15172>.nav-pill,
.u-e097b15172 .u-5e88df18bd {
    font-size: 20px !important;
}

/* Keep the division arrow proportional to the larger label. */
.u-e097b15172 .u-f8bab29fb4 {
    font-size: 13px !important;
}

/* Active navigation states for Laravel URLs generated by url(). */
body.page-index a.nav-pill[href$="/"],
body.page-about-us a.nav-pill[href$="/about-us"],
body.page-products a.nav-pill[href$="/products"],
body.page-product-detail a.nav-pill[href$="/products"],
body.page-api-index a.nav-pill[href$="/products"],
body.page-facility a.nav-pill[href$="/facility"],
body.page-quality-system a.nav-pill[href$="/quality-system"] {
    background: #0b3d91;
    color: #fff;
    box-shadow:
        0 2px 6px rgba(11, 61, 145, 0.22),
        0 8px 20px rgba(11, 61, 145, 0.24);
}

body.page-index a.nav-pill[href$="/"]:hover,
body.page-about-us a.nav-pill[href$="/about-us"]:hover,
body.page-products a.nav-pill[href$="/products"]:hover,
body.page-product-detail a.nav-pill[href$="/products"]:hover,
body.page-api-index a.nav-pill[href$="/products"]:hover,
body.page-facility a.nav-pill[href$="/facility"]:hover,
body.page-quality-system a.nav-pill[href$="/quality-system"]:hover {
    color: #fff;
}

/* Search button: consistent red circle and centered white icon. */
.u-bab5f28714 {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    overflow: hidden;
    background-color: #cc1122;
    border: 0;
    border-radius: 50%;
}

.u-bab5f28714 img {
    width: 20px;
    height: 20px;
    display: block;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.u-bab5f28714:hover {
    background-color: #9e0d1a !important;
}

/* Resolve conflicting footer-link hover declarations. */
.sh-hv112:hover,
.sh-hv113:hover,
.sh-hv114:hover,
.sh-hv115:hover,
.sh-hv116:hover,
.sh-hv117:hover,
.sh-hv118:hover,
.sh-hv119:hover,
.sh-hv120:hover,
.sh-hv121:hover,
.sh-hv122:hover {
    color: #cc1122 !important;
    transform: translateX(3px) !important;
}

/* Preserve keyboard accessibility for clickable navigation and search items. */
.nav-pill:focus-visible,
.u-5e88df18bd:focus-visible,
.u-bab5f28714:focus-visible {
    outline: 3px solid rgba(204, 17, 34, 0.3);
    outline-offset: 3px;
}

/* Prevent the larger menu from forcing horizontal overflow on smaller screens. */
@media (max-width: 1199.98px) {
    .u-9c47613271 {
        padding-right: 20px;
        padding-left: 20px;
    }

    .u-e097b15172 {
        gap: 8px;
    }

    .u-e097b15172>.nav-pill,
    .u-e097b15172 .u-5e88df18bd {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 16px !important;
    }

    .u-ed9aa8eb53 {
        min-width: 260px;
    }
}

/* ===================== FINAL LOGIC FIXES — end ===================== */


/* ===================== PAGE: Careers (careers.php) — start ===================== */
@container (max-width:1000px) {
    body.page-careers [data-crsplit] {
        grid-template-columns: minmax(0, 1fr) !important
    }

    body.page-careers [data-crstick] {
        position: static !important
    }
}

@container (max-width:760px) {
    body.page-careers [data-crrow] {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important
    }
}

@container (max-width:560px) {

    body.page-careers #openings,
    body.page-careers #apply {
        padding-left: 18px !important;
        padding-right: 18px !important
    }
}

body.page-careers #apply input::placeholder,
body.page-careers #apply textarea::placeholder {
    color: #8a9bb3 !important;
    font-weight: 400 !important;
    opacity: 1
}

body.page-careers [data-crrow][data-selected="1"] {
    box-shadow: inset 0 0 0 2px #0b3d91, 0 10px 26px rgba(11, 61, 145, .14) !important;
    background: #f7fafe !important
}

body.page-careers [data-crfiles] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important
}

@container (max-width:900px) {
    body.page-careers [data-crfiles] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }
}

@container (max-width:560px) {
    body.page-careers [data-crfiles] {
        grid-template-columns: minmax(0, 1fr) !important
    }
}

body.page-careers .cover-opt {
    font-weight: 500;
    color: #000000
}

body.page-careers .is-invalid-ring {
    box-shadow: inset 0 0 0 1.5px #cc1122 !important
}

.car-hv11:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 26px rgba(204, 17, 34, .32) !important
}

.car-hv12:hover {
    background: #0b3d91 !important;
    color: #fff !important
}

.car-hv13:hover {
    transform: translateY(-2px) !important;
    box-shadow: inset 0 0 0 1.5px #9dbdea, 0 12px 28px rgba(11, 61, 145, .12) !important
}

.car-hv14:hover {
    transform: translateY(-2px) !important;
    box-shadow: inset 0 0 0 1.5px #9dbdea, 0 12px 28px rgba(11, 61, 145, .12) !important
}

.car-hv15:hover {
    transform: translateY(-2px) !important;
    box-shadow: inset 0 0 0 1.5px #9dbdea, 0 12px 28px rgba(11, 61, 145, .12) !important
}

.car-hv16:hover {
    transform: translateY(-2px) !important;
    box-shadow: inset 0 0 0 1.5px #9dbdea, 0 12px 28px rgba(11, 61, 145, .12) !important
}

.car-hv17:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 30px rgba(204, 17, 34, .34) !important
}

.car-hv18:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(4, 18, 44, .25) !important
}

.car-hv19:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(4, 18, 44, .25) !important
}

.car-hv20:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(4, 18, 44, .25) !important
}

.car-hv21:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(4, 18, 44, .25) !important
}

/* ===================== PAGE: Careers (careers.php) — end ===================== */
}

/* ===================== ELEMENT STYLES — start ===================== */
.sx1 {
    position: relative;
    min-height: 346px;
    background: linear-gradient(180deg, #edf4fe 0%, #dbe8fa 100%);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 26px 40px 58px;
    margin-bottom: 0
}

.sx2 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 1;
    display: block;
    pointer-events: none
}

.sx3 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
    mix-blend-mode: multiply;
    pointer-events: none
}

.sx4 {
    position: relative;
    width: 100%;
    max-width: 1080px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px
}

.sx5 {
    align-self: flex-end;
    display: flex;
    align-items: center;
    gap: 9px;
    height: 40px;
    padding: 0 14px 0 8px;
    background: #fff;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px #cdddf4, 0 6px 18px rgba(11, 61, 145, .16);
    transition: transform .18s ease, box-shadow .18s ease
}

.sx6 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: none;
    border-radius: 50%;
    background: linear-gradient(160deg, #e03246 0%, #cc1122 62%, #9e0d1a 100%);
    font: 400 13px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx7 {
    font: 800 12.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap
}

.sx8 {
    padding: 2px 7px;
    border-radius: 9px;
    background: #cc1122;
    font: 700 8.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .12em;
    color: #fff
}

.sx9 {
    font: 400 13px/1 'IBM Plex Sans', sans-serif;
    color: #cc1122
}

.sx10 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    height: 70px;
    padding: 0 9px 0 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: inset 0 0 0 2px #0b3d91, 0 0 0 6px rgba(11, 61, 145, .08), 0 18px 44px rgba(11, 61, 145, .22)
}

.sx11 {
    flex: 1;
    min-width: 0;
    font: 600 19px/1.6 'IBM Plex Sans', sans-serif;
    color: #3d4d66;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.sx12 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    background: #cc1122;
    border-radius: 9px;
    cursor: pointer
}

.sx13 {
    font: 400 24px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx14 {
    position: relative;
    font: 700 15px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .22em;
    color: #0b3d91
}

.sx15 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center
}

.sx16 {
    font: 700 14px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .16em;
    color: #0b3d91
}

.sx17 {
    padding: 11px 22px;
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #cdddf4;
    font: 600 16.5px/1.4 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer;
    transition: background .16s ease, box-shadow .16s ease
}

.sx18 {
    padding: 32px 40px 30px;
    background: #fff
}

.sx19 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px
}

.sx20 {
    margin: 0;
    font: 800 36px/1.22 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #cc1122
}

.sx21 {
    margin: 0;
    max-width: 900px;
    font: 400 19px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx22 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 18px
}

.sx23 {
    position: relative;
    box-sizing: border-box;
    min-width: 0;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .09), 0 10px 26px rgba(11, 61, 145, .11);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 0 16px 22px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transform: perspective(800px) translateZ(0) translateY(0) rotateX(0deg);
    transform-style: preserve-3d;
    transition: transform .24s cubic-bezier(.16, .84, .44, 1), box-shadow .24s ease
}

.sx24 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    border-radius: 14px 14px 0 0;
    background: linear-gradient(90deg, #cc1122, #e03246)
}

.sx25 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    margin: 30px 0 18px;
    border-radius: 50%;
    background: radial-gradient(circle at 34% 28%, #fff 0%, #fdeef0 62%, #fbe2e5 100%);
    box-shadow: inset 0 0 0 1px rgba(204, 17, 34, .12)
}

.sx26 {
    width: 50px;
    height: 50px;
    display: block
}

.sx27 {
    min-width: 0;
    min-height: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font: 700 22px/1.32 'IBM Plex Sans', sans-serif;
    letter-spacing: .002em;
    color: #0b3d91
}

.sx28 {
    white-space: nowrap
}

.sx29 {
    width: 24px;
    height: 2px;
    flex: 0 0 2px;
    margin: 12px 0 12px;
    background: #cc1122
}

.sx30 {
    flex: 1;
    min-width: 0;
    font: 400 17px/1.7 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #000000;
    text-wrap: pretty
}

.sx31 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    font: 700 14.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #cc1122
}

.sx32 {
    font: 400 12px/1 'IBM Plex Sans', sans-serif
}

.sx33 {
    padding: 26px 40px 28px;
    background: #fff
}

.sx34 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 22px
}

.sx35 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sx36 {
    margin: 0;
    font: 800 30px/1.25 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #cc1122
}

.sx37 {
    margin: 0;
    max-width: 840px;
    font: 400 17px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx38 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 24px;
    box-sizing: border-box;
    background: #0b3d91;
    border-radius: 22px;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .22), 0 8px 20px rgba(11, 61, 145, .24);
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .03em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease
}

.sx39 {
    position: relative;
    overflow: hidden;
    padding: 22px 0 26px
}

.sx40 {
    display: flex;
    width: max-content;
    gap: 16px;
    animation: dvmarquee 42s linear infinite
}

.sx41 {
    flex: none;
    width: 212px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px 16px 22px;
    background: #fff;
    border-radius: 12px;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .1), 0 8px 22px rgba(11, 61, 145, .12);
    transform: perspective(700px) translateZ(0) translateY(0) rotateX(0deg);
    transform-style: preserve-3d;
    transition: transform .22s cubic-bezier(.16, .84, .44, 1), box-shadow .22s ease
}

.sx42 {
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center
}

.sx43 {
    max-height: 74px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    display: block
}

.sx44 {
    font: 700 14px/1.45 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    text-align: center;
    text-wrap: balance
}

.sx45 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 46px;
    background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
    pointer-events: none
}

.sx46 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 46px;
    background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0));
    pointer-events: none
}

.sx47 {
    padding: 16px 40px 34px;
    background: #fff
}

.sx48 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px
}

.sx49 {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.sx50 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 28px
}

.sx51 {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .1), 0 8px 22px rgba(11, 61, 145, .12);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform .22s cubic-bezier(.16, .84, .44, 1), box-shadow .22s ease
}

.sx52 {
    position: relative;
    height: 186px;
    background: #fff;
    cursor: zoom-in;
    overflow: hidden
}

.sx53 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.sx54 {
    padding: 10px;
    font: 600 11.5px/1.5 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #8a9bb3;
    text-align: center
}

.sx55 {
    position: absolute;
    inset: 0;
    background: rgba(11, 61, 145, .06);
    opacity: 0;
    transition: opacity .2s ease;
    pointer-events: none
}

.sx56 {
    position: absolute;
    right: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0b3d91;
    box-shadow: 0 6px 18px rgba(11, 61, 145, .32);
    font: 400 19px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    opacity: 0;
    transform: scale(.82);
    transition: opacity .2s ease, transform .2s cubic-bezier(.16, .84, .44, 1);
    pointer-events: none
}

.sx57 {
    position: absolute;
    left: 12px;
    top: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 6px;
    background: #eaf6ee;
    font: 700 11px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #0f6b33
}

.sx58 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #12833f
}

.sx59 {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(11, 61, 145, .16);
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 20px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer
}

.sx60 {
    padding: 18px 20px 14px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1
}

.sx61 {
    min-height: 48px;
    font: 800 16.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: pretty;
    overflow-wrap: anywhere
}

.sx62 {
    display: flex;
    flex-direction: column;
    gap: 9px
}

.sx63 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px
}

.sx64 {
    flex: none;
    font: 400 13px/1.5 'IBM Plex Sans', sans-serif;
    color: #6d7f99
}

.sx65 {
    min-width: 0;
    font: 700 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-align: right;
    overflow-wrap: anywhere
}

.sx66 {
    min-width: 0;
    font: 700 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-align: right;
    overflow-wrap: anywhere
}

.sx67 {
    padding: 0 20px 20px;
    display: flex;
    align-items: stretch;
    gap: 6px
}

.sx68 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 52px;
    padding: 11px 0;
    border-radius: 8px;
    background: #f4f8fe;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 700 11px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap
}

.sx69 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 58px;
    padding: 11px 0;
    border-radius: 8px;
    background: #f4f8fe;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 700 11px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap
}

.sx70 {
    flex: 1 1 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 9px;
    border-radius: 8px;
    background: #fff;
    font: 700 12.5px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #0b3d91;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.sx71 {
    padding: 8px 40px 30px;
    background: #fff
}

.sx72 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 19px;
    box-shadow: 0 1px 3px rgba(11, 61, 145, .08), 0 4px 12px rgba(11, 61, 145, .09);
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, color .18s ease
}

.sx73 {
    font: 400 13px/1 'IBM Plex Sans', sans-serif
}

.sx74 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px
}

.sx75 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 8px 0 16px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 19px;
    box-shadow: inset 0 0 0 2px #cc1122, 0 4px 12px rgba(204, 17, 34, .14);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease
}

.sx76 {
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #cc1122
}

.sx77 {
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 11px;
    background: #cc1122;
    font: 700 11.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx78 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 8px 0 16px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 19px;
    box-shadow: inset 0 0 0 1.5px #dbe3ef;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease
}

.sx79 {
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91
}

.sx80 {
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 11px;
    background: #0b3d91;
    font: 700 11.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx81 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px
}

.sx82 {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .1), 0 8px 22px rgba(11, 61, 145, .12);
    transition: transform .22s cubic-bezier(.16, .84, .44, 1), box-shadow .22s ease
}

.sx83 {
    position: relative;
    height: 126px
}

.sx84 {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 5px 11px;
    border-radius: 6px;
    background: #fff;
    font: 700 10.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .08em;
    color: #cc1122
}

.sx85 {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    flex: 1
}

.sx86 {
    font: 800 16px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: pretty
}

.sx87 {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1
}

.sx88 {
    font: 400 13px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx89 {
    font: 400 13px/1.5 'IBM Plex Sans', sans-serif;
    color: #6d7f99
}

.sx90 {
    font: 700 13px/1.5 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx91 {
    display: flex;
    align-items: center;
    gap: 6px;
    font: 700 12.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #cc1122;
    cursor: pointer
}

.sx92 {
    padding: 0 40px 30px;
    background: #fff
}

.sx93 {
    position: relative;
    overflow: hidden;
    border-radius: 14px
}

.sx94 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.sx95 {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, .9);
    pointer-events: none
}

.sx96 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 34px 40px 36px;
    text-align: center
}

.sx97 {
    font: 700 11px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .2em;
    color: #cc1122
}

.sx98 {
    margin: 0;
    font: 800 32px/1.2 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #cc1122
}

.sx99 {
    color: #0b3d91
}

.sx100 {
    font: 700 16px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #cc1122
}

.sx101 {
    margin: 0;
    max-width: 620px;
    font: 400 15px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx102 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 26px;
    box-sizing: border-box;
    margin-top: 4px;
    background: #cc1122;
    border-radius: 21px;
    box-shadow: 0 2px 6px rgba(204, 17, 34, .22), 0 8px 20px rgba(204, 17, 34, .22);
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease
}

.sx103 {
    font: 400 14px/1 'IBM Plex Sans', sans-serif
}

.sx104 {
    padding: 8px 40px 24px;
    background: #fff
}

.sx105 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 18px
}

.sx106 {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.sx107 {
    padding: 9px 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: inset 0 0 0 2px #cc1122, 0 4px 12px rgba(204, 17, 34, .14);
    font: 700 13px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #cc1122;
    cursor: pointer
}

.sx108 {
    padding: 9px 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1.5px #dbe3ef;
    font: 700 13px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #0b3d91;
    cursor: pointer
}

.sx109 {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start
}

.sx110 {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .1), 0 8px 22px rgba(11, 61, 145, .12);
    transition: transform .22s cubic-bezier(.16, .84, .44, 1), box-shadow .22s ease
}

.sx111 {
    position: relative;
    height: 210px
}

.sx112 {
    position: absolute;
    left: 12px;
    top: 12px;
    padding: 6px 12px;
    border-radius: 6px;
    background: #cc1122;
    font: 700 10.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #fff
}

.sx113 {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 9px
}

.sx114 {
    display: flex;
    align-items: center;
    gap: 10px
}

.sx115 {
    font: 700 11px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #cc1122
}

.sx116 {
    width: 1px;
    flex: 0 0 1px;
    height: 11px;
    background: #dbe3ef
}

.sx117 {
    font: 400 12px/1.4 'IBM Plex Sans', sans-serif;
    color: #6d7f99
}

.sx118 {
    margin: 0;
    font: 800 22px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: pretty
}

.sx119 {
    margin: 0;
    font: 400 14px/1.65 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx120 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    font: 700 12.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #cc1122
}

.sx121 {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.sx122 {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 0;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .1), 0 8px 22px rgba(11, 61, 145, .12);
    transition: transform .22s cubic-bezier(.16, .84, .44, 1), box-shadow .22s ease
}

.sx123 {
    position: relative;
    min-height: 112px
}

.sx124 {
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px
}

.sx125 {
    font: 700 10.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #cc1122
}

.sx126 {
    font: 800 15.5px/1.32 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: pretty
}

.sx127 {
    padding: 32px 40px 8px;
    background: #fff
}

.sx128 {
    position: relative;
    height: 500px;
    background: #eef2f9;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(11, 61, 145, .14), 0 26px 60px rgba(11, 61, 145, .16)
}

.sx129 {
    position: absolute;
    inset: 0;
    animation: abken 30s ease-out both
}

.sx130 {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(6, 24, 58, .88) 0%, rgba(6, 24, 58, .8) 52%, rgba(6, 24, 58, .46) 78%, rgba(6, 24, 58, .12) 100%);
    pointer-events: none
}

.sx131 {
    position: absolute;
    inset: 0;
    background: #fff;
    transform-origin: right;
    transform: scaleX(1);
    transition: transform 1.2s cubic-bezier(.72, 0, .24, 1);
    pointer-events: none
}

.sx132 {
    position: absolute;
    left: 56px;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    max-width: 700px;
    pointer-events: none
}

.sx133 {
    width: 76px;
    height: 5px;
    background: #cc1122;
    transform-origin: left;
    animation: abdraw .9s .5s cubic-bezier(.16, .84, .44, 1) both
}

.sx134 {
    margin: 0;
    font: 800 88px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #fff;
    animation: abrise .9s .55s cubic-bezier(.16, .84, .44, 1) both
}

.sx135 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.sx136 {
    font: 600 26px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff;
    animation: abrise .7s .85s cubic-bezier(.16, .84, .44, 1) both
}

.sx137 {
    font: 600 26px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff;
    animation: abrise .7s .98s cubic-bezier(.16, .84, .44, 1) both
}

.sx138 {
    font: 600 26px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff;
    animation: abrise .7s 1.11s cubic-bezier(.16, .84, .44, 1) both
}

.sx139 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 5px;
    background: #cc1122
}

.sx140 {
    padding: 84px 40px 78px;
    background: #fff
}

.sx141 {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 80px;
    align-items: start;
    width: 100%
}

.sx142 {
    display: flex;
    flex-direction: column;
    gap: 22px
}

.sx143 {
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1);
    display: flex;
    align-items: center;
    gap: 16px
}

.sx144 {
    display: inline-flex;
    align-items: center;
    height: 46px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #0b3d91;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .22), 0 8px 20px rgba(11, 61, 145, .24);
    font: 800 20px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #fff;
    white-space: nowrap
}

.sx145 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1);
    margin: 0;
    font: 800 44px/1.2 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: balance
}

.sx146 {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1);
    margin: 0;
    font: 400 19px/1.9 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx147 {
    font-weight: 700;
    color: #0b3d91
}

.sx148 {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1);
    margin: 0;
    font: 400 19px/1.85 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx149 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px
}

.sx150 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 34px 32px 36px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 1px 3px rgba(11, 61, 145, .08), 0 8px 24px rgba(11, 61, 145, .1);
    transition: transform .22s ease, box-shadow .22s ease;
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1)
}

.sx151 {
    width: 26px;
    height: 3px;
    background: #cc1122
}

.sx152 {
    font: 800 50px/1.05 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx153 {
    font: 500 18px/1.6 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx154 {
    padding: 8px 40px 48px;
    background: #fff
}

.sx155 {
    position: relative;
    padding: 64px 56px 70px;
    background: linear-gradient(135deg, #0b3d91 0%, #082f70 58%, #06265c 100%);
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(11, 61, 145, .24), 0 28px 66px rgba(11, 61, 145, .24)
}

.sx156 {
    position: absolute;
    right: -90px;
    top: -120px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .035);
    pointer-events: none
}

.sx157 {
    position: absolute;
    right: 120px;
    bottom: -160px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(204, 17, 34, .12);
    pointer-events: none
}

.sx158 {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 72px
}

.sx159 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1)
}

.sx160 {
    display: flex;
    align-items: center;
    gap: 16px
}

.sx161 {
    display: inline-flex;
    align-items: center;
    height: 46px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #cc1122;
    box-shadow: 0 2px 6px rgba(204, 17, 34, .26), 0 8px 20px rgba(204, 17, 34, .22);
    font: 800 20px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #fff;
    white-space: nowrap
}

.sx162 {
    margin: 0;
    font: 400 28px/1.7 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #fff;
    text-wrap: pretty
}

.sx163 {
    background: rgba(255, 255, 255, .22);
    transform-origin: top;
    opacity: 0;
    transform: scaleY(0);
    transition: opacity .4s ease, transform 1s cubic-bezier(.16, .84, .44, 1)
}

.sx164 {
    padding: 68px 40px 76px;
    background: #f7f9fc
}

.sx165 {
    width: 100%
}

.sx166 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 64px;
    margin-bottom: 44px
}

.sx167 {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.sx168 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1);
    margin: 0;
    max-width: 780px;
    font: 800 44px/1.2 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: balance
}

.sx169 {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1);
    margin: 0;
    max-width: 400px;
    font: 400 19px/1.8 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-align: right;
    text-wrap: pretty
}

.sx170 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px
}

.sx171 {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(11, 61, 145, .08), 0 8px 24px rgba(11, 61, 145, .1);
    transition: transform .24s ease, box-shadow .24s ease;
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1)
}

.sx172 {
    position: relative;
    height: 230px;
    background: #eef2f9;
    overflow: hidden
}

.sx173 {
    padding: 28px 28px 32px;
    display: flex;
    flex-direction: column;
    gap: 13px;
    flex: 1
}

.sx174 {
    margin: 0;
    font: 800 24px/1.32 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx175 {
    width: 40px;
    height: 3px;
    background: #cc1122
}

.sx176 {
    margin: 0;
    font: 400 18.5px/1.8 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx177 {
    padding: 16px 40px 64px;
    background: #fff
}

.sx178 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 58px 48px 64px;
    background: #f7f9fc;
    border-radius: 26px;
    box-shadow: inset 0 0 0 1px #e7edf7
}

.sx179 {
    display: inline-flex;
    align-items: center;
    height: 44px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #cc1122;
    box-shadow: 0 2px 6px rgba(204, 17, 34, .26), 0 8px 20px rgba(204, 17, 34, .22);
    font: 800 20px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .8s cubic-bezier(.16, .84, .44, 1), transform .8s cubic-bezier(.16, .84, .44, 1)
}

.sx180 {
    margin: 6px 0 0;
    font: 800 36px/1.2 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1)
}

.sx181 {
    margin: 0;
    max-width: 560px;
    font: 400 18px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-align: center;
    text-wrap: pretty;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1)
}

.sx182 {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    height: 226px;
    margin-top: 36px;
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .9s cubic-bezier(.16, .84, .44, 1), transform .9s cubic-bezier(.16, .84, .44, 1)
}

.sx183 {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 50%;
    height: 3px;
    margin-top: -1.5px;
    background: linear-gradient(90deg, rgba(11, 61, 145, 0) 0%, #cfdaee 12%, #cfdaee 88%, rgba(11, 61, 145, 0) 100%);
    pointer-events: none
}

.sx184 {
    position: relative;
    height: 226px;
    display: flex;
    align-items: center;
    justify-content: center
}

.sx185 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    flex: none;
    border-radius: 50%;
    background: #e3ebf8;
    box-shadow: 0 0 0 9px #f7f9fc;
    font: 800 19.5px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    text-align: center;
    cursor: pointer;
    transition: width .4s cubic-bezier(.16, .84, .44, 1), height .4s cubic-bezier(.16, .84, .44, 1), background .35s ease, box-shadow .35s ease, color .35s ease
}

.sx186 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 196px;
    height: 196px;
    flex: none;
    border-radius: 50%;
    background: #cc1122;
    box-shadow: 0 16px 44px rgba(204, 17, 34, .32);
    font: 800 23px/1.25 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: width .4s cubic-bezier(.16, .84, .44, 1), height .4s cubic-bezier(.16, .84, .44, 1), background .35s ease, box-shadow .35s ease, color .35s ease
}

.sx187 {
    margin-top: 36px;
    max-width: 780px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center
}

.sx188 {
    width: 42px;
    height: 4px;
    background: #cc1122
}

.sx189 {
    margin: 0;
    font: 800 29px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx190 {
    margin: 0;
    font: 400 20px/1.8 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx191 {
    padding: 80px 40px 84px;
    background: #fff
}

.sx192 {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    gap: 80px;
    align-items: start
}

.sx193 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 28px
}

.sx194 {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1);
    margin: 0;
    font: 400 17px/1.85 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx195 {
    display: flex;
    flex-direction: column
}

.sx196 {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
    padding: 30px 0;
    box-shadow: inset 0 1px 0 #e4e9f2, inset 0 -1px 0 #e4e9f2;
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1)
}

.sx197 {
    width: 34px;
    height: 4px;
    margin-top: 13px;
    background: #cc1122
}

.sx198 {
    margin: 0;
    font: 800 25px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx199 {
    margin: 0;
    max-width: 720px;
    font: 400 17px/1.85 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx200 {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 26px;
    align-items: start;
    padding: 30px 0;
    box-shadow: inset 0 1px 0 #e4e9f2;
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1)
}

.sx201 {
    padding: 78px 40px 84px;
    background: #fff
}

.sx202 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 22px
}

.sx203 {
    display: flex;
    align-items: center;
    gap: 16px;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .8s cubic-bezier(.16, .84, .44, 1), transform .8s cubic-bezier(.16, .84, .44, 1)
}

.sx204 {
    margin: 0;
    font: 400 33px/1.55 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: pretty;
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1)
}

.sx205 {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 12px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .85s cubic-bezier(.16, .84, .44, 1), transform .85s cubic-bezier(.16, .84, .44, 1)
}

.sx206 {
    width: 52px;
    height: 4px;
    flex: 0 0 52px;
    background: #cc1122
}

.sx207 {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.sx208 {
    font: 800 23px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx209 {
    font: 600 16.5px/1.6 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #cc1122
}

.sx210 {
    position: relative;
    overflow: hidden;
    background: #071f52;
    padding: 78px 40px 84px
}

.sx211 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .55;
    display: block;
    pointer-events: none
}

.sx212 {
    position: absolute;
    inset: 0;
    background: linear-gradient(95deg, rgba(7, 31, 82, .96) 0%, rgba(7, 31, 82, .86) 52%, rgba(7, 31, 82, .72) 100%);
    pointer-events: none
}

.sx213 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 820px
}

.sx214 {
    display: flex;
    align-items: center;
    gap: 9px;
    font: 600 12.5px/1.4 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .72)
}

.sx215 {
    color: rgba(255, 255, 255, .72)
}

.sx216 {
    color: #cc1122
}

.sx217 {
    color: #fff
}

.sx218 {
    font: 700 12px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .22em;
    color: #a8ccff
}

.sx219 {
    margin: 0;
    font: 800 44px/1.2 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #fff;
    text-wrap: pretty
}

.sx220 {
    margin: 0;
    max-width: 720px;
    font: 400 19px/1.7 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .9);
    text-wrap: pretty
}

.sx221 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px
}

.sx222 {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 18px;
    background: rgba(255, 255, 255, .12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34);
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff;
    white-space: nowrap
}

.sx223 {
    padding: 68px 40px 76px;
    background: #fff
}

.sx224 {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 40px;
    align-items: start
}

.sx225 {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.sx226 {
    font: 700 12px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .18em;
    color: #cc1122
}

.sx227 {
    margin: 0;
    font: 800 36px/1.22 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx228 {
    margin: 0;
    font: 400 16px/1.8 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx229 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 30px 32px 32px;
    box-sizing: border-box;
    background: #0b3d91;
    border-radius: 16px
}

.sx230 {
    font: 700 11px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .18em;
    color: #a8ccff
}

.sx231 {
    display: flex;
    flex-direction: column;
    gap: 13px
}

.sx232 {
    font: 400 15px/1.6 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx233 {
    height: 1px;
    background: rgba(255, 255, 255, .2)
}

.sx234 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 28px
}

.sx235 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 26px 24px 28px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .1), 0 10px 26px rgba(11, 61, 145, .11)
}

.sx236 {
    font: 700 11px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .18em;
    color: #cc1122
}

.sx237 {
    font: 800 19px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx238 {
    font: 400 14px/1.65 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx239 {
    padding: 68px 40px 76px;
    background: #f3f6fb
}

.sx240 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 26px
}

.sx241 {
    display: flex;
    align-items: flex-start;
    gap: 34px;
    flex-wrap: wrap;
    padding-bottom: 22px;
    box-shadow: inset 0 -1px 0 #dbe4f2;
    margin-bottom: 30px
}

.sx242 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 9px;
    cursor: pointer
}

.sx243 {
    font: 700 15.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap
}

.sx244 {
    height: 3px;
    background: #cc1122
}

.sx245 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.sx246 {
    margin: 0;
    font: 800 26px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx247 {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 28px 30px 30px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(11, 61, 145, .1), 0 18px 44px rgba(11, 61, 145, .12)
}

.sx248 {
    font: 800 17px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx249 {
    display: flex;
    flex-wrap: wrap;
    gap: 9px
}

.sx250 {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 17px;
    background: #eef2f9;
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap
}

.sx251 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px
}

.sx252 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px
}

.sx253 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 16px 18px;
    box-sizing: border-box;
    background: #f3f6fb;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px #e3ebf8
}

.sx254 {
    font: 800 15.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx255 {
    font: 400 13.5px/1.6 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx256 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    padding: 34px 40px 36px;
    box-sizing: border-box;
    background: #0b3d91;
    border-radius: 18px
}

.sx257 {
    margin: 0;
    font: 800 26px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #fff;
    text-wrap: pretty
}

.sx258 {
    font: 400 15.5px/1.6 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .88)
}

.sx259 {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap
}

.sx260 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #cc1122;
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #fff;
    white-space: nowrap;
    text-decoration: none
}

.sx261 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 23px;
    box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55);
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #fff;
    white-space: nowrap;
    text-decoration: none
}

.sx262 {
    position: absolute;
    inset: 0;
    background: linear-gradient(95deg, rgba(7, 31, 82, .97) 0%, rgba(7, 31, 82, .9) 44%, rgba(7, 31, 82, .45) 100%);
    pointer-events: none
}

.sx263 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    max-width: 800px
}

.sx264 {
    margin: 0;
    max-width: 690px;
    font: 400 19px/1.7 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .9);
    text-wrap: pretty
}

.sx265 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px
}

.sx266 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 22px 16px 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 14px;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .09), 0 10px 26px rgba(11, 61, 145, .1);
    transition: transform .2s ease, box-shadow .2s ease
}

.sx267 {
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center
}

.sx268 {
    max-height: 66px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    display: block
}

.sx269 {
    font: 700 13.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    text-align: center
}

.sx270 {
    font: 400 12px/1.45 'IBM Plex Sans', sans-serif;
    color: #6d7f99;
    text-align: center
}

.sx271 {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 40px;
    align-items: start
}

.sx272 {
    width: 64px;
    height: 4px;
    flex: none;
    background: #cc1122
}

.sx273 {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 8px
}

.sx274 {
    display: flex;
    align-items: center;
    height: 34px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 17px;
    background: #fff;
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(11, 61, 145, .1), 0 6px 16px rgba(11, 61, 145, .1)
}

.sx275 {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 34px 36px 36px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(11, 61, 145, .1), 0 18px 44px rgba(11, 61, 145, .13)
}

.sx276 {
    height: 1px;
    background: #eef2f9
}

.sx277 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 26px 22px 28px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .1), 0 10px 26px rgba(11, 61, 145, .11)
}

.sx278 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: none;
    border-radius: 50%;
    background: #eef2f9;
    font: 800 15px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #0b3d91
}

.sx279 {
    font: 400 14.5px/1.65 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx280 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 24px 22px 26px;
    box-sizing: border-box;
    background: #f3f6fb;
    border-radius: 14px;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    transition: box-shadow .2s ease, transform .2s ease
}

.sx281 {
    width: 26px;
    height: 3px;
    flex: none;
    background: #cc1122
}

.sx282 {
    font: 800 17px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx283 {
    padding: 38px 40px 40px;
    box-sizing: border-box;
    background: #0b3d91;
    border-radius: 18px
}

.sx284 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px
}

.sx285 {
    font: 700 12px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .18em;
    color: #a8ccff
}

.sx286 {
    margin: 0;
    font: 800 30px/1.25 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #fff
}

.sx287 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px
}

.sx288 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 22px 24px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .07);
    border-radius: 14px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18)
}

.sx289 {
    font: 800 16px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #fff
}

.sx290 {
    font: 400 13.5px/1.6 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .86)
}

.sx291 {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 32px 34px 34px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(11, 61, 145, .1), 0 18px 44px rgba(11, 61, 145, .12)
}

.sx292 {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0;
    align-items: start
}

.sx293 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: none;
    margin-top: 3px;
    border-radius: 50%;
    background: #eef2f9;
    font: 800 11.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx294 {
    font: 400 15.5px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx295 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px
}

.sx296 {
    position: relative;
    min-height: 190px;
    border-radius: 14px;
    overflow: hidden;
    background: #eef2f9;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .1), 0 12px 30px rgba(11, 61, 145, .12)
}

.sx297 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    padding: 34px 40px 36px;
    box-sizing: border-box;
    background: #cc1122;
    border-radius: 18px
}

.sx298 {
    font: 400 15.5px/1.6 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .9)
}

.sx299 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #fff;
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #cc1122;
    white-space: nowrap;
    text-decoration: none
}

.sx300 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 23px;
    box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .6);
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #fff;
    white-space: nowrap;
    text-decoration: none
}

.sx301 {
    padding: 26px 40px 8px;
    background: linear-gradient(180deg, #edf4fe 0%, #f7fafe 100%)
}

.sx302 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    font: 600 12.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx303 {
    color: #000000;
    text-decoration: none
}

.sx304 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap
}

.sx305 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 11px
}

.sx306 {
    font: 700 12px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .2em;
    color: #cc1122
}

.sx307 {
    margin: 0;
    font: 800 36px/1.18 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: pretty
}

.sx308 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
}

.sx309 {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 600 13px/1 'IBM Plex Mono', monospace;
    color: #0b3d91;
    white-space: nowrap
}

.sx310 {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eaf6ee;
    font: 700 12px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #0f6b33;
    white-space: nowrap
}

.sx311 {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 700 12px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #0b3d91;
    white-space: nowrap
}

.sx312 {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap
}

.sx313 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #12833f;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    transition: background .16s ease
}

.sx314 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: box-shadow .16s ease
}

.sx315 {
    padding: 22px 40px 30px;
    background: #fff
}

.sx316 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr));
    gap: 28px;
    align-items: start
}

.sx317 {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    overflow: hidden;
    cursor: zoom-in
}

.sx318 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block
}

.sx319 {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #0b3d91;
    box-shadow: 0 6px 18px rgba(11, 61, 145, .32);
    font: 400 21px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    opacity: 0;
    transform: scale(.82);
    transition: opacity .2s ease, transform .2s cubic-bezier(.16, .84, .44, 1);
    pointer-events: none
}

.sx320 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px
}

.sx321 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #f4f8fe;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #0b3d91;
    white-space: nowrap;
    text-decoration: none;
    transition: background .16s ease, box-shadow .16s ease
}

.sx322 {
    position: relative;
    display: block;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    background: linear-gradient(135deg, #f6c453 0%, #e8a627 48%, #c9821c 100%);
    box-shadow: 0 2px 6px rgba(11, 61, 145, .1), 0 10px 26px rgba(201, 130, 28, .24);
    transition: transform .2s cubic-bezier(.16, .84, .44, 1), box-shadow .2s ease
}

.sx323 {
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, rgba(255, 250, 238, .96) 0%, rgba(255, 250, 238, .92) 58%, rgba(255, 250, 238, .74) 100%);
    pointer-events: none
}

.sx324 {
    position: absolute;
    right: -26px;
    top: -38px;
    width: 196px;
    height: 196px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .34);
    pointer-events: none
}

.sx325 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px 20px
}

.sx326 {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px
}

.sx327 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

.sx328 {
    display: flex;
    align-items: center;
    height: 22px;
    padding: 0 9px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #8a4b0f;
    font: 700 10px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: #fff;
    white-space: nowrap
}

.sx329 {
    font: 700 11.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: #8a4b0f
}

.sx330 {
    font: 800 17px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #3d2405;
    text-wrap: pretty
}

.sx331 {
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding: 6px 11px;
    border-radius: 7px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e8d5ac;
    white-space: nowrap
}

.sx332 {
    font: 700 10px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #0b5c33
}

.sx333 {
    font: 800 16px/1 'IBM Plex Sans', sans-serif;
    color: #8a4b0f
}

.sx334 {
    font: 600 12.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #5a3a10;
    white-space: nowrap
}

.sx335 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 21px;
    background: #8a4b0f;
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff;
    white-space: nowrap
}

.sx336 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.sx337 {
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    overflow: hidden
}

.sx338 {
    padding: 14px 16px;
    background: #f7fafe;
    box-shadow: inset 0 -1px 0 #e3ebf8
}

.sx339 {
    font: 700 13px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .12em;
    color: #0b3d91
}

.sx340 {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 18px;
    padding: 11px 16px;
    box-shadow: inset 0 -1px 0 #eef2f9
}

.sx341 {
    font: 400 13.5px/1.6 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx342 {
    min-width: 0;
    font: 600 13.5px/1.6 'IBM Plex Mono', monospace;
    color: #111111;
    overflow-wrap: anywhere
}

.sx343 {
    min-width: 0;
    font: 700 14px/1.6 'IBM Plex Sans', sans-serif;
    color: #111111;
    overflow-wrap: anywhere
}

.sx344 {
    min-width: 0;
    font: 600 12.5px/1.65 'IBM Plex Mono', monospace;
    color: #111111;
    overflow-wrap: anywhere
}

.sx345 {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 18px;
    padding: 11px 16px
}

.sx346 {
    min-width: 0;
    font: 400 13.5px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    overflow-wrap: anywhere
}

.sx347 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.sx348 {
    flex: 1 1 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #cc1122;
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    transition: background .16s ease
}

.sx349 {
    flex: 1 1 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap;
    text-decoration: none
}

.sx350 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 12px;
    background: #fff8e8;
    box-shadow: inset 0 0 0 1px #f0dcae
}

.sx351 {
    flex: none;
    font: 400 16px/1.3 'IBM Plex Sans', sans-serif;
    color: #9a6a05
}

.sx352 {
    font: 400 13.5px/1.65 'IBM Plex Sans', sans-serif;
    color: #6b4a06;
    text-wrap: pretty
}

.sx353 {
    padding: 30px 40px;
    background: #f7fafe
}

.sx354 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
    gap: 30px;
    align-items: start
}

.sx355 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.sx356 {
    margin: 0;
    font: 800 26px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: pretty
}

.sx357 {
    margin: 0;
    font: 400 15.5px/1.75 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx358 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 22px;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8
}

.sx359 {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-bottom: 12px;
    box-shadow: inset 0 -1px 0 #eef2f9
}

.sx360 {
    flex: none;
    width: 6px;
    height: 6px;
    margin-top: 8px;
    border-radius: 50%;
    background: #cc1122
}

.sx361 {
    min-width: 0;
    font: 400 14.5px/1.65 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx362 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
    gap: 28px;
    align-items: start
}

.sx363 {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
    gap: 12px
}

.sx364 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8
}

.sx365 {
    font: 700 12.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #cc1122;
    overflow-wrap: anywhere
}

.sx366 {
    font: 400 13.5px/1.6 'IBM Plex Sans', sans-serif;
    color: #111111;
    overflow-wrap: anywhere
}

.sx367 {
    padding: 30px 40px;
    background: #fff
}

.sx368 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap
}

.sx369 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sx370 {
    font: 400 14.5px/1.6 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx371 {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 22px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #0b3d91;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.sx372 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
    gap: 18px
}

.sx373 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    text-decoration: none;
    box-shadow: inset 0 0 0 1px #e3ebf8, 0 2px 6px rgba(11, 61, 145, .06);
    overflow: hidden;
    transition: transform .2s cubic-bezier(.16, .84, .44, 1), box-shadow .2s ease
}

.sx374 {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    background: #fbfcfe
}

.sx375 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 15px 16px 17px
}

.sx376 {
    min-height: 42px;
    font: 700 14.5px/1.4 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
    overflow-wrap: anywhere
}

.sx377 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px
}

.sx378 {
    font: 400 12.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx379 {
    min-width: 0;
    font: 600 12.5px/1.5 'IBM Plex Mono', monospace;
    color: #111111;
    text-align: right;
    overflow-wrap: anywhere
}

.sx380 {
    min-width: 0;
    font: 600 12.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-align: right
}

.sx381 {
    display: flex;
    align-items: center;
    align-self: flex-start;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    margin-top: 2px;
    border-radius: 13px;
    background: #eaf6ee;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .05em;
    color: #0f6b33;
    white-space: nowrap
}

.sx382 {
    display: flex;
    align-items: center;
    align-self: flex-start;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    margin-top: 2px;
    border-radius: 13px;
    background: #fff4e2;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .05em;
    color: #7a5404;
    white-space: nowrap
}

.sx383 {
    padding: 34px 40px;
    background: #071f52
}

.sx384 {
    display: grid;
    grid-template-columns: minmax(min(300px, 100%), 0.78fr) minmax(min(420px, 100%), 1.55fr);
    gap: 32px;
    align-items: start
}

.sx385 {
    margin: 0;
    font: 800 30px/1.25 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #fff;
    text-wrap: pretty
}

.sx386 {
    margin: 0;
    max-width: 440px;
    font: 400 15.5px/1.7 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .88);
    text-wrap: pretty
}

.sx387 {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 6px
}

.sx388 {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 16px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18)
}

.sx389 {
    font: 700 11.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: #a8ccff
}

.sx390 {
    display: flex;
    align-items: center;
    gap: 11px;
    font: 700 16px/1.5 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none
}

.sx391 {
    font: 400 15px/1 'IBM Plex Sans', sans-serif;
    color: #a8ccff
}

.sx392 {
    display: flex;
    align-items: center;
    gap: 11px;
    font: 400 15px/1.5 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .92);
    text-decoration: none;
    overflow-wrap: anywhere
}

.sx393 {
    flex: none;
    font: 400 15px/1 'IBM Plex Sans', sans-serif;
    color: #a8ccff
}

.sx394 {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 16px 18px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .07);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18)
}

.sx395 {
    width: 100%;
    box-sizing: border-box;
    height: 44px;
    padding: 0 14px;
    border: 0;
    outline: 0;
    border-radius: 9px;
    background: #fff;
    font: 600 14px/1 'IBM Plex Sans', sans-serif;
    color: #111111;
    appearance: none;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, #0b3d91 50%), linear-gradient(135deg, #0b3d91 50%, transparent 50%);
    background-position: calc(100% - 19px) 20px, calc(100% - 13px) 20px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat
}

.sx396 {
    font: 400 13px/1.55 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .66);
    text-wrap: pretty
}

.sx397 {
    font: 400 13.5px/1.6 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .62)
}

.sx398 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 14px;
    background: #f7fafe
}

.sx399 {
    font: 800 21px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx400 {
    font: 700 14px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx401 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px
}

.sx402 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px
}

.sx403 {
    font: 600 12.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #000000
}

.sx404 {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    padding: 0 14px;
    border: 0;
    outline: 0;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 500 14.5px/1 'IBM Plex Sans', sans-serif;
    color: #111111;
    transition: box-shadow .16s ease
}

.sx405 {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    padding: 0 14px;
    border: 0;
    outline: 0;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 500 14.5px/1 'IBM Plex Sans', sans-serif;
    color: #111111;
    transition: box-shadow .16s ease;
    appearance: none;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, #0b3d91 50%), linear-gradient(135deg, #0b3d91 50%, transparent 50%);
    background-position: calc(100% - 19px) 21px, calc(100% - 13px) 21px;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat
}

.sx406 {
    display: flex;
    align-items: center;
    gap: 0;
    height: 46px;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    overflow: hidden
}

.sx407 {
    flex: none;
    width: 96px;
    height: 46px;
    padding: 0 24px 0 11px;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    background: #f2f6fc;
    box-shadow: inset -1px 0 0 #dde7f6;
    font: 600 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #111111;
    appearance: none;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, #0b3d91 50%), linear-gradient(135deg, #0b3d91 50%, transparent 50%);
    background-position: calc(100% - 15px) 21px, calc(100% - 10px) 21px;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat
}

.sx408 {
    flex: 1;
    min-width: 0;
    height: 46px;
    padding: 0 14px;
    border: 0;
    outline: 0;
    background: transparent;
    font: 500 14.5px/1 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx409 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 14px 16px;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6
}

.sx410 {
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background: #fff;
    box-shadow: inset 0 0 0 2px #c3cdd9
}

.sx411 {
    flex: 1;
    min-width: 0;
    font: 500 14px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx412 {
    flex: none;
    font: 600 10px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #8a9bb3;
    text-align: right
}

.sx413 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px
}

.sx414 {
    flex: 0 0 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 34px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #cc1122;
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease
}

.sx415 {
    font: 400 12.5px/1.6 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx416 {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.sx417 {
    margin: 0;
    font: 800 22px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx418 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.sx419 {
    display: flex;
    align-items: center;
    height: 32px;
    padding: 0 14px;
    box-sizing: border-box;
    border-radius: 16px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 600 12.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
    transition: background .16s ease, box-shadow .16s ease
}

.sx420 {
    padding: 26px 40px 30px;
    background: #fff
}

.sx421 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 22px;
    border-radius: 12px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8
}

.sx422 {
    font: 400 13.5px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx423 {
    font: 400 13.5px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx424 {
    position: fixed;
    inset: 0;
    z-index: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: rgba(4, 14, 38, .62);
    animation: zmfade .2s ease both;
    cursor: zoom-out;
    display: none
}

.sx425 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(860px, calc(58vh * 1.5), 100%);
    max-height: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 30px 80px rgba(2, 8, 26, .45);
    overflow: hidden;
    animation: zmpop .24s cubic-bezier(.16, .84, .44, 1) both;
    cursor: default
}

.sx426 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px 14px
}

.sx427 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.sx428 {
    font: 800 18px/1.35 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx429 {
    font: 400 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx430 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #eef2f9;
    font: 400 17px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer
}

.sx431 {
    flex: 1;
    min-height: 0;
    padding: 0 22px 22px
}

.sx432 {
    width: 100%;
    aspect-ratio: 3 / 2;
    border-radius: 10px;
    background: #fbfcfe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    overflow: hidden
}

.sx433 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
    gap: 28px;
    align-items: end
}

.sx434 {
    margin: 0;
    max-width: 640px;
    font: 400 15.5px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx435 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.sx436 {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 56px;
    padding: 0 6px 0 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
    box-shadow: inset 0 0 0 2px #0b3d91, 0 6px 18px rgba(11, 61, 145, .14)
}

.sx437 {
    flex: none;
    font: 400 21px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx438 {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font: 600 15px/1 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx439 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 9px;
    background: #f4f8fe;
    font: 400 17px/1 'IBM Plex Sans', sans-serif;
    color: #000000;
    cursor: pointer
}

.sx440 {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 700 12px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #0b3d91;
    white-space: nowrap
}

.sx441 {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eaf6ee;
    font: 700 12px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #0f6b33;
    white-space: nowrap
}

.sx442 {
    position: sticky;
    top: 0;
    z-index: 150;
    padding: 14px 40px;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(8px);
    box-shadow: inset 0 -1px 0 #e3ebf8, 0 6px 18px rgba(11, 61, 145, .07)
}

.sx443 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.sx444 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 800 18px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #0b3d91;
    cursor: pointer;
    transition: background .16s ease, box-shadow .16s ease, transform .16s ease
}

.sx445 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #0b3d91;
    box-shadow: inset 0 0 0 2px #0b3d91, 0 8px 20px rgba(11, 61, 145, .28);
    font: 800 18px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff;
    cursor: pointer;
    transition: background .16s ease, box-shadow .16s ease, transform .16s ease
}

.sx446 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1.5px #e7edf7;
    font: 800 18px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #8a9bb3;
    cursor: not-allowed;
    transition: background .16s ease, box-shadow .16s ease, transform .16s ease
}

.sx447 {
    padding: 22px 40px 40px;
    background: #fff
}

.sx448 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap
}

.sx449 {
    min-width: 0;
    font: 400 15px/1.6 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx450 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.sx451 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #eef4ff;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, box-shadow .16s ease
}

.sx452 {
    display: flex;
    flex-direction: column;
    gap: 26px
}

.sx453 {
    display: flex;
    align-items: center;
    gap: 14px
}

.sx454 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0b3d91;
    font: 800 17px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx455 {
    font: 700 13px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #000000;
    white-space: nowrap
}

.sx456 {
    flex: 1;
    min-width: 0;
    height: 1px;
    background: #e3ebf8
}

.sx457 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(272px, 100%), 1fr));
    gap: 13px
}

.sx458 {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    transition: transform .18s cubic-bezier(.16, .84, .44, 1), box-shadow .18s ease, background .18s ease
}

.sx459 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px
}

.sx460 {
    min-width: 0;
    font: 700 16px/1.45 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    overflow-wrap: anywhere
}

.sx461 {
    font: 500 12.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .03em;
    color: #000000;
    white-space: nowrap
}

.sx462 {
    flex: none;
    font: 400 16px/1 'IBM Plex Sans', sans-serif;
    color: #cc1122
}

.sx463 {
    display: flex;
    justify-content: center;
    padding-top: 6px
}

.sx464 {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 48px;
    padding: 0 30px;
    box-sizing: border-box;
    border-radius: 24px;
    background: #0b3d91;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease
}

.sx465 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap
}

.sx466 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.sx467 {
    margin: 0;
    font: 800 28px/1.28 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #fff;
    text-wrap: pretty
}

.sx468 {
    margin: 0;
    max-width: 560px;
    font: 400 15.5px/1.7 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .88);
    text-wrap: pretty
}

.sx469 {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap
}

.sx470 {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #cc1122;
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.sx471 {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #12833f;
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.sx472 {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.sx473 {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 700 12px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #0b3d91;
    white-space: nowrap
}

.sx474 {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eaf6ee;
    font: 700 12px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #0f6b33;
    white-space: nowrap
}

.sx475 {
    display: grid;
    grid-template-columns: 304px minmax(0, 1fr);
    gap: 28px;
    align-items: start
}

.sx476 {
    min-width: 0;
    position: sticky;
    top: 18px;
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-right: 2px
}

.sx477 {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 2px
}

.sx478 {
    font: 800 17px/1.3 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx479 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #eef2f9;
    font: 400 17px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer
}

.sx480 {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;
    padding: 0 5px 0 15px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 11px;
    box-shadow: inset 0 0 0 2px #0b3d91, 0 4px 14px rgba(11, 61, 145, .12)
}

.sx481 {
    flex: none;
    font: 400 19px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx482 {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font: 600 14px/1 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx483 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #f4f8fe;
    font: 400 15px/1 'IBM Plex Sans', sans-serif;
    color: #000000;
    cursor: pointer
}

.sx484 {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding: 18px;
    border-radius: 13px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #dde7f6
}

.sx485 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font: 700 12px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: #0b3d91
}

.sx486 {
    display: flex;
    flex-direction: column;
    gap: 7px
}

.sx487 {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 9px 13px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, box-shadow .16s ease
}

.sx488 {
    flex: none;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx489 {
    flex: 1;
    min-width: 0;
    font: 700 13px/1.3 'IBM Plex Sans', sans-serif;
    text-wrap: pretty
}

.sx490 {
    flex: none;
    display: flex;
    align-items: center;
    height: 21px;
    padding: 0 8px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #eef4ff;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx491 {
    flex: none;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    color: #0f6b33
}

.sx492 {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0f6b33
}

.sx493 {
    flex: none;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    color: #8a5a00
}

.sx494 {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c98b12
}

.sx495 {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0b3d91
}

.sx496 {
    flex: none;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    color: #5b2a91
}

.sx497 {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7a3fc0
}

.sx498 {
    flex: none;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    color: #a1101f
}

.sx499 {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cc1122
}

.sx500 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 42px;
    padding: 0 13px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 9px;
    box-shadow: inset 0 0 0 1.5px #cdddf4
}

.sx501 {
    flex: none;
    font: 400 16px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx502 {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font: 600 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx503 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(34px, 1fr));
    gap: 6px
}

.sx504 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    pointer-events: auto;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, box-shadow .16s ease
}

.sx505 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #eef2f9;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #a9b6c9;
    pointer-events: none;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, box-shadow .16s ease
}

.sx506 {
    font: 400 12px/1.5 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx507 {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 9px 14px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #0b3d91;
    box-shadow: inset 0 0 0 2px #0b3d91, 0 8px 20px rgba(11, 61, 145, .26);
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    cursor: pointer;
    transition: background .16s ease, color .16s ease
}

.sx508 {
    min-width: 0;
    font: 700 13px/1.3 'IBM Plex Sans', sans-serif;
    text-wrap: pretty
}

.sx509 {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 9px 14px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer;
    transition: background .16s ease, color .16s ease
}

.sx510 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, color .16s ease
}

.sx511 {
    display: none;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #cc1122;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    cursor: pointer
}

.sx512 {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 48px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #0b3d91;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    cursor: pointer
}

.sx513 {
    display: flex;
    flex-direction: column;
    gap: 3px
}

.sx514 {
    display: block;
    width: 16px;
    height: 2px;
    border-radius: 1px;
    background: #fff
}

.sx515 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #dde7f6
}

.sx516 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #0b3d91;
    box-shadow: 0 4px 12px rgba(11, 61, 145, .24);
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, color .16s ease
}

.sx517 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 8px;
    background: transparent;
    box-shadow: none;
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, color .16s ease
}

.sx518 {
    display: flex;
    flex-direction: column;
    gap: 30px
}

.sx519 {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.sx520 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px
}

.sx521 {
    min-width: 0;
    font: 800 19px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: pretty
}

.sx522 {
    min-width: 0;
    font: 700 12.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .08em;
    color: #000000;
    text-wrap: pretty
}

.sx523 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    gap: 16px
}

.sx524 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 13px;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    overflow: hidden;
    transition: transform .18s cubic-bezier(.16, .84, .44, 1), box-shadow .18s ease
}

.sx525 {
    position: relative;
    height: 186px;
    background: #fff
}

.sx526 {
    position: absolute;
    inset: 0;
    overflow: hidden;
    cursor: zoom-in;
    background: #fff
}

.sx527 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 14px;
    box-sizing: border-box;
    transition: transform .32s cubic-bezier(.16, .84, .44, 1)
}

.sx528 {
    position: absolute;
    inset: 0;
    background: rgba(11, 61, 145, .05);
    opacity: 0;
    transition: opacity .2s ease;
    pointer-events: none
}

.sx529 {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6, 0 4px 14px rgba(11, 61, 145, .2);
    font: 400 16px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .2s ease, transform .2s ease;
    pointer-events: none
}

.sx530 {
    position: absolute;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #eaf6ee;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .05em;
    color: #0f6b33;
    white-space: nowrap
}

.sx531 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #0f6b33
}

.sx532 {
    position: absolute;
    right: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8, 0 2px 8px rgba(11, 61, 145, .12);
    font: 400 19px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer;
    transition: box-shadow .16s ease, color .16s ease
}

.sx533 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px 20px 20px
}

.sx534 {
    min-width: 0;
    min-height: 44px;
    font: 700 17px/1.4 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none;
    text-wrap: pretty;
    overflow-wrap: anywhere
}

.sx535 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px
}

.sx536 {
    font: 400 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #000000;
    white-space: nowrap
}

.sx537 {
    min-width: 0;
    font: 700 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-align: right
}

.sx538 {
    display: flex;
    align-items: stretch;
    gap: 9px
}

.sx539 {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 42px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
    transition: background .16s ease, color .16s ease
}

.sx540 {
    flex: 1 1 auto;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 42px;
    padding: 0 14px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, color .16s ease
}

.sx541 {
    position: absolute;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #eef4ff;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .05em;
    color: #0b3d91;
    white-space: nowrap
}

.sx542 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #0b3d91
}

.sx543 {
    position: absolute;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff8e8;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .05em;
    color: #8a5a00;
    white-space: nowrap
}

.sx544 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #c98b12
}

.sx545 {
    position: absolute;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #f3eefb;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .05em;
    color: #5b2a91;
    white-space: nowrap
}

.sx546 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #7a3fc0
}

.sx547 {
    position: absolute;
    left: 14px;
    top: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 26px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fdeef0;
    font: 700 11px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .05em;
    color: #a1101f;
    white-space: nowrap
}

.sx548 {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #cc1122
}

.sx549 {
    width: 100%;
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    display: none
}

.sx550 {
    min-width: 1130px;
    display: flex;
    flex-direction: column
}

.sx551 {
    display: grid;
    grid-template-columns: 44px minmax(200px, 2.1fr) minmax(100px, 1fr) minmax(118px, 1.15fr) minmax(170px, 1.1fr) minmax(76px, .7fr) minmax(120px, 1fr) 168px;
    gap: 14px;
    align-items: center;
    padding: 12px 16px;
    background: #f7fafe;
    box-shadow: inset 0 -1px 0 #dde7f6
}

.sx552 {
    font: 700 11.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #0b3d91
}

.sx553 {
    font: 700 11.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .1em;
    color: #0b3d91;
    text-align: right
}

.sx554 {
    display: grid;
    grid-template-columns: 44px minmax(200px, 2.1fr) minmax(100px, 1fr) minmax(118px, 1.15fr) minmax(170px, 1.1fr) minmax(76px, .7fr) minmax(120px, 1fr) 168px;
    gap: 14px;
    align-items: center;
    padding: 11px 16px;
    background: #fff;
    box-shadow: inset 0 -1px 0 #eef2f9;
    transition: background .16s ease
}

.sx555 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8, 0 2px 8px rgba(11, 61, 145, .12);
    font: 400 16px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer
}

.sx556 {
    min-width: 0;
    font: 700 14px/1.4 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none;
    text-wrap: pretty;
    overflow-wrap: anywhere
}

.sx557 {
    min-width: 0;
    font: 600 12.5px/1.45 'IBM Plex Mono', monospace;
    color: #111111;
    overflow-wrap: anywhere
}

.sx558 {
    min-width: 0;
    overflow: hidden;
    font: 600 12.5px/1.45 'IBM Plex Mono', monospace;
    color: #111111;
    white-space: nowrap
}

.sx559 {
    min-width: 0;
    overflow: hidden;
    font: 600 12.5px/1.45 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-align: right;
    white-space: nowrap
}

.sx560 {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow: hidden
}

.sx561 {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0f6b33
}

.sx562 {
    min-width: 0;
    font: 700 10.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #0f6b33;
    text-wrap: pretty
}

.sx563 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px
}

.sx564 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 11.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap
}

.sx565 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #f4f8fe;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer
}

.sx566 {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0b3d91
}

.sx567 {
    min-width: 0;
    font: 700 10.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #0b3d91;
    text-wrap: pretty
}

.sx568 {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c98b12
}

.sx569 {
    min-width: 0;
    font: 700 10.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #8a5a00;
    text-wrap: pretty
}

.sx570 {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #7a3fc0
}

.sx571 {
    min-width: 0;
    font: 700 10.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #5b2a91;
    text-wrap: pretty
}

.sx572 {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #cc1122
}

.sx573 {
    min-width: 0;
    font: 700 10.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #a1101f;
    text-wrap: pretty
}

.sx574 {
    padding: 34px 40px;
    background: #f7fafe
}

.sx575 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 9px
}

.sx576 {
    margin: 0;
    max-width: 560px;
    font: 400 15px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx577 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 190;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
    padding: 14px 40px;
    background: #071f52;
    box-shadow: 0 -10px 30px rgba(2, 8, 26, .28);
    display: none
}

.sx578 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap
}

.sx579 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    padding: 0 11px;
    box-sizing: border-box;
    border-radius: 17px;
    background: #cc1122;
    font: 800 15px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx580 {
    font: 600 14.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-wrap: pretty
}

.sx581 {
    font: 600 13px/1.5 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .72);
    text-decoration: underline;
    white-space: nowrap;
    cursor: pointer
}

.sx582 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #cc1122;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.sx583 {
    display: flex;
    align-items: center;
    height: 46px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 23px;
    background: rgba(255, 255, 255, .12);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34);
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    white-space: nowrap;
    cursor: pointer
}

.sx584 {
    position: fixed;
    inset: 0;
    z-index: 460;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background: rgba(4, 14, 38, .62);
    animation: plzfade .2s ease both;
    display: none
}

.sx585 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(780px, calc(50vh * 1.5), 100%);
    max-height: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 30px 80px rgba(2, 8, 26, .45);
    overflow: hidden;
    animation: plzpop .24s cubic-bezier(.16, .84, .44, 1) both
}

.sx586 {
    font: 800 18px/1.35 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-wrap: pretty
}

.sx587 {
    font: 400 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #000000;
    overflow-wrap: anywhere
}

.sx588 {
    flex: 1;
    min-height: 0;
    padding: 0 22px
}

.sx589 {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 16px;
    box-sizing: border-box
}

.sx590 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    padding: 16px 22px 20px
}

.sx591 {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 22px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #0b3d91;
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.sx592 {
    padding: 26px 40px 10px;
    background: linear-gradient(180deg, #edf4fe 0%, #f7fafe 100%)
}

.sx593 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 42px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 21px;
    background: #0b3d91;
    box-shadow: inset 0 0 0 2px #0b3d91, 0 8px 20px rgba(11, 61, 145, .24);
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, box-shadow .16s ease, transform .16s ease
}

.sx594 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    box-sizing: border-box;
    border-radius: 11px;
    background: rgba(255, 255, 255, .2);
    font: 700 11px/1 'IBM Plex Mono', monospace;
    color: #fff
}

.sx595 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 42px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 21px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, box-shadow .16s ease, transform .16s ease
}

.sx596 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #eef2f9;
    font: 700 11px/1 'IBM Plex Mono', monospace;
    color: #000000
}

.sx597 {
    padding: 26px 40px 46px;
    background: #fff
}

.sx598 {
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
    gap: 28px;
    align-items: start
}

.sx599 {
    position: sticky;
    top: 84px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px
}

.sx600 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 16px 14px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8
}

.sx601 {
    padding: 0 6px 8px;
    font: 700 11.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .16em;
    color: #000000
}

.sx602 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 3px 0 0 #cc1122, 0 2px 8px rgba(11, 61, 145, .1);
    cursor: pointer;
    transition: background .16s ease
}

.sx603 {
    min-width: 0;
    font: 600 13.5px/1.45 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-wrap: pretty
}

.sx604 {
    flex: none;
    font: 700 12px/1 'IBM Plex Mono', monospace;
    color: #cc1122
}

.sx605 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    box-sizing: border-box;
    border-radius: 9px;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    transition: background .16s ease
}

.sx606 {
    min-width: 0;
    font: 600 13.5px/1.45 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx607 {
    flex: none;
    font: 700 12px/1 'IBM Plex Mono', monospace;
    color: #8a9bb3
}

.sx608 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 18px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #071f52
}

.sx609 {
    font: 700 11.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .16em;
    color: rgba(255, 255, 255, .72)
}

.sx610 {
    font: 800 17px/1.35 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-wrap: pretty
}

.sx611 {
    font: 400 13.5px/1.65 'IBM Plex Sans', sans-serif;
    color: rgba(255, 255, 255, .86);
    text-wrap: pretty
}

.sx612 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    height: 46px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #12833f;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.sx613 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    height: 46px;
    padding: 0 18px;
    box-sizing: border-box;
    border-radius: 23px;
    background: #fff;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap
}

.sx614 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 22px
}

.sx615 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap
}

.sx616 {
    font: 600 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx617 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 38px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 19px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, color .16s ease
}

.sx618 {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap
}

.sx619 {
    margin: 0;
    font: 800 20px/1.3 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-wrap: pretty
}

.sx620 {
    font: 400 13px/1.5 'IBM Plex Sans', sans-serif;
    color: #000000;
    text-wrap: pretty
}

.sx621 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 13px;
    box-shadow: inset 0 0 0 2px #0b3d91, 0 10px 26px rgba(11, 61, 145, .14);
    overflow: hidden;
    transition: box-shadow .18s ease
}

.sx622 {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 17px 19px;
    background: #f7fafe;
    cursor: pointer
}

.sx623 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: #0b3d91;
    font: 600 12.5px/1 'IBM Plex Mono', monospace;
    color: #fff
}

.sx624 {
    flex: 1;
    min-width: 0;
    font: 700 16px/1.5 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
    overflow-wrap: anywhere
}

.sx625 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #cc1122;
    font: 400 15px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    transform: rotate(180deg);
    transition: transform .22s cubic-bezier(.16, .84, .44, 1)
}

.sx626 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 20px 20px 64px;
    ;
    display: none
}

.sx627 {
    margin: 0;
    max-width: 760px;
    font: 400 15px/1.75 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx628 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    font: 700 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none
}

.sx629 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(268px, 100%), 1fr));
    gap: 8px
}

.sx630 {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px 13px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #f7fafe;
    font: 400 13.5px/1.55 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx631 {
    flex: none;
    font: 700 13px/1.55 'IBM Plex Sans', sans-serif;
    color: #cc1122
}

.sx632 {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 26px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #fff;
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap
}

.sx633 {
    padding: 26px 40px 12px;
    background: linear-gradient(180deg, #edf4fe 0%, #f7fafe 100%)
}

.sx634 {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
    gap: 10px
}

.sx635 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 16px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6, 0 2px 6px rgba(11, 61, 145, .06);
    text-decoration: none
}

.sx636 {
    font: 700 11px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: #000000
}

.sx637 {
    font: 700 15px/1.45 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    overflow-wrap: anywhere
}

.sx638 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 16px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #12833f;
    text-decoration: none
}

.sx639 {
    font: 700 11px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: rgba(255, 255, 255, .8)
}

.sx640 {
    font: 700 15px/1.45 'IBM Plex Sans', sans-serif;
    color: #fff;
    overflow-wrap: anywhere
}

.sx641 {
    padding: 30px 40px 34px;
    background: #fff
}

.sx642 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 30px;
    align-items: start
}

.sx643 {
    margin: 0;
    font: 800 27px/1.26 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-wrap: pretty
}

.sx644 {
    margin: 0;
    max-width: 640px;
    font: 400 15px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx645 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: 12px
}

.sx646 {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px
}

.sx647 {
    font: 700 11.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .12em;
    color: #000000
}

.sx648 {
    position: absolute;
    right: 18px;
    bottom: 18px;
    font: 400 17px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    pointer-events: none
}

.sx649 {
    width: 100%;
    height: 54px;
    padding: 0 46px 0 16px;
    box-sizing: border-box;
    border: 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: inset 0 0 0 2px #0b3d91, 0 6px 18px rgba(11, 61, 145, .12);
    font: 600 15px/1 'IBM Plex Sans', sans-serif;
    color: #111111;
    outline: 0;
    appearance: none;
    cursor: pointer
}

.sx650 {
    display: flex;
    align-items: center;
    height: 54px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font: 600 15px/1.4 'IBM Plex Sans', sans-serif;
    color: #000000;
    overflow-wrap: anywhere
}

.sx651 {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 20px 22px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8
}

.sx652 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 400 18px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx653 {
    min-width: 0;
    font: 400 14.5px/1.65 'IBM Plex Sans', sans-serif;
    color: #000000;
    text-wrap: pretty
}

.sx654 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 22px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    ;
    display: none
}

.sx655 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap
}

.sx656 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.sx657 {
    font: 700 11.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: #cc1122
}

.sx658 {
    font: 800 21px/1.3 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-wrap: pretty
}

.sx659 {
    max-width: 520px;
    font: 400 14px/1.65 'IBM Plex Sans', sans-serif;
    color: #000000;
    text-wrap: pretty
}

.sx660 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eaf6ee;
    font: 700 12px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #0f6b33;
    white-space: nowrap
}

.sx661 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    gap: 10px
}

.sx662 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 16px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde7f6;
    text-decoration: none
}

.sx663 {
    font: 700 15.5px/1.45 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    overflow-wrap: anywhere
}

.sx664 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 16px;
    box-sizing: border-box;
    border-radius: 11px;
    background: #12833f;
    text-decoration: none
}

.sx665 {
    font: 700 15.5px/1.45 'IBM Plex Sans', sans-serif;
    color: #fff;
    overflow-wrap: anywhere
}

.sx666 {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding-top: 2px
}

.sx667 {
    flex: none;
    font: 400 15px/1.5 'IBM Plex Sans', sans-serif;
    color: #cc1122
}

.sx668 {
    min-width: 0;
    font: 400 13.5px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx669 {
    position: sticky;
    top: 26px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 22px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4, 0 10px 30px rgba(11, 61, 145, .08)
}

.sx670 {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.sx671 {
    font: 800 20px/1.3 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-wrap: pretty
}

.sx672 {
    display: flex;
    flex-direction: column;
    gap: 11px
}

.sx673 {
    font: 600 12px/1.4 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx674 {
    width: 100%;
    height: 46px;
    padding: 0 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 10px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font: 500 14.5px/1 'IBM Plex Sans', sans-serif;
    color: #111111;
    outline: 0
}

.sx675 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 6px
}

.sx676 {
    position: absolute;
    right: 16px;
    bottom: 14px;
    font: 400 16px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    pointer-events: none
}

.sx677 {
    width: 100%;
    height: 46px;
    padding: 0 42px 0 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 10px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font: 500 14.5px/1 'IBM Plex Sans', sans-serif;
    color: #111111;
    outline: 0;
    appearance: none;
    cursor: pointer
}

.sx678 {
    width: 100%;
    padding: 12px 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 10px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font: 500 14.5px/1.6 'IBM Plex Sans', sans-serif;
    color: #111111;
    outline: 0;
    resize: vertical
}

.sx679 {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer
}

.sx680 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 12px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx681 {
    min-width: 0;
    font: 400 12.5px/1.6 'IBM Plex Sans', sans-serif;
    color: #000000;
    text-wrap: pretty
}

.sx682 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 24px;
    box-sizing: border-box;
    border-radius: 25px;
    background: #cc1122;
    font: 700 14px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease
}

.sx683 {
    font: 400 11.5px/1.6 'IBM Plex Sans', sans-serif;
    color: #8a9bb3;
    text-wrap: pretty
}

.sx684 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px 18px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #eaf6ee;
    ;
    display: none
}

.sx685 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #12833f;
    font: 400 20px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx686 {
    font: 800 17px/1.35 'IBM Plex Sans', sans-serif;
    color: #0f6b33;
    text-wrap: pretty
}

.sx687 {
    width: max-content;
    font: 700 13px/1.5 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: underline;
    cursor: pointer
}

.sx688 {
    padding: 34px 40px;
    background: #f7fafe;
    box-shadow: inset 0 1px 0 #e3ebf8, inset 0 -1px 0 #e3ebf8
}

.sx689 {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap
}

.sx690 {
    font: 400 14px/1.7 'IBM Plex Sans', sans-serif;
    color: #000000;
    max-width: 420px;
    text-wrap: pretty
}

.sx691 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    gap: 14px
}

.sx692 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8, 0 2px 6px rgba(11, 61, 145, .06);
    transition: transform .2s cubic-bezier(.16, .84, .44, 1), box-shadow .2s ease
}

.sx693 {
    min-width: 0;
    font: 700 15.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-wrap: pretty;
    overflow-wrap: anywhere
}

.sx694 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font: 700 14.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-decoration: none;
    overflow-wrap: anywhere
}

.sx695 {
    flex: none;
    font: 400 14px/1.5 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx696 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font: 400 14px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-decoration: none;
    overflow-wrap: anywhere
}

.sx697 {
    padding: 34px 40px;
    background: #fff
}

.sx698 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(330px, 100%), 1fr));
    gap: 14px
}

.sx699 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #e3ebf8;
    transition: transform .2s cubic-bezier(.16, .84, .44, 1), box-shadow .2s ease
}

.sx700 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px
}

.sx701 {
    min-width: 0;
    font: 800 16.5px/1.4 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-wrap: pretty
}

.sx702 {
    flex: none;
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 6px;
    background: #eef2f9;
    font: 700 10.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .08em;
    color: #0b3d91;
    white-space: nowrap
}

.sx703 {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: auto
}

.sx704 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    font: 700 14px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-decoration: none;
    overflow-wrap: anywhere
}

.sx705 {
    flex: none;
    color: #0b3d91
}

.sx706 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    font: 400 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-decoration: none;
    overflow-wrap: anywhere
}

.sx707 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 42px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1px #dde7f6;
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap;
    transition: background .16s ease, color .16s ease
}

.sx708 {
    flex: none;
    display: flex;
    align-items: center;
    height: 24px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 6px;
    background: #eaf6ee;
    font: 700 10.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .08em;
    color: #0f6b33;
    white-space: nowrap
}

.sx709 {
    padding: 34px 40px;
    background: #f7fafe;
    box-shadow: inset 0 1px 0 #e3ebf8
}

.sx710 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 40px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #0b3d91;
    box-shadow: inset 0 0 0 2px #0b3d91;
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, box-shadow .16s ease
}

.sx711 {
    font: 700 11px/1 'IBM Plex Mono', monospace;
    color: rgba(255, 255, 255, .75)
}

.sx712 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 40px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease, box-shadow .16s ease
}

.sx713 {
    font: 700 11px/1 'IBM Plex Mono', monospace;
    color: #8a9bb3
}

.sx714 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(190px, 100%), 1fr));
    gap: 8px
}

.sx715 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 13px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font: 600 13px/1.4 'IBM Plex Sans', sans-serif;
    color: #111111;
    cursor: pointer;
    transition: background .16s ease, box-shadow .16s ease;
    overflow-wrap: anywhere
}

.sx716 {
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #9dbdea
}

.sx717 {
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #cc1122
}

.sx718 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 13px;
    box-sizing: border-box;
    border-radius: 9px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font: 600 13px/1.4 'IBM Plex Sans', sans-serif;
    color: #111111;
    cursor: pointer;
    transition: background .16s ease, box-shadow .16s ease;
    overflow-wrap: anywhere;
    display: none
}

.sx719 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 0 40px;
    height: 44px;
    background: #0b3d91
}

.sx720 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    height: 44px;
    font: 700 13px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #fff;
    cursor: pointer
}

.sx721 {
    font: 400 15px/1 'IBM Plex Sans', sans-serif
}

.sx722 {
    font: 400 9px/1 'IBM Plex Sans', sans-serif;
    opacity: .8
}

.sx723 {
    position: absolute;
    left: -8px;
    top: 44px;
    z-index: 220;
    display: flex;
    flex-direction: column;
    min-width: 188px;
    padding: 7px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 11px;
    box-shadow: 0 18px 44px rgba(2, 8, 26, .26);
    overflow: hidden;
    display: none
}

.sx724 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 7px;
    background: #eef4ff;
    font: 600 13.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: background .14s ease
}

.sx725 {
    font: 600 11.5px/1.35 'IBM Plex Mono', monospace;
    color: #000000
}

.sx726 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 7px;
    background: #fff;
    font: 600 13.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #111111;
    white-space: nowrap;
    cursor: pointer;
    transition: background .14s ease
}

.sx727 {
    flex: 0 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    font: 600 13.5px/1.35 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx728 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer
}

.sx729 {
    width: 19px;
    height: 19px;
    flex: none;
    display: block
}

.sx730 {
    width: 1px;
    flex: 0 0 1px;
    height: 15px;
    background: rgba(255, 255, 255, .34)
}

.sx731 {
    width: 19px;
    height: 13px;
    flex: none;
    display: block;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .35)
}

.sx732 {
    font: 400 15px/1 'IBM Plex Sans', sans-serif;
    flex: none;
    color: #fff
}

.sx733 {
    padding: 0 20px;
    white-space: nowrap;
    cursor: pointer
}

.sx734 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-left: 20px
}

.sx735 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .4);
    font: 700 13px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #fff;
    white-space: nowrap;
    cursor: pointer;
    transition: background .16s ease
}

.sx736 {
    padding: 1px 6px;
    border-radius: 9px;
    background: #cc1122;
    font: 700 10px/1.5 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff
}

.sx737 {
    padding: 7px 20px;
    border-radius: 5px;
    background: #fff;
    font: 700 13px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer
}

.sx738 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    padding: 14px 40px 10px;
    background: #fff;
    overflow: hidden
}

.sx739 {
    margin: 0;
    font: 800 36px/1.14 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    white-space: nowrap
}

.sx740 {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 5px;
    font: 700 20px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap
}

.sx741 {
    width: 2px;
    flex: 0 0 2px;
    height: 19px;
    background: #0b3d91
}

.sx742 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 2px 0 4px;
    background: #fff;
    animation: dvfadein .7s .1s cubic-bezier(.16, .84, .44, 1) both
}

.sx743 {
    position: relative;
    flex: none;
    width: 276px;
    height: 182px;
    display: flex;
    align-items: center;
    justify-content: center
}

.sx744 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 300px;
    margin: -150px 0 0 -150px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(30, 111, 220, .3) 0%, rgba(204, 17, 34, .14) 44%, rgba(255, 255, 255, 0) 68%);
    animation: dvbloom 1.05s 2.4s ease-out both;
    pointer-events: none
}

.sx745 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 196px;
    height: 3px;
    margin: -1.5px 0 0 -98px;
    background: linear-gradient(90deg, rgba(204, 17, 34, 0) 0%, #cc1122 50%, rgba(204, 17, 34, 0) 100%);
    animation: dvwipe .85s 2.42s cubic-bezier(.16, .84, .44, 1) both;
    pointer-events: none
}

.sx746 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    background: #cc1122;
    box-shadow: 0 0 26px 9px rgba(204, 17, 34, .5);
    animation: dvspark .75s 2.55s ease-out both;
    pointer-events: none
}

.sx747 {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    animation: dvbrandout .82s 2.38s cubic-bezier(.16, .84, .44, 1) both
}

.sx748 {
    position: relative;
    flex: none;
    display: block;
    width: 300px;
    overflow: hidden;
    animation: dvlogo 1.1s cubic-bezier(.16, .84, .44, 1) both
}

.sx749 {
    width: 300px;
    height: auto;
    object-fit: contain;
    display: block
}

.sx750 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 66px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 0) 100%);
    animation: dvsheen 2.1s .8s ease-out 1 both;
    pointer-events: none
}

.sx751 {
    font: 600 11.5px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .2em;
    color: #8a9bb5;
    white-space: nowrap;
    animation: dvfadein .6s .9s cubic-bezier(.16, .84, .44, 1) both
}

.sx752 {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    animation: dvbrandin .92s 2.82s cubic-bezier(.16, .84, .44, 1) both
}

.sx753 {
    position: relative;
    flex: none;
    display: block;
    width: 274px;
    height: 123px;
    overflow: hidden
}

.sx754 {
    width: 274px;
    height: 123px;
    object-fit: contain;
    display: block;
    transition: opacity .7s ease
}

.sx755 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 48px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .92) 50%, rgba(255, 255, 255, 0) 100%);
    animation: dvsheen 2.3s 3.4s ease-out 1 both;
    pointer-events: none
}

.sx756 {
    position: absolute;
    left: 0;
    top: 0;
    width: 274px;
    height: 123px;
    object-fit: contain;
    display: block;
    opacity: 0;
    transition: opacity .7s ease
}

.sx757 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px
}

.sx758 {
    font: 500 12.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #000000;
    white-space: nowrap;
    animation: dvrisein .55s 3.66s cubic-bezier(.16, .84, .44, 1) both
}

.sx759 {
    display: flex;
    width: 100%;
    height: 3px
}

.sx760 {
    width: 50%;
    flex: 0 0 50%;
    background: #cc1122
}

.sx761 {
    width: 50%;
    flex: 0 0 50%;
    background: #0b3d91
}

.sx762 {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 40px;
    background: #fff;
    box-shadow: inset 0 1px 0 #cfcfcf, inset 0 -1px 0 #cfcfcf
}

.sx763 {
    display: block;
    width: 19px;
    height: 2px;
    border-radius: 1px;
    background: #0b3d91
}

.sx764 {
    flex: none;
    display: flex;
    align-items: center;
    gap: 6px
}

.sx765 {
    position: relative
}

.sx766 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 14px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 21px;
    box-shadow: 0 1px 3px rgba(11, 61, 145, .08), 0 4px 12px rgba(11, 61, 145, .09);
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, color .18s ease
}

.sx767 {
    font: 400 10px/1 'IBM Plex Sans', sans-serif;
    color: #cc1122
}

.sx768 {
    position: absolute;
    left: 0;
    top: 52px;
    z-index: 60;
    min-width: 274px;
    display: flex;
    flex-direction: column;
    padding: 8px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(11, 61, 145, .1), 0 16px 40px rgba(11, 61, 145, .18);
    display: none
}

.sx769 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 11px 14px;
    border-radius: 10px;
    cursor: pointer;
    transition: background .16s ease
}

.sx770 {
    font: 700 14.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    white-space: nowrap
}

.sx771 {
    font: 400 12px/1.4 'IBM Plex Sans', sans-serif;
    color: #6d7f99;
    white-space: nowrap
}

.sx772 {
    flex: 1;
    min-width: 330px;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 42px;
    padding: 0 5px 0 16px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 21px;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    transition: box-shadow .18s ease
}

.sx773 {
    flex: none;
    font: 400 19px/1 'IBM Plex Sans', sans-serif;
    color: #6d7f99
}

.sx774 {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font: 500 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx775 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #cc1122;
    font: 400 17px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    cursor: pointer
}

.sx776 {
    flex-direction: column;
    padding: 6px 40px 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(11, 61, 145, .12)
}

.sx777 {
    padding: 14px 4px;
    font: 700 15px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91;
    box-shadow: inset 0 -1px 0 #eef2f9
}

.sx778 {
    padding: 16px 4px 6px;
    font: 700 11px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .15em;
    color: #cc1122
}

.sx779 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 11px 4px;
    box-shadow: inset 0 -1px 0 #eef2f9
}

.sx780 {
    font: 700 14px/1.3 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx781 {
    padding: 22px 40px 28px;
    background: #fff;
    box-shadow: inset 0 1px 0 #e3ebf8
}

.sx782 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding: 10px 0 34px
}

.sx783 {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 18px 20px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 14px;
    text-decoration: none;
    box-shadow: inset 0 0 0 1px #e3ebf8, 0 2px 6px rgba(11, 61, 145, .06);
    transition: transform .2s cubic-bezier(.16, .84, .44, 1), box-shadow .2s ease
}

.sx784 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #eef2f9;
    font: 400 18px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx785 {
    font: 700 14.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx786 {
    display: grid;
    grid-template-columns: 1.25fr 1.15fr .9fr 1.2fr;
    gap: 36px;
    padding-bottom: 30px
}

.sx787 {
    display: flex;
    flex-direction: column;
    gap: 7px;
    align-items: flex-start
}

.sx788 {
    position: relative;
    flex: none;
    display: block;
    width: 246px;
    height: 110px;
    overflow: hidden;
    animation: dvlogo 1.1s cubic-bezier(.16, .84, .44, 1) both
}

.sx789 {
    width: 246px;
    height: 110px;
    object-fit: contain;
    display: block
}

.sx790 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 36px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 50%, rgba(255, 255, 255, 0) 100%);
    animation: dvsheen 2.6s .95s ease-out 1 both;
    pointer-events: none
}

.sx791 {
    display: flex;
    gap: 9px
}

.sx792 {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #0b3d91;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 700 15px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    transition: background .16s ease, transform .16s ease
}

.sx793 {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #0b3d91;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    transition: background .16s ease, transform .16s ease
}

.sx794 {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #0b3d91;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 15px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    transition: background .16s ease, transform .16s ease
}

.sx795 {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #0b3d91;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 12px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none;
    transition: background .16s ease, transform .16s ease
}

.sx796 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding-top: 2px
}

.sx797 {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 15px;
    background: #eef2f9;
    font: 700 11.5px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #0b3d91;
    white-space: nowrap
}

.sx798 {
    display: flex;
    align-items: center;
    gap: 13px;
    width: max-content;
    max-width: 100%;
    margin-top: 6px;
    padding: 11px 16px 11px 11px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8, 0 2px 6px rgba(11, 61, 145, .06);
    text-decoration: none;
    transition: transform .18s cubic-bezier(.16, .84, .44, 1), box-shadow .18s ease
}

.sx799 {
    flex: none;
    width: 104px;
    height: 66px;
    object-fit: contain;
    display: block
}

.sx800 {
    font: 700 12.5px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #0b3d91
}

.sx801 {
    display: flex;
    gap: 13px
}

.sx802 {
    width: 3px;
    flex: 0 0 3px;
    background: #cc1122
}

.sx803 {
    font: 700 11.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: #0b3d91
}

.sx804 {
    font: 400 13.5px/1.65 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx805 {
    width: 3px;
    flex: 0 0 3px;
    background: #0b3d91
}

.sx806 {
    font: 400 15.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-decoration: none;
    transition: color .16s ease, transform .16s ease
}

.sx807 {
    font: 700 13px/1.35 'IBM Plex Sans', sans-serif;
    letter-spacing: .12em;
    color: #0b3d91;
    padding-top: 10px
}

.sx808 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 18px 24px
}

.sx809 {
    min-width: 0;
    padding: 0 0 0 13px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: inset 2px 0 0 #eef2f9
}

.sx810 {
    min-width: 0;
    font: 700 12.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #cc1122;
    overflow-wrap: anywhere
}

.sx811 {
    min-width: 0;
    font: 700 14px/1.5 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none;
    overflow-wrap: anywhere
}

.sx812 {
    min-width: 0;
    font: 400 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-decoration: none;
    overflow-wrap: anywhere
}

.sx813 {
    height: 1px;
    background: #e3ebf8
}

.sx814 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
    padding: 22px clamp(0px, calc((100% - 640px) * 10), 240px) clamp(28px, calc((700px - 100%) * 10), 150px) 0
}

.sx815 {
    font: 400 14px/1.6 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx816 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font: 400 14px/1.6 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx817 {
    padding: 0 18px;
    color: #111111;
    text-decoration: none
}

.sx818 {
    width: 1px;
    flex: 0 0 1px;
    height: 16px;
    background: #cfcfcf
}

.sx819 {
    padding: 0 0 0 18px;
    color: #111111;
    text-decoration: none
}

.sx820 {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 180;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px
}

.sx821 {
    width: 320px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(11, 61, 145, .14), 0 20px 48px rgba(11, 61, 145, .3);
    animation: dvpop .22s ease-out;
    display: none
}

.sx822 {
    padding: 14px 16px;
    background: #fff;
    box-shadow: inset 0 -1px 0 #e6ecf5;
    display: flex;
    align-items: center;
    gap: 11px
}

.sx823 {
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 50%;
    background: linear-gradient(140deg, #e03246 0%, #cc1122 60%, #9e0d1a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font: 800 13px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff
}

.sx824 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1px
}

.sx825 {
    font: 700 13.5px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .01em;
    color: #0b3d91
}

.sx826 {
    display: flex;
    align-items: center;
    gap: 5px;
    font: 400 11px/1.45 'IBM Plex Sans', sans-serif;
    color: #6d7f99
}

.sx827 {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #12833f
}

.sx828 {
    font: 400 17px/1 'IBM Plex Sans', sans-serif;
    color: #8a9bb5;
    cursor: pointer
}

.sx829 {
    padding: 14px 16px;
    background: #f7f9fc;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sx830 {
    max-width: 250px;
    padding: 11px 13px;
    border-radius: 12px 12px 12px 3px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(11, 61, 145, .1)
}

.sx831 {
    font: 400 12.5px/1.6 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx832 {
    display: flex;
    gap: 4px;
    align-self: flex-start;
    padding: 9px 12px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(11, 61, 145, .08)
}

.sx833 {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8a9bb5;
    animation: dvdot 1.3s infinite
}

.sx834 {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8a9bb5;
    animation: dvdot 1.3s infinite .18s
}

.sx835 {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8a9bb5;
    animation: dvdot 1.3s infinite .36s
}

.sx836 {
    padding: 13px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sx837 {
    font: 700 10px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: #6d7f99
}

.sx838 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.sx839 {
    padding: 7px 11px;
    border-radius: 8px;
    background: #eef2f9;
    font: 600 11.5px/1.4 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer
}

.sx840 {
    padding: 0 16px 13px;
    display: flex;
    align-items: center;
    gap: 8px
}

.sx841 {
    flex: 1;
    padding: 11px 13px;
    border-radius: 9px;
    background: #f6f8fb;
    font: 400 12.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #8a9bb5
}

.sx842 {
    padding: 11px 16px;
    border-radius: 9px;
    background: #cc1122;
    font: 600 12px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff;
    cursor: pointer
}

.sx843 {
    padding: 10px 16px;
    background: #f6f8fb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.sx844 {
    font: 400 11.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #6d7f99
}

.sx845 {
    font: 700 11.5px/1.4 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer
}

.sx846 {
    width: 320px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(11, 61, 145, .14), 0 20px 48px rgba(11, 61, 145, .3);
    display: none
}

.sx847 {
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 50%;
    background: #cc1122;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 16px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx848 {
    font: 400 11px/1.45 'IBM Plex Sans', sans-serif;
    color: #6d7f99
}

.sx849 {
    padding: 11px 18px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer
}

.sx850 {
    width: 32px;
    height: 32px;
    flex: none;
    border-radius: 8px;
    background: #e8f6ec;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 15px/1 'IBM Plex Sans', sans-serif;
    color: #17803d
}

.sx851 {
    font: 600 13px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91
}

.sx852 {
    font: 400 11.5px/1.45 'IBM Plex Sans', sans-serif;
    color: #6d7f99
}

.sx853 {
    font: 400 15px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx854 {
    width: 32px;
    height: 32px;
    flex: none;
    border-radius: 8px;
    background: #eef2f9;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 15px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx855 {
    padding: 11px 18px;
    background: #f6f8fb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px
}

.sx856 {
    font: 700 11.5px/1.4 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx857 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px 9px 10px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .12), 0 10px 26px rgba(11, 61, 145, .18);
    cursor: pointer;
    animation: dvpop .25s ease-out;
    transition: transform .2s ease, box-shadow .2s ease
}

.sx858 {
    position: relative;
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 50%;
    background: linear-gradient(140deg, #e03246 0%, #cc1122 60%, #9e0d1a 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(204, 17, 34, .38)
}

.sx859 {
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ff5a6e;
    animation: dvring 2.4s ease-out infinite
}

.sx860 {
    position: relative;
    font: 800 13px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #fff
}

.sx861 {
    display: flex;
    flex-direction: column;
    gap: 1px
}

.sx862 {
    font: 800 13px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .02em;
    color: #0b3d91;
    white-space: nowrap
}

.sx863 {
    display: flex;
    align-items: center;
    gap: 5px;
    font: 600 10px/1.3 'IBM Plex Sans', sans-serif;
    color: #12833f;
    white-space: nowrap
}

.sx864 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px 9px 10px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 2px 6px rgba(11, 61, 145, .12), 0 10px 26px rgba(11, 61, 145, .18);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease
}

.sx865 {
    width: 34px;
    height: 34px;
    flex: none;
    border-radius: 50%;
    background: #cc1122;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 400 16px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    box-shadow: 0 2px 8px rgba(204, 17, 34, .34)
}

.sx866 {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    box-sizing: border-box;
    border-radius: 20px;
    background: #0b3d91;
    font: 700 10px/18px 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-align: center
}

.sx867 {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 5px 11px;
    border-radius: 6px;
    background: #fff;
    font: 700 10.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .08em;
    color: #0b3d91
}

.sx868 {
    position: absolute;
    left: 10px;
    top: 10px;
    padding: 5px 11px;
    border-radius: 6px;
    background: #fff;
    font: 700 10.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .08em;
    color: #111111
}

.sx869 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 28px 30px 30px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(11, 61, 145, .1), 0 18px 44px rgba(11, 61, 145, .12)
}

.sx870 {
    width: 7px;
    height: 7px;
    flex: none;
    margin-top: 9px;
    background: #cc1122
}

.sx871 {
    font: 400 15px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx872 {
    position: fixed;
    inset: 0;
    z-index: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: rgba(4, 14, 38, .62);
    animation: zmfade .2s ease both;
    cursor: zoom-out
}

.sx873 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(760px, calc(58vh * 1.5), 100%);
    max-height: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 30px 80px rgba(2, 8, 26, .45);
    overflow: hidden;
    animation: zmpop .24s cubic-bezier(.16, .84, .44, 1) both;
    cursor: default
}

.sx874 {
    font: 800 18px/1.35 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    overflow-wrap: anywhere
}

.sx875 {
    position: relative;
    padding: 26px 40px 44px;
    background: linear-gradient(180deg, #edf4fe 0%, #f7fafe 100%);
    overflow: hidden
}

.sx876 {
    display: block
}

.sx877 {
    margin: 0;
    max-width: 900px;
    font: 800 38px/1.16 'IBM Plex Sans', sans-serif;
    letter-spacing: .005em;
    color: #0b3d91;
    text-wrap: balance
}

.sx878 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(380px, 100%), 1fr));
    gap: 18px 40px
}

.sx879 {
    font: 700 16px/1.5 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx880 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 4px
}

.sx881 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 48px;
    padding: 0 22px;
    box-sizing: border-box;
    border-radius: 24px;
    background: #cc1122;
    box-shadow: 0 8px 20px rgba(204, 17, 34, .26);
    font: 700 14.5px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-decoration: none
}

.sx882 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 48px;
    padding: 0 22px;
    box-sizing: border-box;
    border-radius: 24px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    font: 700 14.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none
}

.sx883 {
    display: flex;
    align-items: center;
    gap: 9px;
    height: 48px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 24px;
    background: #eef4ff;
    font: 700 14.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: none;
    white-space: nowrap
}

.sx884 {
    padding: 44px 40px 20px;
    background: #fff
}

.sx885 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap
}

.sx886 {
    margin: 0;
    font: 800 30px/1.24 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx887 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 19px;
    background: #0b3d91;
    box-shadow: inset 0 0 0 2px #0b3d91;
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #fff;
    cursor: pointer;
    white-space: nowrap
}

.sx888 {
    font: 600 12px/1 'IBM Plex Sans', sans-serif;
    opacity: .7
}

.sx889 {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 19px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    font: 700 13px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer;
    white-space: nowrap
}

.sx890 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 20px;
    align-items: center;
    padding: 20px 22px;
    box-sizing: border-box;
    border-radius: 15px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    transition: transform .18s ease, box-shadow .18s ease
}

.sx891 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 16px
}

.sx892 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #eef4ff;
    font: 800 15px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx893 {
    font: 700 11px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: #cc1122
}

.sx894 {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 12px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #eaf6ee;
    font: 700 12.5px/1 'IBM Plex Sans', sans-serif;
    color: #0f6b33;
    white-space: nowrap
}

.sx895 {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 12px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #f6f8fb;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font: 600 12.5px/1 'IBM Plex Sans', sans-serif;
    color: #111111;
    white-space: nowrap
}

.sx896 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    padding: 0 20px;
    box-sizing: border-box;
    border-radius: 22px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #0b3d91;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    cursor: pointer;
    white-space: nowrap
}

.sx897 {
    padding: 30px 40px 50px;
    background: #fff
}

.sx898 {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 12px 14px;
    border-radius: 10px;
    background: #fdeef0;
    font: 600 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #cc1122
}

.sx899 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 30px;
    align-items: start
}

.sx900 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 28px;
    box-sizing: border-box;
    border-radius: 18px;
    background: #f7fafe;
    box-shadow: inset 0 0 0 1.5px #dde7f6
}

.sx901 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
    gap: 16px
}

.sx902 {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 11px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font: 500 14.5px/1.3 'IBM Plex Sans', sans-serif;
    color: #111111;
    outline: 0
}

.sx903 {
    position: absolute;
    right: 15px;
    bottom: 16px;
    font: 400 16px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    pointer-events: none
}

.sx904 {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 11px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font: 500 14.5px/1.3 'IBM Plex Sans', sans-serif;
    color: #111111;
    outline: 0;
    padding-right: 40px;
    appearance: none;
    cursor: pointer
}

.sx905 {
    display: flex;
    height: 50px;
    border-radius: 11px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    overflow: hidden
}

.sx906 {
    flex: none;
    width: 92px;
    height: 100%;
    padding: 0 10px;
    border: 0;
    background: #eef4ff;
    font: 700 13.5px/1 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    outline: 0;
    cursor: pointer
}

.sx907 {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0 14px;
    border: 0;
    background: transparent;
    font: 500 14.5px/1.3 'IBM Plex Sans', sans-serif;
    color: #111111;
    outline: 0
}

.sx908 {
    width: 100%;
    min-height: 118px;
    padding: 13px 14px;
    box-sizing: border-box;
    border: 0;
    border-radius: 11px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    font: 500 14.5px/1.6 'IBM Plex Sans', sans-serif;
    color: #111111;
    outline: 0;
    resize: vertical
}

.sx909 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: 16px;
    align-items: stretch
}

.sx910 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    box-sizing: border-box;
    border-radius: 13px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #e3ebf8;
    cursor: pointer
}

.sx911 {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0
}

.sx912 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #0b3d91;
    font: 400 19px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx913 {
    font: 700 14.5px/1.35 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx914 {
    font: 500 12.5px/1.45 'IBM Plex Sans', sans-serif;
    color: #000000;
    overflow-wrap: anywhere
}

.sx915 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #9dbdea;
    font: 700 15px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx916 {
    flex: 1;
    min-width: 0;
    font: 600 14px/1.4 'IBM Plex Sans', sans-serif;
    color: #111111
}

.sx917 {
    flex: none;
    font: 600 10.5px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .06em;
    color: #8a9bb3;
    text-align: right
}

.sx918 {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 52px;
    padding: 0 30px;
    box-sizing: border-box;
    border-radius: 26px;
    background: #cc1122;
    box-shadow: 0 10px 24px rgba(204, 17, 34, .28);
    font: 700 15px/1 'IBM Plex Sans', sans-serif;
    letter-spacing: .04em;
    color: #fff;
    cursor: pointer
}

.sx919 {
    font: 500 12.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx920 {
    position: sticky;
    top: 26px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px
}

.sx921 {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 18px;
    background: #0b3d91;
    box-shadow: 0 18px 40px rgba(11, 61, 145, .24)
}

.sx922 {
    font: 700 11.5px/1.4 'IBM Plex Sans', sans-serif;
    letter-spacing: .16em;
    color: rgba(255, 255, 255, .75)
}

.sx923 {
    font: 800 21px/1.3 'IBM Plex Sans', sans-serif;
    color: #fff;
    text-wrap: pretty
}

.sx924 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
    gap: 10px
}

.sx925 {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    box-sizing: border-box;
    border-radius: 12px;
    background: #fff;
    text-decoration: none
}

.sx926 {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #cc1122;
    color: #fff
}

.sx927 {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.sx928 {
    font: 700 10.5px/1.3 'IBM Plex Sans', sans-serif;
    letter-spacing: .14em;
    color: #000000
}

.sx929 {
    font: 800 15.5px/1.3 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    white-space: nowrap
}

.sx930 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px 20px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #fff;
    box-shadow: inset 0 0 0 1.5px #cdddf4;
    animation: cuin .24s ease both
}

.sx931 {
    font: 800 16.5px/1.4 'IBM Plex Sans', sans-serif;
    color: #0b3d91
}

.sx932 {
    font: 500 13px/1.5 'IBM Plex Sans', sans-serif;
    color: #000000
}

.sx933 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 26px 22px;
    box-sizing: border-box;
    border-radius: 14px;
    background: #eaf6ee;
    animation: cuin .24s ease both
}

.sx934 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #12833f;
    font: 400 22px/1 'IBM Plex Sans', sans-serif;
    color: #fff
}

.sx935 {
    font: 800 19px/1.35 'IBM Plex Sans', sans-serif;
    color: #0f6b33
}

.sx936 {
    font: 400 14.5px/1.7 'IBM Plex Sans', sans-serif;
    color: #111111;
    text-wrap: pretty
}

.sx937 {
    width: max-content;
    font: 700 13.5px/1.5 'IBM Plex Sans', sans-serif;
    color: #0b3d91;
    text-decoration: underline;
    cursor: pointer
}

/* ===================== ELEMENT STYLES — end ===================== */