html:has(body.b2b-newui-app) {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

html[lang="ar"] body.b2b-newui-app .b2b-newui-chrome,
html[lang="ar"] body.b2b-newui-app .b2b-newui-chrome *,
html[dir="rtl"] body.b2b-newui-app .b2b-newui-chrome,
html[dir="rtl"] body.b2b-newui-app .b2b-newui-chrome * {
    font-family: var(--font-b2b);
}

body.b2b-newui-app {
    --green: #00b51a;
    --deep: #001817;
    --dark-green: #061b13;
    --muted: #47605c;
    --line: #e4e9e7;
    --white: #ffffff;
    --green-50: #e6fde7;
    --green-100: #b0f9b4;
    --green-500: #01ec0d;
    --green-600: #27c52e;
    --green-700: #14911a;
    --dark-50: #e6ebea;
    --dark-100: #b0c1bf;
    --dark-400: #33605a;
    --dark-500: #003831;
    --dark-700: #002823;
    --dark-800: #001f1b;
    --dark-900: #0f2623;
    --text: #013931;
    --c-green-bright: #00f249;
    --c-green: #01a809;
    --c-green-mid: #14911a;
    --c-green-soft: #55f25d;
    --c-mint: #e6fde7;
    --c-nav: #002823;
    --c-dark-900: #011112;
    --c-dark-850: #001411;
    --c-dark-800: #001f1b;
    --c-dark-600: #003831;
    --c-tile: #0d1210;
    --c-text: #003931;
    --c-text-muted: #374845;
    --c-eyebrow: #005147;
    --c-white: #ffffff;
    --c-surface: #fafafa;
    --c-panel: #f7f7f8;
    --r-8: 8px;
    --r-12: 12px;
    --r-16: 16px;
    --r-20: 20px;
    --r-24: 24px;
    --r-pill: 999px;
    --w-container: 1440px;
    --w-wide: 1360px;
    --w-sme: 1036px;
    --gutter: 24px;
    --header-h: 158px;
    --font-b2b: CodecPro, "Codec Pro", "Noto Sans", sans-serif;
    --ease: cubic-bezier(.22, .61, .36, 1);
    --accent: #00a80a;
    --header: #002923;
    --connect: #001f1a;
    --footer: #013832;
    --form-bg: #f4fbf5;
    --field: #ffffff;
    --background-base: #fafafa;
    --border-subtle: #d6dad9;
    --overlay-10: rgb(0 0 0 / 0.1);
    --interactive-secondary-alt: #013931;
    --interactive-secondary: #fafafa;
    --font: var(--font-b2b);
    --mobile-header-h:98px;
    margin: 0;
    min-width: 320px;
    overflow-x: clip;
    background: #fff;
    color: var(--c-text);
    font-family: var(--font-b2b);
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

body.b2b-newui-app {
    margin: 0;
    background: #fff;
}

body.b2b-newui-app .page {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    background: #fff;
}

body.b2b-newui-app .b2b-newui-blocks,
body.b2b-newui-app {
    width: 100%;
}

html:has(body.b2b-newui-app) {
    background: #fff;
}

body.b2b-newui-app::before {
    content: none;
    background: none;
}

body.b2b-newui-app .product-families h1,
body.b2b-newui-app .product-families h2,
body.b2b-newui-app .product-families h3,
body.b2b-newui-app .product-families h1,
body.b2b-newui-app .product-families h2,
body.b2b-newui-app .product-families h3 {
    margin: 0;
    color: inherit;
    /*font-weight: inherit;*/
    text-align: inherit;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: -1.5%;
}

body.b2b-newui-app .form-section,
body.b2b-newui-app .form-box {
    min-height: 0;
    padding: 0;
    margin: 0;
    display: block;
    background: transparent;
    border-radius: 0;
}

body.b2b-newui-app .form-field label {
    display: block;
    font-weight: inherit;
    margin-bottom: 0;
}

body.b2b-newui-app .b2b-newui-form-page .form-input:not(.FormTextbox__Input) {
    appearance: none;
    border: 0;
    border-radius: 16px;
    background: #fff;
    height: 52px;
    padding: 14px 18px;
    font-size: 16px;
    color: var(--c-text);
}

body.b2b-newui-app .section-container {
    position: relative;
    overflow: visible;
    margin: 0;
    padding: 0;
    background: transparent;
}

body.b2b-newui-app img {
    max-width: 100%;
    display: block;
}

body.b2b-newui-app a {
    text-decoration: none;
}

body.b2b-newui-app button,
body.b2b-newui-app input,
body.b2b-newui-app select,
body.b2b-newui-app textarea {
    font: inherit;
    color: inherit;
}

body.b2b-newui-app button {
    cursor: pointer;
}

body.b2b-newui-app.bo-page.pf2-page .layer2-section,
body.b2b-newui-app.bo-page.pf2-page .industry-section,
body.b2b-newui-app.bo-page.pf2-page .tilelist-container,
body.b2b-newui-app.bo-page.pf2-page .pricing-section,
body.b2b-newui-app.bo-page.pf2-page .faq-section,
body.b2b-newui-app.bo-page.pf2-page .sla-section,
body.b2b-newui-app.bo-page.pf2-page .user-guide-banner,
body.b2b-newui-app.bo-page.pf2-page .business-solution-section,
body.b2b-newui-app.bo-page.pf2-page .internet-solution-section,
body.b2b-newui-app.bo-page.pf2-page .video-section,
body.b2b-newui-app.bo-page.pf2-page .connectivity-benefits-section {
    color: inherit;
    background: transparent;
    margin: unset;
    padding: unset;
    min-height: 0;
    height: auto;
    width: auto;
    max-width: none;
}

body.b2b-newui-app.bo-page.pf2-page .b2b-newui-main:not(:has(.b2b-newui-form-page)) .form-input,
body.b2b-newui-app.bo-page.pf2-page .b2b-newui-main:not(:has(.b2b-newui-form-page)) .form-submit-btn,
body.b2b-newui-app.bo-page.pf2-page .b2b-newui-main:not(:has(.b2b-newui-form-page)) .form-radio-button,
body.b2b-newui-app.bo-page.pf2-page .b2b-newui-main:not(:has(.b2b-newui-form-page)) .form-phone-wrapper,
body.b2b-newui-app.bo-page.pf2-page .b2b-newui-main:not(:has(.b2b-newui-form-page)) .form-main-bg,
body.b2b-newui-app.bo-page.pf2-page .b2b-newui-main:not(:has(.b2b-newui-form-page)) .form-container {
    all: unset;
    box-sizing: border-box;
}

body.b2b-newui-app.bo-page.pf2-page {
    isolation: isolate;
    position: relative;
    z-index: 1;
}

body.b2b-newui-app .b2b-newui-chrome {
    isolation: isolate;
    position: relative;
    z-index: 2;
}

body.b2b-newui-app .b2b-newui-chrome.b2b-newui-chrome--footer {
    position: relative;
    z-index: 200;
    isolation: isolate;
    pointer-events: auto;
}

body.b2b-newui-app .b2b-newui-chrome--footer .footer {
    position: relative;
    z-index: 1;
    pointer-events: auto;
}

body.b2b-newui-app .b2b-newui-chrome--footer a[href]:not([href=""]):not([href="#"]),
body.b2b-newui-app .b2b-newui-chrome--footer .footer-link {
    pointer-events: auto;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

body.b2b-newui-app .b2b-newui-chrome--footer a svg,
body.b2b-newui-app .b2b-newui-chrome--footer a img,
body.b2b-newui-app .b2b-newui-chrome--footer a .caption-s {
    pointer-events: none;
}

body.b2b-newui-app.pf2-page .site-footer {
    position: relative;
    z-index: 200;
    pointer-events: auto;
}

body.b2b-newui-app.pf2-page .site-footer a[href]:not([href=""]):not([href="#"]) {
    pointer-events: auto;
    cursor: pointer;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button {
    font: inherit;
    color: inherit;
    cursor: pointer;
    border: 0;
    background: none;
}

ul {
    list-style: none;
}

.sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

svg {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 100;
    padding: 12px 20px;
    background: var(--c-green-bright);
    color: var(--c-dark-850);
    font-weight: 600;
}

    .skip-link:focus {
        left: 12px;
        top: 12px;
    }

:focus-visible {
    outline: 2px solid var(--c-green-bright);
    outline-offset: 3px;
}

.container {
    width: 100%;
    max-width: var(--w-container);
    margin-inline: auto;
    padding-inline: var(--gutter);
}

    .container--wide {
    max-width: var(--w-wide);
}

.eyebrow {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .02em;
    color: #065449;
}

.eyebrow--muted {
    color: var(--c-eyebrow);
}

.section-title {
    margin-top: 14px;
    font-size: clamp(28px, 3.1vw, 40px);
    line-height: 48px;
    font-weight: 500;
    letter-spacing: -2.4px;
    color: var(--c-text);
}

    .section-title em {
        font-style: normal;
        color: var(--c-green);
    }

.section-lead {
    margin-top: 18px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    color: var(--c-text);
}

.tag--lg {
    padding: 9px 16px;
    border-radius: var(--r-pill);
    font-size: 13px;
}

.tag--onImage {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    font-size: 11px;
    letter-spacing: .06em;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 289px;
    min-height: 52px;
    padding: 14px 32px;
    border-radius: var(--r-pill);
    font-size: 16px;
    font-weight: 400;
    transition: transform .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease);
}
html[dir="rtl"] .btn {
    font-weight:400;
}
    .btn:hover {
        transform: translateY(-2px);
    }

.btn--primary {
    background: #14911A;
    color: var(--c-white);
    width: 289px;
    height: 52px;
    border-radius: 12px;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
    opacity: 1;
}

    .btn--primary:hover {
        background: var(--c-dark-600);
    }

.btn--ghost {
    border: 1px solid rgba(255, 255, 255, .85);
    color: var(--c-white);
    width: 289px;
    height: 52px;
    border-radius: 12px;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
    opacity: 1;
    border-width: 1px;
}

    .btn--ghost:hover {
        background: rgba(255, 255, 255, .12);
    }

.hero__actions .btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .hero__actions .btn::before {
        content: "";
        position: absolute;
        inset: 0;
        width: 0;
        background: #01A809;
        transition: width .45s ease;
        z-index: -1;
    }

    .hero__actions .btn:hover,
    .hero__actions .btn.is-hovered {
        transform: none;
    }

        .hero__actions .btn:hover::before,
        .hero__actions .btn.is-hovered::before {
            width: 100%;
        }

.btn__icon {
    width: 20px;
    height: 20px;
    flex: none;
}

.cta__panel .link-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--c-green);
    transition: gap .2s var(--ease);
    line-height: 20px;
    letter-spacing: 0px;
    text-transform: capitalize;
}

html[dir="rtl"] .cta__panel .link-more {
    color: #55F25D;
}
    .link-more svg {
    width: 16px;
    height: 16px;
    flex: none;
}

.link-more:hover {
    gap: 14px;
}

.link-more--onDark {
    color: var(--c-green-soft);
}

.link-more--bright {
    color: var(--c-green-bright);
}

.selected-products {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 52px;
    padding-inline: 20px;
    border-radius: var(--r-pill);
    background: #001815;
    font-size: 14px;
    font-weight: 600;
    color: var(--c-white);
    transition: background-color .2s var(--ease);
}

    .selected-products:hover {
        background: #002b25;
    }

.selected-products__count,
[data-selected-products-count] {
    display: grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding-inline: 6px;
    border-radius: var(--r-pill);
    background: var(--c-green-bright);
    color: var(--c-dark-850);
    font-size: 12px;
    font-weight: 700;
}

.b2b-newui-product-toast {
    position: fixed;
    top: 96px;
    left: 50%;
    z-index: 500;
    max-width: min(520px, calc(100vw - 32px));
    padding: 14px 20px;
    border-radius: 10px;
    background: #002823;
    color: #e6fee6;
    font-size: 14px;
    line-height: 1.4;
    transform: translateX(-50%);
    box-shadow: 0 12px 32px rgba(0, 20, 17, .25);
    transition: opacity .3s ease, transform .3s ease;
}

.b2b-newui-product-toast.is-hidden {
    opacity: 0;
    transform: translate(-50%, -8px);
    pointer-events: none;
}

.icon-button {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: none;
    border-radius: var(--r-12);
    background: var(--c-nav);
    border: 1px solid rgba(255, 255, 255, .12);
    color: var(--c-white);
    transition: background-color .2s var(--ease);
}

    .icon-button:hover {
        background: #013b33;
    }

    .icon-button svg {
        width: 22px;
        height: 22px;
    }

.nav-toggle {
    display: none;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: var(--r-12);
    border: 1px solid rgba(255, 255, 255, .16);
    color: var(--c-white);
}

    .nav-toggle svg {
        width: 24px;
        height: 24px;
    }

    .nav-toggle__close,
    .nav-toggle[aria-expanded="true"] .nav-toggle__open {
        display: none;
    }

    .nav-toggle[aria-expanded="true"] .nav-toggle__close {
        display: block;
    }

.site-header.is-stuck {
    position: fixed;
    animation: dropIn .3s var(--ease);
}

    .site-header.is-stuck .utility-bar {
        display: none;
    }

    .site-header.is-stuck .main-bar {
        height: 76px;
        background: rgba(0, 40, 35, .92);
    }

@keyframes dropIn {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

    .hero:has(.hero__bg) {
    position: relative;
    height: 367px;
    min-height: 367px;
    max-height: 367px;
    display: flex;
    align-items: stretch;
    padding-top: calc(var(--header-h) + 12px);
    padding-bottom: 24px;
    background: #000;
    overflow: visible;
    isolation: isolate;
    box-sizing: content-box;
}

.hero__bg {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 30%;
}

.hero__inner {
    width: 100%;
    max-width: var(--w-container);
    margin-inline: auto;
    padding-inline: var(--gutter);
    text-align: center;
    color: var(--c-white);
    height: 100%;
    max-height: 367px;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: visible;
}

.hero__title {
    max-width: 900px;
    margin: 16px auto 0;
    font-size: clamp(32px, 4.4vw, 48px);
    font-weight: 500;
    line-height: 57.6px;
    letter-spacing: -2.4px;
    text-align: center;
    vertical-align: middle;
}

.hero__text {
    max-width: 500px;
    margin: 22px auto 0;
    color: var(--c-mint);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.hero__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 23px;
    margin-top: 44px;
}

.hero:has(.hero__bg) .hero__eyebrow {
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: -0.17px;
    text-transform: capitalize;
}

.hero:has(.hero__bg) .hero__eyebrow,
.hero:has(.hero__bg) .hero__title,
.hero:has(.hero__bg) .hero__text,
.business-objective-hero__breadcrumb,
.business-objective-hero__title,
.business-objective-hero__text {

    padding: 0;
}

.objectives {
    padding-block: 78px 96px;
}

.objectives__layout {
    display: grid;
    grid-template-columns: 777fr 519fr;
    gap: 16px;
    margin-top: 34px;
}

.objectives__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.objective-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 259px;
    padding: 32px 24px 24px;
    border-radius: var(--r-16);
    background: var(--c-surface);
    box-shadow: 0 12px 28px rgba(0, 32, 28, .06);
    transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}

/*    .objective-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 18px 40px rgba(0, 32, 28, .12);
    }*/

.objective-card__title {
    margin-top: 18px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 500;
    color: var(--c-text);
}

.objective-card__text {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--c-text);
}

.objective-card .link-more {
    margin-top: auto;
    padding-top: 16px;
}

.objectives__media {
    position: relative;
    border-radius: var(--r-20);
    overflow: visible;
}

    .objectives__media img {
        width: 100%;
        height: 100%;
        min-height: 400px;
        object-fit: cover;
        border-radius: var(--r-20);
    }

.objectives__badge {
    position: absolute;
    top: 37px;
    right: -24px;
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--c-nav);
    box-shadow: 0 8px 24px rgba(0, 20, 17, .35);
}

    .objectives__badge img {
        width: 30px;
        height: 35px;
        object-fit: contain;
        mix-blend-mode: screen;
    }

.products {
    padding-block: 96px 100px;
}

.products__layout {
    display: grid;
    grid-template-columns: 265fr 1065fr;
    gap: 30px;
    align-items: start;
}

.products__title {
    margin-top: 16px;
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: -.01em;
    color: var(--c-text);
}

    .products__title em {
        font-style: normal;
        color: var(--c-green);
    }

.products__lead {
    margin-top: 26px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--c-text);
}

.products__grid {
    position: relative;
    aspect-ratio: 1065 / 591;
}

    .products__grid .tile {
        position: absolute;
    }

.tile--tall {
    left: 0;
    top: 0;
    width: 32.58%;
    height: 100%;
}

.tile--applications {
    left: 33.70%;
    top: 0;
    width: 32.58%;
    height: 57.02%;
}

.tile--security {
    left: 67.42%;
    top: 0;
    width: 32.58%;
    height: 57.02%;
}

.tile--5g {
    left: 26.66%;
    top: 59.88%;
    width: 25.54%;
    height: 40.10%;
    z-index: 2;
}

.tile--managed {
    left: 53.33%;
    top: 59.88%;
    width: 24.13%;
    height: 40.10%;
    z-index: 2;
}

.tile--professional {
    left: 78.59%;
    top: 59.88%;
    width: 21.41%;
    height: 40.10%;
    z-index: 2;
}

.products__wide {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 17px;
}

.tile--wide {
    min-height: 208px;
}

.tile {
    position: relative;
    display: flex;
    border-radius: var(--r-16);
    background-color: var(--c-tile);
    background-image: var(--img);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    isolation: isolate;
    color: var(--c-white);
    box-shadow: 0 14px 34px rgba(0, 20, 17, .18);
    transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}

    .tile::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        background: linear-gradient(180deg, rgba(2, 12, 10, .92) 0%, rgba(2, 12, 10, .72) 42%, rgba(2, 12, 10, .12) 100%);
    }

.tile--wide::before {
    background: linear-gradient(90deg, rgba(2, 12, 10, .94) 0%, rgba(2, 12, 10, .72) 45%, rgba(2, 12, 10, .1) 100%);
}

.tile:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 46px rgba(0, 20, 17, .3);
}

.tile__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
}

.tile--wide .tile__body {
    max-width: 60%;
    justify-content: center;
}

.tile__icon {
    width: 30px;
    height: 30px;
    color: var(--c-green-soft);
}

.tile__title {
    margin-top: 14px;
    font-size: 30px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -.01em;
}

.tile__title--sm {
    font-size: 22px;
}

.tile__text {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .82);
}

.tile__body .link-more {
    margin-top: 16px;
}

.sme {
    padding-block: 40px 60px;
}

.sme__inner {
    display: grid;
    grid-template-columns: 506fr 530fr;
    gap: 66px;
    align-items: center;
    width: 100%;
    max-width: var(--w-sme);
    margin-inline: auto;
    padding-inline: var(--gutter);
}

.sme__title {
    margin-top: 24px;
    font-size: clamp(26px, 2.8vw, 36px);
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -.01em;
    color: var(--c-nav);
}

    .sme__title em {
        font-style: normal;
        color: var(--c-green);
    }

.sme__text {
    margin-top: 22px;
    max-width: 420px;
    font-size: 15px;
    line-height: 1.55;
    color: var(--c-text);
}

.sme .btn {
    margin-top: 30px;
}

.sme__media img {
    width: 100%;
    aspect-ratio: 530 / 520;
    object-fit: cover;
    border-radius: var(--r-20);
    box-shadow: 0 18px 44px rgba(0, 20, 17, .18);
}

.solutions {
    padding-block: 60px 96px;
}

    .solutions .section-title {
        max-width: 1000px;
    }

    .solutions .section-lead {
        max-width: 620px;
    }

.carousel {
    position: relative;
    margin-top: 40px;
}

.carousel__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 320px;
    gap: 20px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding-inline: max(var(--gutter), calc((100vw - var(--w-container)) / 2 + var(--gutter)));
    padding-block: 6px 20px;
}

    .carousel__track::-webkit-scrollbar {
        display: none;
    }

.solution-card {
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    min-height: 393px;
    border-radius: var(--r-16);
    background: var(--c-white);
    box-shadow: 0 2px 6px rgba(0, 32, 28, .1);
    width: 320px;
    min-width: 320px;
    overflow: hidden;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
/*
    .solution-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 44px rgba(0, 32, 28, .16);
    }*/

.solution-card__media {
    position: relative;
    flex: none;
}

    .solution-card__media img {
        width: 100%;
        height: 210px;
        object-fit: cover;
    }

.solution-card__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    padding: 20px 24px 24px;
}

.solution-card__title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: var(--c-text);
}

.solution-card__text {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--c-text);
}

.solution-card .link-more {
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #e8edeb;
    width: 100%;
}

.carousel__nav {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    max-width: var(--w-container);
    margin-inline: auto;
    padding-inline: var(--gutter);
}

.carousel__btn {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #d8e0de;
    color: var(--c-text);
    background: var(--c-white);
    transition: background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);
}

    .carousel__btn:hover:not(:disabled) {
        background: var(--c-text);
        border-color: var(--c-text);
        color: var(--c-white);
    }

    .carousel__btn:disabled {
        opacity: .35;
        cursor: default;
    }

    .carousel__btn svg {
        width: 20px;
        height: 20px;
    }

[data-carousel-prev] svg {
    transform: rotate(180deg);
}

.stories {
    padding-block: 60px 96px;
}

.stories__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

    .stories__head .section-lead {
        max-width: 1010px;
    }

    .stories__head .link-more {
        flex: none;
        white-space: nowrap;
    }

.stories__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 44px;
    width: 100%;
    height: auto;
    gap: 12px;
    opacity: 1;
}

.story-card {
    position: relative;
    min-height: 332px;
    border-radius: var(--r-16);
    background: var(--c-white);
    box-shadow: 0 14px 32px rgba(0, 32, 28, .1);
    overflow: hidden;
    isolation: isolate;
    transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}

    .story-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 44px rgba(0, 32, 28, .16);
    }

.story-card__img {
    position: absolute;
    inset: 0 0 0 auto;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .55) 26%, #000 62%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .55) 26%, #000 62%);
}

.story-card__body {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    min-height: 332px;
    padding: 26px 25px 24px;
}

.story-card__tag {
    color: var(--c-green);
    font-weight: 500;
    font-size: 12px;
    line-height: 14.4px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.story-card__title {
    margin-top: 14px;
    color: #003931;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
}

.story-card__text {
    margin-top: 14px;
    max-width: 250px;
    color: var(--c-text);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
}

.story-card .link-more {
    margin-top: auto;
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0;
    color: #01A809;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.stats {
    padding-block: 20px 40px;
}

.stats__bar {
    display: grid;
    grid-template-columns: 300fr 1000fr;
    gap: 40px;
    align-items: center;
    padding: 30px 50px;
    border-radius: var(--r-20);
    background: var(--c-dark-850);
    border: 1px solid rgba(255, 255, 255, .08);
    color: var(--c-white);
}

.stats__title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: -0.36px;
}

    .stats__title em {
        font-style: normal;
        color: var(--c-green-bright);
    }

.stats__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.stat {
    position: relative;
    padding-inline-start: 22px;
}

    .stat + .stat::before {
        content: "";
        position: absolute;
        left: -12px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 46px;
        background: rgba(255, 255, 255, .14);
    }

.stat__icon {
    width: 26px;
    height: 26px;
    color: var(--c-green);
}

.stat__value {
    font-weight: 700;
    color: var(--c-green);
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -0.5px;
}

.stat__label {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(255, 255, 255, .82);
}

.cta {
    padding-block: 40px 70px;
}

.cta__box {
    position: relative;
    display: grid;
    grid-template-columns: 446fr 506fr 360fr;
    height: 312px;
    border-radius: 16px;
    background: var(--c-dark-900);
    overflow: hidden;
    isolation: isolate;
    background-image: linear-gradient(#F7F7F8, #F7F7F8);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 26% 100%;
}

.cta__panel {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 42px 40px;
    color: var(--c-white);
}

.cta__title {
    width: 324.796875px;
    height: 144px;
    opacity: 1;
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.96px;
}

    .cta__title em {
        font-style: normal;
        color: var(--c-green-bright);
    }

.cta__text {
    margin-top: 20px;
    max-width: 291px;
    max-height: 43px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 21.13px;
    letter-spacing: 0px;
}

.cta__panel .link-more {
    margin-top: 16px;
}

.cta__img {
    position: absolute;
    inset: 0 27.6% 0 26.7%;
    z-index: 1;
    width: 49.7%;
    height: 100%;
    object-fit: cover;
    width: 698px;
    object-fit: cover;
    clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
}

.cta__list {
    position: relative;
    z-index: 2;
    grid-column: 3;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 0;
    background: #F7F7F8;
    border: 0;
    border-radius: 16px;
    gap: 24px;

}

.cta__item {
    display: flex;
    gap: 14px;
}

.cta__icon {
    width: 22px;
    height: 22px;
    flex: none;
    margin-top: 2px;
    color: var(--c-green);
}

.cta__item-title {
    color: var(--c-green);
    width: 254.1953125px;
    height: 20px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    letter-spacing: 0px;
}

.cta__item-text {
    margin-top: 6px;
    color: #001F1B;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0px;
}

.connect {
    padding-block: 100px 110px;
    background: var(--c-dark-800);
    color: var(--c-white);
    text-align: center;
}

.connect__title {
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.96px;
    text-align: center;
}
.connect__lead {
    max-width: 460px;
    margin: 22px auto 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    color: #E6FDE7A6;
}
    .connect__title em {
        font-style: normal;
        color: #00F249;
        font-weight: 500;
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -0.96px;
        text-align: center;
    }

.connect__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 56px;
    text-align: start;
}

.connect-card {
    display: flex;
    flex-direction: column;
    min-height: 279px;
    padding: 28px;
    border-radius: var(--r-16);
    background: var(--c-white);
    color: var(--c-nav);
    transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}

/*    .connect-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 44px rgba(0, 0, 0, .28);
    }*/

    .connect-card__icon svg {
        color: #00F2491A;
        stroke: none;
    }

.connect-card__title {
    margin-top: 24px;
    font-weight: 700;
    color: var(--c-nav);
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.4px;
}

.connect-card__text {
    margin-top: 0px;
    color: var(--c-text-muted);
    font-weight: 400;
    font-size: 15px;
    line-height: 23.25px;
    letter-spacing: 0px;
}

.connect-card__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #e8edeb;
    color: #002823;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.28px;
}

    .connect-card__link svg {
        display: block;
        width: 32px;
        height: 32px;
        flex: none;
        padding: 7px;
        border-radius: 50%;
        background: rgba(0, 242, 73, .14);
        color: var(--c-green-mid);
        transition: background-color .2s var(--ease), transform .2s var(--ease);
    }

    .connect-card__link:hover svg {
        background: var(--c-green-bright);
        transform: translateX(4px);
    }

[data-reveal] {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .6s var(--ease), transform .6s var(--ease);
}

    [data-reveal].is-visible {
        opacity: 1;
        transform: none;
    }

@media (max-width: 1180px) {
    .objectives__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .objectives__media img {
        min-height: 320px;
    }

    .objectives__badge {
        right: 16px;
    }

    .products__layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    .products__grid {
        aspect-ratio: auto;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

        .products__grid .tile {
            position: static;
            width: auto;
            height: auto;
            min-height: 260px;
            z-index: auto;
        }

    .tile--tall {
        grid-row: span 2;
        min-height: 100%;
    }

    .stats__bar {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
        padding: 32px;
    }

    .cta__box {
        grid-template-columns: minmax(0, 1fr) 340fr;
    }

    .cta__img {
        inset: 0 34% 0 auto;
        width: 40%;
        clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
    }

    .cta__list {
        grid-column: 2;
    }
}

@media (max-width: 1023px) {
    .main-nav {
        position: absolute;
        inset: 100% 0 auto 0;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        margin: 0;
        padding: 8px 24px 20px;
        background: rgba(0, 31, 27, .97);
        backdrop-filter: blur(18px);
    }

        .main-nav.is-open {
            display: flex;
        }

    .main-nav__link {
        padding-block: 14px;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
        font-size: 16px;
    }

    .nav-toggle {
        display: grid;
    }

    .utility-search,
    .selected-products span:first-child,
    .icon-button {
        display: none;
    }

    .utility-nav {
        gap: 18px;
        overflow-x: auto;
        scrollbar-width: none;
    }

        .utility-nav::-webkit-scrollbar {
            display: none;
        }

    .objectives__cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sme__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }

    .stories__grid {
        height: 430px
    }

    .story-card__img {
        width: 46%;
    }

    .stats__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 16px;
    }

    .stat:nth-child(3)::before {
        display: none;
    }

    .cta__box {
        grid-template-columns: minmax(0, 1fr);
    }

    .cta__panel {
        order: 1;
    }

    .cta__img {
        position: static;
        order: 2;
        width: 100%;
        height: 240px;
        clip-path: none;
    }

    .cta__list {
        order: 3;
        grid-column: 1;
    }

    .connect__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .cta__box {
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .cta__panel {
        order: 1;
        width: 100%;
        padding: 28px 20px;
    }

    .cta__title {
        max-width: 100%;
        font-size: 32px;
    }

    .cta__text {
        max-width: 100%;
        max-height: none;
    }

    .cta__img {
        position: static;
        inset: auto;
        order: 2;
        width: 100%;
        height: 220px;
        clip-path: none;
    }

    .cta__list {
        order: 3;
        grid-column: auto;
        width: 100%;
        height: auto;
        border-radius: 0 0 16px 16px;
        padding: 24px 20px;
    }

    .cta__item-title {
        width: auto;
        height: auto;
    }
}

@media (max-width: 767px) {
    :root {
        --header-h: 62px;
        --gutter: 20px;
    }
    .cta__box {
        background-size: 0% 100%;
    }
    .hero:has(.hero__bg) {
        min-height: 0;
        height: auto;
        aspect-ratio: auto;
        padding-top: calc(var(--header-h) + 16px);
        padding-bottom: 64px;
        text-align: start;
        align-items: flex-start;
        justify-content: flex-start;
    }

    body.b2b-newui-app .hero:has(.hero__bg):not(.home-banner) {
        padding-top: 0;
    }

    .hero__bg {
        object-position: center 40%;
    }

    .hero__inner {
        height: auto;
        margin-top: 0;
        text-align: start;
        padding-inline: var(--gutter);
    }

    .hero__title {
        max-width: none;
        margin: 12px 0 0;
        text-align: start;
        line-height: 1.15;
        letter-spacing: -0.04em;
    }

    .hero__text {
        max-width: none;
        margin: 16px 0 0;
        text-align: start;
    }

    .hero__title,
    .hero__text {
        margin-inline: 0;
    }

    .hero__actions {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 16px;
        margin-top: 32px;
        justify-content: flex-start;
    }

    .hero__actions .btn,
    .hero__actions .btn--primary,
    .hero__actions .btn--ghost {
        width: 100%;
        max-width: none;
        min-width: 0;
        height: 52px;
    }

    .btn {
        min-width: 0;
        width: 100%;
    }

    .objectives,
    .products,
    .solutions,
    .stories {
        padding-block: 56px;
    }

    .objectives__cards,
    .products__grid,
    .products__wide {
        grid-template-columns: minmax(0, 1fr);
    }

    .tile--tall {
        grid-row: auto;
    }

    .tile--wide .tile__body {
        max-width: 100%;
    }

    .stories__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
    }

    .story-card__img {
        position: static;
        width: 100%;
        height: 180px;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .story-card {
        display: flex;
        flex-direction: column-reverse;
    }

    .story-card__body {
        min-height: 0;
    }

    .stats__list {
        grid-template-columns: minmax(0, 1fr);
    }

    .stat {
        padding-inline-start: 0;
    }

        .stat + .stat::before {
            display: none;
        }

    .connect {
        padding-block: 64px;
        text-align: start;
    }

    .connect__lead {
        margin-inline: 0;
    }

    .stats {
        padding-block: 16px 32px;
    }

    .stats__bar {
        padding: 24px;
        gap: 24px;
        border-radius: 16px;
    }

    .stats__title {
        max-width: 280px;
        font-size: 20px;
        line-height: 1.3;
    }

    .stories {
        padding-block: 48px;
    }

    .stories__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

        .stories__head .section-lead {
            max-width: 100%;
        }

    .stories__grid {
        width: 100%;
        height: auto;
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 32px;
    }

    .story-card {
        min-height: 0;
        display: flex;
        flex-direction: column;
    }

    .story-card__img {
        position: static;
        width: 100%;
        height: 200px;
        object-fit: cover;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .story-card__body {
        min-height: 0;
        height: auto;
        padding: 24px;
    }

    .story-card__title {
        font-size: 22px;
        line-height: 1.2;
    }

    .story-card__text {
        max-width: 100%;
        font-size: 15px;
        line-height: 1.45;
    }

    .trust-wrap {
        padding: 32px 16px;
    }

    .trust {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 24px;
        gap: 0;
        border-radius: 16px;
    }

    .trust-intro {
        padding-bottom: 24px;
    }

        .trust-intro strong {
            width: 100%;
            max-width: 280px;
            font-size: 20px;
            line-height: 130%;
        }

    .metric {
        min-height: auto;
        padding: 20px 0;
        border-left: 0;
        border-top: 1px solid rgba(0, 185, 45, 0.45);
        align-items: flex-start;
    }

    .metric-top {
        gap: 8px;
    }

    .metric-value {
        font-size: 28px;
        line-height: 120%;
    }

    .metric-label {
        font-size: 14px;
        line-height: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: .01ms;
        transition-duration: .01ms;
    }

    [data-reveal] {
        opacity: 1;
        transform: none;
    }
}

.selected-products {
    display: flex;
    height: 52px;
    align-items: center;
    gap: 8px;
    padding: 0 2px 0 12px;
    color: var(--green-100);
    border-radius: 8px;
    background: var(--dark-700);
    font-size: 16px;
    font-weight: 500;
}

    .selected-products strong {
        display: grid;
        width: 48px;
        height: 48px;
        place-items: center;
        color: var(--green-500);
        border-radius: 8px;
        background: var(--dark-500);
        font-weight: 500;
    }

.solutions {
    height: 720px;
    position: relative;
    margin-top: 2px;
    padding: 96px 64px;
    background: #fff;
}

.section-heading {
    display: flex;
    min-height: 96px;
    align-items: flex-start;
    gap: 48px;
    padding-right: 194px;
}

    .section-heading h2 {
        width: 462px;
        flex: 0 0 462px;
        color: var(--text);
        font-size: 48px;
        font-weight: 500;
        line-height: 48px;
        letter-spacing: -2.4px;
    }

        .section-heading h2 em {
            color: var(--green-700);
            font-style: normal;
        }

.solution-grid {
    display: grid;
    height: 384px;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 48px;
}

/*.solution-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 16px;
    background: #fafafa;
    box-shadow: 0 4px 22px rgb(0 0 0 / 0.1);
}*/

.solution-card__image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.solution-card__content {
    display: flex;
    height: 184px;
    flex-direction: column;
    gap: 8px;
    padding: 16px 24px 18px;
}

.solution-card h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.1px;
}

.solution-card p {
    display: -webkit-box;
    flex: 1;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.solution-card a {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-top: 11px;
    color: var(--green-700);
    border-top: 1px solid #dbe5e3;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
}

    .solution-card a img {
        width: 16px;
        height: 16px;
    }

.trust-wrap {
    padding: 40px 24px;
    max-width: 100%;
}

.trust {
    display: grid;
    grid-template-columns: 1.35fr repeat(4, 1fr);
    background: var(--dark-green);
    color: white;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    height: auto;
    min-height: 144px;
    border-radius: 16px;
    justify-content: space-between;
    padding: 36px 48px;
    opacity: 1;
}

.trust-intro {
}

    .trust-intro strong {
        display: block;
        width: auto;
        max-width: 245px;
        font-weight: 500;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: -0.3px;
    }

        .trust-intro strong span {
            color: var(--green);
        }

.metric {
    min-height: 60px;
    padding: 20px 20px;
    border-left: 1px solid rgba(0, 185, 45, 0.45);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.metric-top {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--green);
}

.metric-icon {
    font-size: 20px;
    line-height: 1;
}

.metric-label {
    margin-top: 4px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.1px;
    vertical-align: middle;
}

.metric-value {
    font-weight: 500;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: -0.5px;
}

@media (max-width: 900px) {

    .intro {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .cards {
        grid-template-columns: 1fr;
    }

    .card-image {
        height: 230px;
    }

    .trust {
        width: 100%;
        max-width: 100%;
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 20px;
    }

    .trust-intro {
        grid-column: 1 / -1;
        padding: 12px;
    }

    .metric {
        border-top: 1px solid rgba(0, 185, 45, 0.25);
    }

    .cta-copy {
        grid-template-columns: 1fr;
    }

    .cta-copy {
        clip-path: none;
    }

    .cta-image {
        margin: 0;
        height: 280px;
    }

    .cta-points {
        padding: 28px;
    }
}

@media (max-width: 600px) {

    .services-section {
        padding-top: 34px;
    }

    .intro h1 {
        font-size: 38px;
    }

    .intro p {
        font-size: 13px;
    }

    .card-image {
        height: 190px;
    }

    .card p {
        min-height: auto;
    }

    .trust-wrap {
        padding: 24px 16px;
    }

    .trust {
        width: 100%;
        max-width: 100%;
        height: auto;
        grid-template-columns: minmax(0, 1fr);
        padding: 20px 16px;
    }

    .trust-intro strong {
        max-width: none;
        font-size: 20px;
    }

    .metric {
        padding: 10px 12px;
    }

    .metric-value {
        font-size: 18px;
    }

    .metric-label {
        font-size: 9px;
    }

    .cta-copy h2 {
        font-size: 36px;
    }

    .cta-image {
        height: 220px;
        min-height: 220px;
    }

    .floating-action {
        width: 42px;
        height: 42px;
        top: 14px;
        right: 14px;
    }
}

@media (max-width: 767px) {
    .trust-wrap {
        width: 100%;
        max-width: 100%;
        padding: 32px var(--gutter);
        overflow-x: hidden;
        box-sizing: border-box;
    }

    .trust {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 24px;
        gap: 0;
        border-radius: 16px;
        box-sizing: border-box;
    }

    .trust-intro {
        grid-column: auto;
        padding: 0 0 24px;
    }

        .trust-intro strong {
            width: 100%;
            max-width: 280px;
            font-size: 20px;
            line-height: 130%;
        }

    .metric {
        min-height: auto;
        padding: 20px 0;
        border-left: 0;
        border-top: 1px solid rgba(0, 185, 45, 0.45);
        align-items: flex-start;
    }

    .metric-value {
        font-size: 28px;
        line-height: 120%;
    }

    .metric-label {
        font-size: 14px;
        line-height: 18px;
    }
}

.sme-section .content-slider {
    position: relative;
    height: 222px;
}
html[dir="rtl"] .sme-section .content-slider {
    position: relative;
    height: 225px;
}

.sme-section .content-item {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
}

    .sme-section .content-item.active {
        opacity: 1;
        visibility: visible;
    }

.sme-btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .sme-btn::before {
        content: "";
        position: absolute;
        inset: 0;
        width: 0;
        background: #01A809;
        transition: width .45s ease;
        z-index: -1;
    }

    .sme-btn:hover::before,
    .sme-btn.is-hovered::before {
        width: 100%;
    }

.sme-image {
    transition: transform 0.8s cubic-bezier(0.76, 0, 0.24, 1);
    will-change: transform;
}

#image-1 {
    transform: translateY(0%);
    z-index: 2;
}

#image-2 {
    transform: translateY(100%);
    z-index: 3;
}

.sme-section,
.sme-section * {
    box-sizing: border-box;
}

.sme-section {
    width: 100%;
    background: white;
    padding: 40px 0;
}

.sme-container {
    max-width: var(--w-container);
    min-height: 600px;
    margin: 0 auto;
    padding: 0 var(--gutter);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.sme-content {
    width: 474px;
    min-width: 0;
    min-height: 332px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sme-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 36px;
    padding: 8px 16px;
    border-radius: 999px;
    background: #01A809;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    margin-bottom: 24px;
}

.sme-heading {
    margin: 0;
    color: #002823;
    font-size: 40px;
    font-weight: 500;
    line-height: 57.6px;
    letter-spacing: -2.4px;
}

    .sme-heading span {
        color: #01A809;
        font-weight: 500;
    }

.sme-description {
    margin-top: 16px;
    max-width: 426px;
    color: #003931;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.sme-btn {
    width: fit-content;
    min-width: 289px;
    height: 52px;
    padding: 16px 32px;
    border-radius: 12px;
    background: #003931;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.17px;
}

.sme-image-wrapper {
    position: relative;
    width: 530px;
    height: 520px;
    overflow: hidden;
    border-radius: 24px;
    flex-shrink: 0;
    z-index:1;
}

.sme-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

@media (max-width: 1024px) {

    .sme-container {
        flex-direction: column;
        padding: 0 var(--gutter);
    }

    .sme-content {
        width: 100%;
        max-width: 474px;
    }

    .sme-image-wrapper {
        width: 100%;
        max-width: 530px;
        height: auto;
        aspect-ratio: 530/520;
    }
}

@media (max-width: 768px) {

    .sme-heading {
        font-size: 32px;
        line-height: 42px;
    }

    .sme-container {
        align-items: center;
        padding: 0 var(--gutter);
    }

    .sme-image-wrapper {
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
    }

    .sme-btn {
        min-width: 100%;
    }
}

.solutions-track {
    will-change: transform;
    transition: transform .25s ease-out;
}

.solution-card {
    transition: transform .3s ease, box-shadow .3s ease;
}

/*    .solution-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 10px 25px rgba(0,0,0,.12);
    }*/

.learn-more {
    gap: 6px;
    transition: gap .3s ease;
}

    .learn-more:hover {
        gap: 10px;
    }

.product-families,
section.product-families,
#products.product-families,
body.b2b-newui-app .product-families,
body.b2b-newui-app .product-families,
body.b2b-newui-app .product-families,
body.b2b-newui-app .page .product-families {
    position: relative;
    overflow-x: hidden;
    padding-block: clamp(48px, 7vw, 112px);
    color: #003931;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

.product-families h2,
.product-families h3,
section.product-families h2,
section.product-families h3,
#products.product-families h2,
#products.product-families h3 {
    margin: 0;
    /*line-height: 1.1;*/
}

.product-families .shell,
section.product-families .shell,
#products.product-families .shell {
    width: 100%;
    max-width: var(--w-container);
    margin-inline: auto;
    padding-inline: var(--gutter);
    box-sizing: border-box;
}

    .product-families .section-kicker,
    section.product-families .section-kicker,
    #products.product-families .section-kicker {
        font-size: 18px;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: -0.5%;
        color: #14911A;
        margin-bottom: 15px;
    }
    html[dir="rtl"] .product-families .section-kicker,
    section.product-families .section-kicker,
    #products.product-families .section-kicker {
        font-size: 16px;
        font-weight: 400;
        color: #065449;
    }
    .product-families__layout,
    .product-families .product-families__layout,
    .shell.product-families__layout {
        display: grid;
        grid-template-columns: 270px minmax(0, 1fr);
        column-gap: 24px;
        row-gap: 0;
        align-items: start;
        min-width: 0;
    }

.product-families__intro {
    position: sticky;
    top: 24px;
    padding-top: 8px;
}

    .product-families__intro h2,
    body.b2b-newui-app .product-families .product-families__intro h2,
    body.b2b-newui-app .product-families .product-families__intro h2 {
        margin-top: 12px;
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -2.4px;
        font-weight: 500;
        color: #003931;
    }

        .product-families__intro h2 em {
            color: #01a809;
            font-style: normal;
            font-weight: 500;
        }

    .product-families__intro > p:last-child {
        margin-top: 16px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #013931;
        letter-spacing: 0%;
    }

.product-families .product-bento,
section.product-families .product-bento,
#products.product-families .product-bento {
    display: grid;
    width: 100%;
    min-width: 0;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: 320px 230px;
    gap: 6px;
}

.product-families .product-card,
section.product-families .product-card,
#products.product-families .product-card,
body.b2b-newui-app .product-families .product-card {
    position: relative;
    display: block;
    min-width: 0;
    overflow: hidden;
    color: #fff;
    border: 8px solid #fff;
    border-radius: 18px;
    background: #071111;
    box-sizing: border-box;
    transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.product-families .product-card::before,
section.product-families .product-card::before,
#products.product-families .product-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    /*background: linear-gradient(135deg, rgb(0 0 0 / 0.82), rgb(0 0 0 / 0.1) 72%);*/
}

 /*   .product-families .product-card:hover {
        z-index: 2;
        transform: translateY(-6px) scale(1.01);
        box-shadow: 0 20px 35px rgb(0 57 49 / 0.22);
    }*/

.product-families .product-card__photo,
.product-families .product-card__shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.product-families .product-card__photo {
    object-fit: cover;
    transition: transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
}

/*.product-families .product-card:hover .product-card__photo {
    transform: scale(1.055);
}*/

.product-families .product-card__content {
    background: linear-gradient( 145deg, rgba(0, 18, 15, 0.78) 0%, rgba(0, 18, 15, 0.4) 34%, rgba(0, 18, 15, 0.06) 56%, rgba(0, 18, 15, 0.18) 100% );
}

.product-families__bottom .product-card__content,
.product-families .product-families__bottom .product-card__content {
    background: linear-gradient( 90deg, rgba(0, 18, 15, 0.82) 0%, rgba(0, 18, 15, 0.48) 32%, rgba(0, 18, 15, 0.06) 55%, rgba(0, 18, 15, 0.2) 100% );
}

html[dir="rtl"] .product-families__bottom .product-card__content,
html[lang="ar"] .product-families__bottom .product-card__content {
    background: linear-gradient( 270deg, rgba(0, 18, 15, 0.82) 0%, rgba(0, 18, 15, 0.48) 32%, rgba(0, 18, 15, 0.06) 55%, rgba(0, 18, 15, 0.2) 100% );
}

.product-families .product-card__content {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
}

.product-families .product-card__icon {
    width: 26px;
    height: 26px;
    margin-bottom: 12px;
    object-fit: contain;
}

.product-families .product-card h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
    text-shadow: 0 1px 16px rgba(0, 0, 0, 0.55), 0 0 1px rgba(0, 0, 0, 0.75);
}

.product-families .product-card p {
    max-width: 90%;
    flex: 1 1 auto;
    min-height: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #F2F5F5;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5), 0 0 1px rgba(0, 0, 0, 0.65);
}

.product-families .product-card a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    flex-shrink: 0;
    color: #27C52E;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}


    .product-families .product-card a span {
        transition: transform 240ms;
    }

    .product-families .product-card a:hover span {
        transform: translateX(5px);
    }

.product-families .product-bento .product-card--connectivity,
section.product-families .product-bento .product-card--connectivity {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2;
    width: 376px;
    height: 568px;
}

.product-families .product-bento .product-card--applications,
section.product-families .product-bento .product-card--applications {
    grid-column: 3 / span 2;
    width: 347px;
    height:337px;
}

.product-families .product-bento .product-card--security,
section.product-families .product-bento .product-card--security {
    grid-column: 5 / span 2;
    left: -29px;
    width: 386px;
    height: 337px;
}

.product-families .product-bento .product-card--fiveg,
section.product-families .product-bento .product-card--fiveg {
    grid-column: 2 / span 2;
    grid-row: 2;
    width: 296px;
    height: 237px;
    left: 105px;
    z-index: 2;
}
.product-families .product-bento .product-card--managed,
section.product-families .product-bento .product-card--managed {
    grid-column: 4 / span 2;
    grid-row: 2;
    width: 267px;
    height: 238px;
    left: 24px;
}

.product-families .product-bento .product-card--professional,
section.product-families .product-bento .product-card--professional {
    height: 237px;
    grid-column: 6;
    grid-row: 2;
    width: 260px;
    left: auto;
    justify-self: end;
}

.product-families__bottom,
.product-families .product-families__bottom,
.shell.product-families__layout > .product-families__bottom {
    grid-column: 1 / -1;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    column-gap: 0;
    row-gap: 0;
    margin-top: 0;
    margin-left:10px;
}

    .product-families__bottom .product-card {
        width: 100%;
        max-width: none;
        justify-self: stretch;
        height: 208px;
        left: auto;
        right: auto;
    }

    .product-families__bottom .product-card + .product-card {
        margin-inline-start: -8px;
    }

.product-families [data-reveal],
section.product-families [data-reveal],
#products.product-families [data-reveal] {
    opacity: 0;
    transition: opacity 520ms cubic-bezier(0.22, 1, 0.36, 1), transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: 0ms;
    will-change: opacity, transform;
}

.product-families [data-reveal="right"],
section.product-families [data-reveal="right"],
#products.product-families [data-reveal="right"] {
    transform: translateX(-40px);
}

.product-families [data-reveal="scale"],
section.product-families [data-reveal="scale"],
#products.product-families [data-reveal="scale"] {
    transform: scale(0.94);
}

.product-families [data-reveal].is-visible,
section.product-families [data-reveal].is-visible,
#products.product-families [data-reveal].is-visible {
    opacity: 1;
    transform: none;
}

html[dir="rtl"] .product-families__layout,
html[lang="ar"] .product-families__layout,
.b2b-newui-app[dir="rtl"] .product-families__layout,
main[dir="rtl"] .product-families__layout,
main[lang="ar"] .product-families__layout {
    direction: rtl;
}
html[dir="rtl"] .product-families .product-card a {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .product-families__intro,
html[lang="ar"] .product-families__intro,
.b2b-newui-app[dir="rtl"] .product-families__intro,
main[dir="rtl"] .product-families__intro,
main[lang="ar"] .product-families__intro {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .product-families [data-reveal="right"],
html[lang="ar"] .product-families [data-reveal="right"],
.b2b-newui-app[dir="rtl"] .product-families [data-reveal="right"],
main[dir="rtl"] .product-families [data-reveal="right"],
main[lang="ar"] .product-families [data-reveal="right"] {
    transform: translateX(40px);
}

/* Smaller laptops only (1101–1280px); 1281px+ uses original fixed card sizes */
@media (max-width: 1280px) and (min-width: 1101px) {
    .product-families__layout,
    .product-families .product-families__layout,
    .shell.product-families__layout {
        grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
        column-gap: 16px;
    }

    /* English: same bento layout as desktop, ~88% card size + offsets */
    html[dir="ltr"] #products.product-families .product-bento,
    html[dir="ltr"] section.product-families .product-bento,
    html[dir="ltr"] .product-families .product-bento {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-template-rows: 282px 202px;
        gap: 8px;
    }

    html[dir="ltr"] #products.product-families .product-bento .product-card--connectivity,
    html[dir="ltr"] section.product-families .product-bento .product-card--connectivity,
    html[dir="ltr"] .product-families .product-bento .product-card--connectivity {
        grid-column: 1 / span 2;
        grid-row: 1 / span 2;
        width: 331px;
        height: 500px;
        left: 0;
    }

    html[dir="ltr"] #products.product-families .product-bento .product-card--applications,
    html[dir="ltr"] section.product-families .product-bento .product-card--applications,
    html[dir="ltr"] .product-families .product-bento .product-card--applications {
        grid-column: 3 / span 2;
        width: 305px;
        height: 296px;
        left: 0;
    }

    html[dir="ltr"] #products.product-families .product-bento .product-card--security,
    html[dir="ltr"] section.product-families .product-bento .product-card--security,
    html[dir="ltr"] .product-families .product-bento .product-card--security {
        grid-column: 5 / span 2;
        width: 340px;
        height: 296px;
        left: -26px;
    }

    html[dir="ltr"] #products.product-families .product-bento .product-card--fiveg,
    html[dir="ltr"] section.product-families .product-bento .product-card--fiveg,
    html[dir="ltr"] .product-families .product-bento .product-card--fiveg {
        grid-column: 2 / span 2;
        grid-row: 2;
        width: 260px;
        height: 208px;
        left: 92px;
        z-index: 2;
    }

    html[dir="ltr"] #products.product-families .product-bento .product-card--managed,
    html[dir="ltr"] section.product-families .product-bento .product-card--managed,
    html[dir="ltr"] .product-families .product-bento .product-card--managed {
        grid-column: 4 / span 2;
        grid-row: 2;
        width: 233px;
        height: 209px;
        left: 24px;
    }

    html[dir="ltr"] #products.product-families .product-bento .product-card--professional,
    html[dir="ltr"] section.product-families .product-bento .product-card--professional,
    html[dir="ltr"] .product-families .product-bento .product-card--professional {
        grid-column: 6;
        grid-row: 2;
        width: 229px;
        height: 208px;
        left: auto;
        justify-self: end;
    }

    html[dir="ltr"] #products.product-families .product-families__bottom .product-card,
    html[dir="ltr"] section.product-families .product-families__bottom .product-card,
    html[dir="ltr"] .product-families .product-families__bottom .product-card {
        height: 183px;
    }

    html[dir="ltr"] #products.product-families .product-bento .product-card--connectivity a,
    html[dir="ltr"] section.product-families .product-bento .product-card--connectivity a,
    html[dir="ltr"] .product-families .product-bento .product-card--connectivity a {
        margin-bottom: calc(500px - 296px);
    }
}

/* Desktop only: Arabic bento matches English geometry */
@media (min-width: 1101px) {
    html[dir="rtl"] #products.product-families .product-bento,
    html[dir="rtl"] section.product-families .product-bento,
    html[dir="rtl"] .product-families .product-bento,
    html[lang="ar"] #products.product-families .product-bento,
    html[lang="ar"] section.product-families .product-bento,
    html[lang="ar"] .product-families .product-bento {
        /*direction: ltr;*/
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-template-rows: 320px 230px;
    }

    html[dir="rtl"] #products.product-families .product-families__bottom,
    html[dir="rtl"] section.product-families .product-families__bottom,
    html[dir="rtl"] .product-families .product-families__bottom,
    html[lang="ar"] #products.product-families .product-families__bottom,
    html[lang="ar"] section.product-families .product-families__bottom,
    html[lang="ar"] .product-families .product-families__bottom {
/*        direction: ltr;*/
        grid-template-columns: 1fr 1fr;
        margin-right:10px;
    }

    html[dir="rtl"] #products.product-families .product-bento .product-card--connectivity,
    html[dir="rtl"] section.product-families .product-bento .product-card--connectivity,
    html[lang="ar"] #products.product-families .product-bento .product-card--connectivity,
    html[lang="ar"] section.product-families .product-bento .product-card--connectivity {
        grid-column: 1 / span 2;
        grid-row: 1 / span 2;
        width: 376px;
        height: 568px;
    }

    html[dir="rtl"] #products.product-families .product-bento .product-card--applications,
    html[dir="rtl"] section.product-families .product-bento .product-card--applications,
    html[lang="ar"] #products.product-families .product-bento .product-card--applications,
    html[lang="ar"] section.product-families .product-bento .product-card--applications {
        grid-column: 3 / span 2;
        width: 347px;
        height: 337px;
    }

    html[dir="rtl"] #products.product-families .product-bento .product-card--security,
    html[dir="rtl"] section.product-families .product-bento .product-card--security,
    html[lang="ar"] #products.product-families .product-bento .product-card--security,
    html[lang="ar"] section.product-families .product-bento .product-card--security {
        grid-column: 5 / span 2;
        left: 29px;
        width: 386px;
        height: 337px;
    }

    html[dir="rtl"] #products.product-families .product-bento .product-card--fiveg,
    html[dir="rtl"] section.product-families .product-bento .product-card--fiveg,
    html[lang="ar"] #products.product-families .product-bento .product-card--fiveg,
    html[lang="ar"] section.product-families .product-bento .product-card--fiveg {
        grid-column: 2 / span 2;
        grid-row: 2;
        width: 296px;
        height: 237px;
        left: -105px;
        z-index: 2;
    }

    html[dir="rtl"] #products.product-families .product-bento .product-card--managed,
    html[dir="rtl"] section.product-families .product-bento .product-card--managed,
    html[lang="ar"] #products.product-families .product-bento .product-card--managed,
    html[lang="ar"] section.product-families .product-bento .product-card--managed {
        grid-column: 4 / span 2;
        grid-row: 2;
        width: 267px;
        height: 238px;
        left: -24px;
    }

    html[dir="rtl"] #products.product-families .product-bento .product-card--professional,
    html[dir="rtl"] section.product-families .product-bento .product-card--professional,
    html[lang="ar"] #products.product-families .product-bento .product-card--professional,
    html[lang="ar"] section.product-families .product-bento .product-card--professional {
        height: 237px;
        grid-column: 6;
        grid-row: 2;
        width: 260px;
        left: auto;
        right: auto;
        justify-self: end;
    }

    html[dir="rtl"] #products.product-families .product-families__bottom .product-card,
    html[dir="rtl"] section.product-families .product-families__bottom .product-card,
    html[lang="ar"] #products.product-families .product-families__bottom .product-card,
    html[lang="ar"] section.product-families .product-families__bottom .product-card {
        height: 208px;
    }
}

@media (max-width: 1280px) and (min-width: 1101px) {
    html[dir="rtl"] #products.product-families .product-bento,
    html[dir="rtl"] section.product-families .product-bento,
    html[dir="rtl"] .product-families .product-bento,
    html[lang="ar"] #products.product-families .product-bento,
    html[lang="ar"] section.product-families .product-bento,
    html[lang="ar"] .product-families .product-bento {
        direction: ltr;
        grid-template-rows: minmax(260px, 30vw) minmax(190px, 22vw);
    }

    html[dir="rtl"] #products.product-families .product-bento .product-card--connectivity,
    html[dir="rtl"] section.product-families .product-bento .product-card--connectivity,
    html[dir="rtl"] #products.product-families .product-bento .product-card--applications,
    html[dir="rtl"] section.product-families .product-bento .product-card--applications,
    html[dir="rtl"] #products.product-families .product-bento .product-card--security,
    html[dir="rtl"] section.product-families .product-bento .product-card--security,
    html[dir="rtl"] #products.product-families .product-bento .product-card--fiveg,
    html[dir="rtl"] section.product-families .product-bento .product-card--fiveg,
    html[dir="rtl"] #products.product-families .product-bento .product-card--managed,
    html[dir="rtl"] section.product-families .product-bento .product-card--managed,
    html[dir="rtl"] #products.product-families .product-bento .product-card--professional,
    html[dir="rtl"] section.product-families .product-bento .product-card--professional,
    html[lang="ar"] #products.product-families .product-bento .product-card--connectivity,
    html[lang="ar"] section.product-families .product-bento .product-card--connectivity,
    html[lang="ar"] #products.product-families .product-bento .product-card--applications,
    html[lang="ar"] section.product-families .product-bento .product-card--applications,
    html[lang="ar"] #products.product-families .product-bento .product-card--security,
    html[lang="ar"] section.product-families .product-bento .product-card--security,
    html[lang="ar"] #products.product-families .product-bento .product-card--fiveg,
    html[lang="ar"] section.product-families .product-bento .product-card--fiveg,
    html[lang="ar"] #products.product-families .product-bento .product-card--managed,
    html[lang="ar"] section.product-families .product-bento .product-card--managed,
    html[lang="ar"] #products.product-families .product-bento .product-card--professional,
    html[lang="ar"] section.product-families .product-bento .product-card--professional {
        width: 100%;
        height: 100%;
        min-height: 0;
        left: 0;
        justify-self: stretch;
    }
}

@media (max-width: 1100px) {
    .product-families__layout,
    .product-families .product-families__layout,
    .shell.product-families__layout {
        grid-template-columns: 1fr;
    }

    .product-families__intro,
    .product-families .product-families__intro {
        position: static;
        max-width: 620px;
        margin-inline: auto;
        text-align: center;
    }

    .product-families .product-bento,
    section.product-families .product-bento,
    .product-families .product-families__bottom,
    section.product-families .product-families__bottom {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: none;
        grid-auto-rows: auto;
        gap: 16px;
        width: 100%;
    }

        .product-families .product-card,
        section.product-families .product-card,
        #products.product-families .product-card {
            grid-column: 1 / -1;
            grid-row: auto;
            width: 100%;
            left: auto;
            justify-self: stretch;
            height: 290px;
            min-height: 0;
            z-index: 0;
            transform: none;
        }

        .product-families__bottom .product-card,
        .product-families .product-families__bottom .product-card {
            height: 290px;
        }

        .product-families .product-bento .product-card--connectivity a,
        section.product-families .product-bento .product-card--connectivity a,
        #products.product-families .product-bento .product-card--connectivity a {
            margin-bottom: 0;
        }

    html[dir="rtl"] #products.product-families .product-bento,
    html[dir="rtl"] section.product-families .product-bento,
    html[dir="rtl"] .product-families .product-bento,
    html[dir="rtl"] #products.product-families .product-families__bottom,
    html[dir="rtl"] section.product-families .product-families__bottom,
    html[dir="rtl"] .product-families .product-families__bottom,
    html[lang="ar"] #products.product-families .product-bento,
    html[lang="ar"] section.product-families .product-bento,
    html[lang="ar"] .product-families .product-bento,
    html[lang="ar"] #products.product-families .product-families__bottom,
    html[lang="ar"] section.product-families .product-families__bottom,
    html[lang="ar"] .product-families .product-families__bottom {
        direction: ltr;
        grid-template-columns: 1fr;
        grid-template-rows: none;
        grid-auto-rows: auto;
    }

    html[dir="rtl"] #products.product-families .product-bento .product-card--connectivity,
    html[dir="rtl"] #products.product-families .product-bento .product-card--applications,
    html[dir="rtl"] #products.product-families .product-bento .product-card--security,
    html[dir="rtl"] #products.product-families .product-bento .product-card--fiveg,
    html[dir="rtl"] #products.product-families .product-bento .product-card--managed,
    html[dir="rtl"] #products.product-families .product-bento .product-card--professional,
    html[dir="rtl"] section.product-families .product-bento .product-card--connectivity,
    html[dir="rtl"] section.product-families .product-bento .product-card--applications,
    html[dir="rtl"] section.product-families .product-bento .product-card--security,
    html[dir="rtl"] section.product-families .product-bento .product-card--fiveg,
    html[dir="rtl"] section.product-families .product-bento .product-card--managed,
    html[dir="rtl"] section.product-families .product-bento .product-card--professional,
    html[lang="ar"] #products.product-families .product-bento .product-card--connectivity,
    html[lang="ar"] #products.product-families .product-bento .product-card--applications,
    html[lang="ar"] #products.product-families .product-bento .product-card--security,
    html[lang="ar"] #products.product-families .product-bento .product-card--fiveg,
    html[lang="ar"] #products.product-families .product-bento .product-card--managed,
    html[lang="ar"] #products.product-families .product-bento .product-card--professional,
    html[lang="ar"] section.product-families .product-bento .product-card--connectivity,
    html[lang="ar"] section.product-families .product-bento .product-card--applications,
    html[lang="ar"] section.product-families .product-bento .product-card--security,
    html[lang="ar"] section.product-families .product-bento .product-card--fiveg,
    html[lang="ar"] section.product-families .product-bento .product-card--managed,
    html[lang="ar"] section.product-families .product-bento .product-card--professional {
        grid-column: 1 / -1;
        grid-row: auto;
        width: 100%;
        left: 0;
        right: auto;
        height: 290px;
        min-height: 0;
        justify-self: stretch;
    }

    html[dir="rtl"] .product-families__intro,
    html[lang="ar"] .product-families__intro {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .product-families .product-families__bottom,
    section.product-families .product-families__bottom,
    #products.product-families .product-families__bottom {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    }

    .product-families__bottom .product-card,
    .product-families .product-families__bottom .product-card {
        height: 240px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .product-families [data-reveal] {
        opacity: 1;
        transform: none;
        transition-duration: 1ms;
        transition-delay: 0ms;
    }
}

.solutions-section {
    width: 100%;
    padding: 80px 0;
}

.solutions-header,
.solutions-slider {
    max-width: var(--w-container);
    margin-inline: auto;
    padding-inline: var(--gutter);
}

.solutions-header {
    margin-bottom: 48px;
}

.solutions-heading {
    margin: 0 0 8px;
    max-width: 997px;
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2.4px;
    color: #012F28;
}

    .solutions-heading span {
        color: #01A809;
    }

.solutions-description {
    margin: 0;
    max-width: 561px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #003931;
}

.solutions-slider {
    /*   width: 100%;
    min-width: 0;*/
    overflow-x: auto;
    height: 418px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-overflow-scrolling: touch;
}
    .solutions-slider::-webkit-scrollbar {
        display: none;
    }

.solutions-track {
    display: flex;
    gap: 16px;
}

/*.solution-card {
    width: 320px;
    min-width: 320px;
    height: 393px;
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 2px 12px rgba(0,0,0,.06);
}*/

.card-image {
    position: relative;
    width: 320px;
    height: 200px;
}

    .card-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }

.solution-card .card-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 5px 10px;
    border-radius: 9999px;
    background: #01A809;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.card-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 193px;
}

    .card-content h3 {
        margin: 0 0 12px;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: -.4px;
        color: #003931;
    }

    .card-content p {
        flex: 1;
        margin: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        color: #003931;
    }

.learn-more {
    padding-top: 8px;
    border-top: 1px solid #E8EFEE;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #01A809;
}

    .learn-more span {
        font-size: 12px;
    }

@media (max-width: 1024px) {

    .solutions-section {
        padding: 60px 0;
    }

    .solutions-heading {
        font-size: 32px;
        line-height: 40px;
    }
}

@media (max-width: 768px) {

    .solutions-track {
        scrollbar-width: none;
    }

        .solutions-track::-webkit-scrollbar {
            display: none;
        }

/*    .solution-card {
        width: 280px;
        min-width: 0;
    }*/
}

.business-objectives {
    width: 100%;
    padding: 80px 0;
    background: #ffffff;
}

.business-objectives__content {
    max-width: var(--w-container);
    margin: 0 auto;
    padding-inline: var(--gutter);
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
    align-items: stretch;
    gap: 28px;
}

.business-objectives__left {
    display: flex;
    flex-direction: column;
    gap: 32px;
    min-width: 0;
}

.section-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.section-label {
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: -0.17px;
    color: #005147;
}

.section-title {
    margin: 0;
    font-weight: 500;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2.4px;
    color: #003931;
}

    .section-title span {
        color: #01A809;
    }

.section-description {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #003931;
    letter-spacing:0px;
}

.objectives-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    flex: 1;
}

.objective-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
    min-height: 259px;
    transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 520ms cubic-bezier(0.22, 1, 0.36, 1);
    animation: objective-card-up 520ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
}

    .objective-card:nth-child(1) {
        animation-delay: 0ms;
    }

    .objective-card:nth-child(2) {
        animation-delay: 90ms;
    }

    .objective-card:nth-child(3) {
        animation-delay: 180ms;
    }

    .objective-card:nth-child(4) {
        animation-delay: 270ms;
    }

/*    .objective-card:hover {
        transform: translateY(-7px);
        box-shadow: 0 18px 38px rgb(0 57 49 / 0.14);
    }*/

@keyframes objective-card-up {
    from {
        opacity: 0;
        transform: translateY(32px);
    }

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

.objective-card .card-badge {
    position: static;
    top: auto;
    left: auto;
    height: auto;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 27px;
    padding: 4px 12px;
    margin-bottom: 16px;
    border-radius: 99px;
    background: #01A809;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: -0.6px;
    white-space: nowrap;
}
html[dir="rtl"] .objective-card .card-badge {
    font-size:14px;
}
    .card-title {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -0.6px;
    color: #003931;
}

.card-description {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #4a5c58;
    flex: 1;
}

.card-link {
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #01A809;
}

    .card-link svg {
        transition: transform 240ms;
    }

    .card-link:hover svg {
        transform: translateX(5px);
    }

.business-objectives__image {
    position: relative;
    min-height: 640px;
    height: 100%;
    border-radius: 32px;
    overflow: hidden;
}

    .business-objectives__image img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }

.image-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.25));
}

@media (max-width: 1200px) {
    .business-objectives__content {
        grid-template-columns: 1fr;
    }

    .business-objectives__image {
        min-height: 420px;
        max-height: 520px;
    }
}

@media (max-width: 768px) {
    .hero:has(.hero__bg) {
        line-height: 31.6px;
        min-height: 0;
        height: auto;
        align-items: flex-start;
    }

    .hero__inner {
        margin-top: 0px;
        height: auto;
    }

    .hero__title {
        line-height: 36.6px;
    }

    .business-objectives {
        padding: 48px 0;
    }

    .objectives-grid {
        grid-template-columns: 1fr;
    }

    .section-title {
        font-size: 32px;
        letter-spacing: -1.2px;
    }

    .objective-card .card-badge {
        white-space: normal;
    }

    .business-objectives__image {
        width: 100%;
        max-width: 100%;
        min-height: 320px;
        height: 320px;
        margin-inline: auto;
        border-radius: 24px;
    }

        .business-objectives__image img,
        .sme-image,
        .product-card__photo,
        .card-image img {
            object-fit: cover;
            object-position: center center;
        }

    .product-families .shell {
        padding-inline: var(--gutter);
    }

    .product-families .product-bento,
    .product-families .product-families__bottom,
    .product-families .product-card {
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
    }

        .product-families .product-card:hover,
        .product-families .product-card:hover .product-card__photo {
            transform: none;
        }

    .solutions-section {
        padding: 48px 0;
    }

    .solutions-slider {
        width: 100%;
    }

/*    .solution-card {
        width: 100%;
        min-width: 100%;
    }*/
}

@media (prefers-reduced-motion: reduce) {
    .objective-card {
        animation: none;
    }

        .objective-card:hover {
            transform: none;
        }

    .card-link:hover svg {
        transform: none;
    }
}

.page {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    background: #fff;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.navigation {
    position: relative;
    z-index: 5;
    background: var(--dark-800);
}

.navigation__top,
.navigation__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navigation__top {
    height: 52px;
    padding: 0 64px 0 96px;
}

.audience {
    display: flex;
    height: 100%;
    align-items: center;
    gap: 40px;
}

    .audience a {
        display: flex;
        height: 100%;
        align-items: center;
        position: relative;
        font-size: 14px;
        line-height: 20px;
    }

    .audience .is-active {
        color: var(--green-500);
    }

        .audience .is-active::after {
            content: "";
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            height: 2px;
            background: var(--green-700);
        }

.tools {
    display: flex;
    width: 474px;
    height: 40px;
    align-items: center;
    gap: 8px;
}

.search {
    display: flex;
    height: 40px;
    flex: 1;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    color: var(--dark-100);
    border-radius: 8px;
    background: var(--dark-500);
    font-size: 14px;
}

    .search img,
    .tool img {
        width: 16px;
        height: 16px;
    }

.tool {
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    color: var(--dark-50);
    border: 1px solid var(--dark-500);
    border-radius: 8px;
    font-size: 14px;
}

.navigation__bottom {
    height: 100px;
    padding: 24px 64px;
    background: rgb(0 31 27 / 0.9);
    backdrop-filter: blur(7px);
}

.navigation__left,
.primary {
    display: flex;
    align-items: center;
}

.navigation__left {
    flex: 1;
    gap: 16px;
}

.navigation__logo {
    width: 141px;
    height: 40px;
}

.primary a {
    display: flex;
    height: 52px;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    color: var(--green-50);
    font-size: 16px;
    font-weight: 500;
}

    .primary a img {
        width: 8px;
        height: 10px;
    }

.selected-products {
    display: flex;
    height: 52px;
    align-items: center;
    gap: 8px;
    padding: 0 2px 0 12px;
    color: var(--green-100);
    border-radius: 8px;
    background: var(--dark-700);
    font-size: 16px;
    font-weight: 500;
}

    .selected-products strong {
        display: grid;
        width: 48px;
        height: 48px;
        place-items: center;
        color: var(--green-500);
        border-radius: 8px;
        background: var(--dark-500);
        font-weight: 500;
    }

.solutions {
    height: 720px;
    position: relative;
    margin-top: 2px;
    padding: 96px 64px;
    background: #fff;
}

.business-objective-section-heading:not(.benefits__heading) {
    display: flex;
    min-height: 96px;
    align-items: flex-start;
    gap: 268px;
    max-width: 1440px;
    margin: 0 auto;
}

    .business-objective-section-heading:not(.benefits__heading) h2 {
        width: 462px;
        flex: 0 0 462px;
        margin: 0;
        color: var(--text);
        font-size: 48px;
        font-weight: 500;
        line-height: 48px;
        letter-spacing: -2.4px;
    }
html[dir="rtl"] .business-objective-section-heading:not(.benefits__heading) h2 {
    font-size: 40px;    
}
    .business-objective-section-heading:not(.benefits__heading) h2 em {
            color: var(--green-700);
            font-style: normal;
        }

    .business-objective-section-heading:not(.benefits__heading) > p {
        flex: 1;
        margin: 0;
        padding-top: 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0;
    }

.business-objective-solution-grid {
    display: grid;
    /*height: 384px;*/
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 48px;
}

.business-objective-solutions {
    padding: 40px 24px;
    max-width: 100%;
}

.business-objective-solution-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 16px;
    background: #fafafa;
    box-shadow: 0 4px 22px rgb(0 0 0 / 0.1);
}

.business-objective-solution-card__image {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.business-objective-solution-card__content {
    display: flex;
    height: 209px;
    flex-direction: column;
    gap: 8px;
    padding: 16px 24px 18px;
}

.business-objective-solution-card h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.1px;
    margin: 0;
}

.business-objective-solution-card p {
    display: -webkit-box;
    flex: 1;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 0;
}

.business-objective-solution-card a {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-top: 11px;
    color: var(--green-700);
    border-top: 1px solid #dbe5e3;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    height: 37px;
}

    .business-objective-solution-card a img {
        width: 16px;
        height: 16px;
    }

.floating-button {
    position: absolute;
    z-index: 2;
    top: 48px;
    right: 40px;
    width: 64px;
    height: 64px;
}

.floating-button__ring {
    position: absolute;
    inset: 0 -4px -8px;
    width: 72px;
    height: 72px;
}

.floating-button__leaf {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}

/*.stats {
    height: 240.125px;
    padding: 48px 64px;
    background: #fff;
}*/

.stats__bar {
    display: flex;
    height: 144.125px;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding: 37px 49px;
    color: #f2f5f5;
    border: 1px solid rgb(255 255 255 / 0.07);
    border-radius: 16px;
    background: #001815;
}

    .stats__bar h2 {
        min-width: 220px;
        padding-right: 48px;
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.36px;
        white-space: nowrap;
    }

        .stats__bar h2 em {
            color: #55f25d;
            font-style: normal;
        }

.stats dl {
    display: grid;
    width: 884px;
    height: 80px;
    grid-template-columns: repeat(4, 1fr);
}

    .stats dl > div {
        display: flex;
        min-width: 0;
        flex-direction: column;
        justify-content: center;
        padding-left: 42px;
        border-left: 1px solid var(--green-700);
    }

.stats dt {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--green-600);
    font-size: 36px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.54px;
    white-space: nowrap;
}

    .stats dt img {
        width: 32px;
        height: 32px;
    }

.stats dd {
    margin-top: 4px;
    color: #f2f5f5;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
}

.connect-banner {
    height: 408px;
    padding: 48px 64px;
    background: #fff;
}

.connect-banner__panel {
    display: flex;
    height: 312px;
    position: relative;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 16px;
}

.connect-banner__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.connect-banner__copy {
    display: flex;
    width: 446px;
    height: 100%;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 36px 80px 36px 36px;
    color: #f2f5f5;
    background: url("assets/connect-dark-patch.svg") left top / 100% 100% no-repeat;
}

.connect-banner h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.96px;
}

    .connect-banner h2 em {
        color: #55f25d;
        font-style: normal;
    }

.connect-banner__copy p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
}

.connect-banner__copy a {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #55f25d;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
}

    .connect-banner__copy a img {
        width: 20px;
        height: 20px;
    }

.facts {
    display: flex;
    width: 361px;
    height: 100%;
    position: relative;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    padding: 24px;
    margin: 0;
    list-style: none;
    border-radius: 16px;
    background: #eff1f0;
    box-shadow: 0 4px 10.3px rgb(0 0 0 / 0.1);
}

    .facts li {
        display: flex;
        gap: 12px;
    }

        .facts li > img {
            width: 32px;
            height: 32px;
            flex: 0 0 32px;
        }

    .facts span {
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
    }

    .facts b {
        display: block;
        margin-bottom: 2px;
        color: var(--green-700);
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
    }

.contact {
    height: 596px;
    padding: 80px 64px;
    color: #f2f5f5;
    background: var(--dark-900);
}

.contact__heading {
    width: 792px;
    margin: 0 auto;
    text-align: center;
}

    .contact__heading h2 {
        font-size: 40px;
        font-weight: 500;
        line-height: 48px;
        letter-spacing: -0.96px;
    }

        .contact__heading h2 em {
            color: var(--green-600);
            font-style: normal;
        }

    .contact__heading p {
        margin: 8px 96px 0;
        font-size: 16px;
        line-height: 24px;
    }

.contact__grid {
    display: grid;
    height: 308px;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 56px;
}

.contact-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
    padding: 28px;
    color: #002722;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 22px rgb(0 0 0 / 0.1);
}

.contact-card__icon {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    padding: 8px;
    border-radius: 12px;
    background: #e4f9e6;
}

    .contact-card__icon img {
        width: 32px;
        height: 32px;
    }

.contact-card h3 {
    color: #002722;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.1px;
}

.contact-card p {
    max-width: 330px;
    padding-top: 4px;
    color: #384845;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.contact-card__action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid #dbe5e3;
}

    .contact-card__action a {
        color: #002722;
        font-size: 16px;
        font-weight: 700;
    }

    .contact-card__action span {
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        padding: 8px;
        border-radius: 50%;
        background: #e4f9e6;
    }

    .contact-card__action img {
        width: 20px;
        height: 20px;
    }

@media (max-width: 1100px) {
    .page {
        max-width: 100%;
    }

    .navigation,
    .hero:has(.hero__bg),
    .solutions,
    .stats,
    .connect-banner,
    .contact {
        height: auto;
    }

    .navigation__top {
        padding-inline: 24px;
    }

    .navigation__bottom {
        padding-inline: 24px;
    }

    .tools,
    .selected-products {
        display: none;
    }

    .solutions,
    .stats,
    .connect-banner,
    .contact {
        padding: 56px 24px;
    }

    .section-heading {
        min-height: 0;
        flex-direction: column;
        padding-right: 0;
    }

        .section-heading h2 {
            width: auto;
            flex-basis: auto;
        }

    .solution-grid,
    .contact__grid {
        height: auto;
    }

    .connect-banner__panel {
        height: auto;
        flex-wrap: wrap;
        background: #011112;
    }

    .connect-banner__photo {
        width: 50%;
        height: 312px;
        position: static;
        object-fit: cover;
    }

    .connect-banner__copy {
        width: 50%;
        height: 312px;
        order: -1;
        background-image: none;
    }

    .facts {
        width: 100%;
        height: auto;
    }

}

@media (max-width: 720px) {
    .navigation {
        height: 100px;
    }

    .navigation__top {
        display: none;
    }

    .primary {
        display: none;
    }

    .hero:has(.hero__bg) {
        aspect-ratio: auto;
        min-height: 0;
        height: auto;
    }

    .solutions,
    .stats,
    .connect-banner,
    .contact {
        padding: 48px 20px;
    }

    .section-heading h2,
    .contact__heading h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .solution-grid,
    .contact__grid {
        grid-template-columns: 1fr;
    }

    .solution-card__content {
        height: 210px;
    }

    .stats__bar {
        height: auto;
        flex-direction: column;
        align-items: stretch;
        gap: 30px;
        padding: 30px 24px;
    }

        .stats__bar h2 {
            white-space: normal;
        }

    .stats dl {
        width: auto;
        height: auto;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 0;
    }

        .stats dl > div {
            padding-left: 16px;
        }

    .stats dt {
        font-size: 28px;
    }

    .connect-banner__photo {
        width: 100%;
        height: 280px;
    }

    .connect-banner__copy {
        width: 100%;
        height: auto;
        gap: 24px;
        padding: 32px 24px;
    }

    .contact__heading {
        width: auto;
    }

        .contact__heading p {
            margin-inline: 0;
        }
}

.business-objective-hero {
    position: relative;
    isolation: isolate;
    height: 458px;
    overflow: hidden;
    background: #000;
    color: var(--c-white);
    opacity: 0;
    transition: opacity 0.45s ease;
}
/*html[dir="rtl"] .business-objective-hero {
    margin-bottom: 96px;
}*/
    .business-objective-hero.is-ready {
        opacity: 1;
    }

.business-objective-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center right;
}

.business-objective-hero__shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(
        90deg,
        rgba(0, 20, 17, 0.88) 0%,
        rgba(0, 20, 17, 0.62) 32%,
        rgba(0, 20, 17, 0.28) 52%,
        transparent 72%
    );
    pointer-events: none;
}

html[dir="rtl"] .business-objective-hero__shade,
html[lang="ar"] .business-objective-hero__shade {
    background: linear-gradient(
        270deg,
        rgba(0, 20, 17, 0.88) 0%,
        rgba(0, 20, 17, 0.62) 32%,
        rgba(0, 20, 17, 0.28) 52%,
        transparent 72%
    );
}

/* HTML Body often omits __shade — overlay behind text, keep photo visible on the far side */
.business-objective-hero:not(:has(.business-objective-hero__shade))::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        90deg,
        rgba(0, 20, 17, 0.88) 0%,
        rgba(0, 20, 17, 0.62) 32%,
        rgba(0, 20, 17, 0.28) 52%,
        transparent 72%
    );
}

html[dir="rtl"] .business-objective-hero:not(:has(.business-objective-hero__shade))::before,
html[lang="ar"] .business-objective-hero:not(:has(.business-objective-hero__shade))::before {
    background: linear-gradient(
        270deg,
        rgba(0, 20, 17, 0.88) 0%,
        rgba(0, 20, 17, 0.62) 32%,
        rgba(0, 20, 17, 0.28) 52%,
        transparent 72%
    );
}

.business-objective-hero__title,
.business-objective-hero__text {
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.35);
}

.business-objective-hero__inner {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-block: 48px;
}

.business-objective-hero__breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 28px;
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: -0.17px;
    color: var(--c-green);
    text-transform: capitalize;
    margin-bottom: 84px;
}

    .business-objective-hero__breadcrumb a {
        color: var(--c-green);
    }

        .business-objective-hero__breadcrumb a:hover {
            color: var(--c-green-bright);
        }

    .business-objective-hero__breadcrumb img {
        width: 18px;
        height: 18px;
        flex: none;
        filter: invert(48%) sepia(98%) saturate(1200%) hue-rotate(100deg) brightness(95%);
        color: var(--green-500, #01ec0d);
    }

    .business-objective-hero__breadcrumb [aria-current="page"] {
        color: var(--c-green-bright);
    }

.business-objective-hero__title {
    max-width: 640px;
    font-size: 48px;
    font-weight: 500;
    line-height: 57.6px;
    letter-spacing: -2.4px;
    color: var(--c-white);
    margin-bottom: 10px;
}
html[dir="rtl"] .business-objective-hero__title {
    padding-top: 50px;
}
.business-objective-hero__text {
    max-width: 500px;
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--c-mint);
    margin: 0;
}

@keyframes pf-tab-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pf-toast-in {
    from {
        opacity: 0;
        transform: translate(-50%, 16px);
    }

    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

body.b2b-newui-app.pf2-page {
    --w-container: 1440px;
    --c-text-muted: #4b5d59;
    --font: var(--font-b2b);
    overflow-x: hidden;
    background: #fff;
    color: var(--c-text);
    font-family: var(--font);
    font-size: 16px;
    line-height: 26px;
    -webkit-font-smoothing: antialiased;
}

html:has(body.b2b-newui-app.pf2-page) {
    overflow-x: hidden;
}

body.b2b-newui-app.pf2-page :focus-visible {
    outline: 2px solid var(--c-green-bright);
    outline-offset: 3px;
}

body.b2b-newui-app.pf2-page .intro {
    padding: 40px 0 90px;
    background: #fff;
    max-width: 1440px;
    margin: 0 auto;
}
html[dir="rtl"] body.b2b-newui-app.pf2-page .intro {
    padding: 90px 0 64px;
}
/*html[dir="rtl"] body.b2b-newui-app.pf2-page .intro {
    padding: 96px 64px;
}*/
    body .b2b-newui-app.pf2-page .filters {
    /*padding: 8px 0 36px;*/
    background: #fff;
}

body.b2b-newui-app.pf2-page .tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.b2b-newui-app.pf2-page .tabs__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px;
    border: 1px solid #d7e0dd;
    border-radius: 999px;
    background: #fff;
    color: #002823;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .2s var(--ease);
}

    body.b2b-newui-app.pf2-page .tabs__btn svg {
        display: block;
        width: 18px;
        height: 18px;
        flex-shrink: 0;
        color: #000;
        fill: none;
        stroke: currentColor;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    body.b2b-newui-app.pf2-page .tabs__btn:hover {
        transform: translateY(-1px);
    }

    body.b2b-newui-app.pf2-page .tabs__btn.is-active,
    body.b2b-newui-app.pf2-page .tabs__btn[aria-selected="true"] {
        background: #002823;
        color: #fff;
        border-color: #002823;
        box-shadow: 0px 10px 24px 0px #01EC0D29;
    }

        body.b2b-newui-app.pf2-page .tabs__btn.is-active svg,
        body.b2b-newui-app.pf2-page .tabs__btn[aria-selected="true"] svg {
            color: #00f249;
        }

body.b2b-newui-app.pf2-page .catalog,
body.b2b-newui-app .catalog,
body.b2b-newui-app .catalog,
body.b2b-newui-app .catalog,
section.catalog {
    width: 100%;
    max-width: var(--w-container, 1440px);
    margin-inline: auto;
    padding: 40px 0 90px;
    background: #fff;
    box-sizing: border-box;
}

body.b2b-newui-app.pf2-page section.catalog:has(.catalog__grid),
body.b2b-newui-app section.catalog:has(.catalog__grid),
body.b2b-newui-app section.catalog:has(.container.catalog__grid) {
    display: block;
    grid-template-columns: unset;
    gap: unset;
}

body.b2b-newui-app.pf2-page section.catalog .container,
body.b2b-newui-app section.catalog .container {
    width: 100%;
    max-width: var(--w-container, 1440px);
    margin-inline: auto;
    padding-inline: var(--gutter, 24px);
    box-sizing: border-box;
}

body.b2b-newui-app.pf2-page .catalog__grid, body.b2b-newui-app .catalog__grid, body.b2b-newui-app .catalog .catalog__grid, body.b2b-newui-app .catalog .container.catalog__grid, section.catalog .catalog__grid, section.catalog .container.catalog__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    width: 100%;
    min-width: 0;
}

body.b2b-newui-app.pf2-page .catalog__grid.is-switching,
body.b2b-newui-app .catalog__grid.is-switching,
body.b2b-newui-app .catalog .catalog__grid.is-switching {
    opacity: 0;
}

body.b2b-newui-app.pf2-page .catalog__grid.is-in,
body.b2b-newui-app .catalog__grid.is-in,
body.b2b-newui-app .catalog .catalog__grid.is-in {
    animation: pf-tab-in .35s var(--ease);
}

body.b2b-newui-app.pf2-page .catalog__grid[hidden],
body.b2b-newui-app .catalog__grid[hidden],
body.b2b-newui-app .catalog .catalog__grid[hidden],
section.catalog .catalog__grid[hidden] {
    display: none !important;
}

body.b2b-newui-app.pf2-page .catalog .product-card,
body.b2b-newui-app .catalog .product-card,
body.b2b-newui-app .catalog .product-card,
section.catalog .product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    max-width: none;
    justify-self: stretch;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(0, 20, 17, .08);
    color: #003931;
    box-sizing: border-box;
    transition: transform .28s var(--ease), box-shadow .28s var(--ease);
}

body.b2b-newui-app.pf2-page .catalog .product-card::before,
body.b2b-newui-app .catalog .product-card::before,
section.catalog .product-card::before {
    display: none;
    content: none;
}

body.b2b-newui-app.pf2-page .catalog .product-card[hidden],
body.b2b-newui-app .catalog .product-card[hidden],
section.catalog .product-card[hidden] {
    display: none;
}

body.b2b-newui-app.pf2-page .catalog .product-card:hover,
body.b2b-newui-app .catalog .product-card:hover,
section.catalog .product-card:hover {
    z-index: 2;
    /*transform: translateY(-8px);*/
    box-shadow: 0 22px 44px rgba(0, 20, 17, .16);
}

body.b2b-newui-app.pf2-page .catalog .product-card__media,
body.b2b-newui-app .catalog .product-card__media,
section.catalog .product-card__media {
    width: 100%;
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    overflow: hidden;
    flex: none;
}

body.b2b-newui-app.pf2-page .catalog .product-card__media img,
body.b2b-newui-app .catalog .product-card__media img,
section.catalog .product-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .45s var(--ease);
}

body.b2b-newui-app.pf2-page .catalog .product-card:hover .product-card__media img,
body.b2b-newui-app .catalog .product-card:hover .product-card__media img,
section.catalog .product-card:hover .product-card__media img {
/*    transform: scale(1.08);*/
}

body.b2b-newui-app.pf2-page .catalog .product-card__body,
body.b2b-newui-app .catalog .product-card__body,
section.catalog .product-card__body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 300px;
    padding: 22px 22px 20px;
    width: auto;
    height:auto;
     align-items: stretch;
}

body.b2b-newui-app.pf2-page .catalog .product-card__title,
body.b2b-newui-app .catalog .product-card__title,
body.b2b-newui-app .catalog .product-card__title,
section.catalog .product-card__title,
body.b2b-newui-app.pf2-page .catalog .product-card h3,
body.b2b-newui-app .catalog .product-card h3,
section.catalog .product-card h3 {
    box-sizing: border-box;
    margin: 0;
    padding: 8px 50px 8px 0;
    /* font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    letter-spacing: -0.4px;*/
    color: #002823;
    width: auto;
    height: auto;
    overflow: visible;
}
html[lang="ar"] body.b2b-newui-app.pf2-page .catalog .product-card__title,
body.b2b-newui-app .catalog .product-card__title,
body.b2b-newui-app .catalog .product-card__title,
section.catalog .product-card__title,
body.b2b-newui-app.pf2-page .catalog .product-card h3,
body.b2b-newui-app .catalog .product-card h3,
section.catalog .product-card h3 {
    padding: 8px 0px 8px 0;
}
body .b2b-newui-app.pf2-page .catalog .product-card__text, body.b2b-newui-app .catalog .product-card__text, section.catalog .product-card__text, body.b2b-newui-app.pf2-page .catalog .product-card p, body.b2b-newui-app .catalog .product-card p, section.catalog .product-card p {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 24px;
    color: #003931;
    max-width: none;
    /* margin: 0; */
    letter-spacing: 0%;
    height:auto;
    font-weight: 400;
}

body.b2b-newui-app.pf2-page .catalog .tags,
body.b2b-newui-app .catalog .tags,
section.catalog .tags {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    gap: 8px;
    margin-top: 16px;
    margin-bottom: 16px;
}

    body.b2b-newui-app.pf2-page .catalog .tag,
    body.b2b-newui-app .catalog .tags .tag,
    body.b2b-newui-app .catalog .tag,
    section.catalog .tags .tag,
    section.catalog .tag {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        min-width: 84px;
        width: auto;
        max-width: 100%;
        height: auto;
        gap: 6px;
        padding: 6px 8px;
        border-radius: 9999px;
        background: #01A809;
        color: #ffffff;
        font-size: 10px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 0;
        text-transform: uppercase;
        white-space: break-spaces;
    }

body.b2b-newui-app.pf2-page .catalog .add-list,
body.b2b-newui-app .catalog .add-list,
section.catalog .add-list {
    flex-shrink: 0;
    margin-top: auto;
    padding: 16px 0 0;
    border: 0;
    border-top: 1px solid #e8edeb;
    background: none;
    color: #01a809;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
    width: 100%;
}
html[lang="ar"] body.b2b-newui-app.pf2-page .catalog .add-list,
body.b2b-newui-app .catalog .add-list,
section.catalog .add-list {
    border-top: 1px solid #e8edeb;
    text-align: right;
}
    body .b2b-newui-app.pf2-page .catalog .add-list:hover, body.b2b-newui-app .catalog .add-list:hover, section.catalog .add-list:hover {
        color: #14911a;
    }

body.b2b-newui-app.pf2-page .catalog .add-list[disabled],
body.b2b-newui-app .catalog .add-list[disabled],
section.catalog .add-list[disabled] {
    color: #8aa39b;
    cursor: default;
}

body.b2b-newui-app.pf2-page .benefits,
body.b2b-newui-app section.benefits,
body.b2b-newui-app section.benefits {
    padding: 80px 0;
    background: #fff;
    margin: 0 auto;
    max-width: 1440px;
}

body.b2b-newui-app.pf2-page .benefits__grid,
body.b2b-newui-app .benefits__grid,
body.b2b-newui-app .container.benefits__grid,
body.b2b-newui-app .benefits .benefits__grid,
body.b2b-newui-app .benefits .container.benefits__grid,
section.benefits .benefits__grid,
section.benefits .container.benefits__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 48px;
    align-items: start;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/*body.b2b-newui-app.pf2-page .benefits__intro,
body.b2b-newui-app .benefits__intro,
section.benefits .benefits__intro {
    min-width: 0;
}*/

body.b2b-newui-app.pf2-page .benefits__heading.business-objective-section-heading,
body.b2b-newui-app .benefits__heading.business-objective-section-heading,
body.b2b-newui-app.bo-page .benefits__intro .business-objective-section-heading,
body.b2b-newui-app .benefits__intro .business-objective-section-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
    gap: 16px;
    padding-right: 0;
}

    body.b2b-newui-app.pf2-page .benefits__heading.business-objective-section-heading h2,
    body.b2b-newui-app .benefits__heading.business-objective-section-heading h2,
    body.b2b-newui-app .benefits__intro .business-objective-section-heading h2,
    body.b2b-newui-app .benefits__intro #benefitsTitle {
        width: auto;
        /*max-width: 420px;*/
        flex: none;
        margin: 0;
        color: #003931;
        font-weight: 500;
        font-size: 48px;
        line-height: 120%;
        letter-spacing: -2.4px;
        vertical-align: middle;
    }
    html[dir="rtl"] body.b2b-newui-app.pf2-page .benefits__heading.business-objective-section-heading h2,
    body.b2b-newui-app .benefits__heading.business-objective-section-heading h2,
    body.b2b-newui-app .benefits__intro .business-objective-section-heading h2,
    body.b2b-newui-app .benefits__intro #benefitsTitle {
        font-size: 40px;
    }
        body .b2b-newui-app.pf2-page .benefits__heading.business-objective-section-heading h2 em, body.b2b-newui-app .benefits__heading.business-objective-section-heading h2 em, body.b2b-newui-app .benefits__intro .business-objective-section-heading h2 em {
        color: var(--c-green, #01a809);
        font-style: normal;
    }

    body.b2b-newui-app.pf2-page .benefits__heading.business-objective-section-heading > p,
    body.b2b-newui-app .benefits__heading.business-objective-section-heading > p,
    body.b2b-newui-app .benefits__intro .business-objective-section-heading > p {
        padding-top: 0;
        max-width: 545px;
        margin: 0;
        flex: none;
        color: #003931;
    }

body.b2b-newui-app.pf2-page .benefit-stack,
body.b2b-newui-app .benefit-stack,
body.b2b-newui-app .benefits__grid .benefit-stack,
section.benefits .benefit-stack {
    display: grid;
    gap: 16px;
    width: 100%;
    max-width: 698px;
    min-width: 0;
    justify-self: stretch;
}

body.b2b-newui-app.pf2-page .benefit-card,
body.b2b-newui-app .benefit-stack .benefit-card,
section.benefits .benefit-card {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 698px;
    min-width: 0;
    height: 243px;
    min-height: 168px;
    overflow: hidden;
    border-radius: 24px;
    color: #fff;
    isolation: isolate;
}

    body.b2b-newui-app.pf2-page .benefit-card::before,
    body.b2b-newui-app .benefit-stack .benefit-card::before,
    section.benefits .benefit-card::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        border-radius: inherit;
        pointer-events: none;
        background: linear-gradient(
            90deg,
            rgba(0, 20, 17, 0.88) 0%,
            rgba(0, 20, 17, 0.62) 32%,
            rgba(0, 20, 17, 0.28) 52%,
            transparent 72%
        );
    }

html[dir="rtl"] body.b2b-newui-app.pf2-page .benefit-card::before,
html[dir="rtl"] body.b2b-newui-app .benefit-stack .benefit-card::before,
html[dir="rtl"] section.benefits .benefit-card::before,
html[lang="ar"] body.b2b-newui-app.pf2-page .benefit-card::before,
html[lang="ar"] body.b2b-newui-app .benefit-stack .benefit-card::before,
html[lang="ar"] section.benefits .benefit-card::before {
    background: linear-gradient(
        270deg,
        rgba(0, 20, 17, 0.88) 0%,
        rgba(0, 20, 17, 0.62) 32%,
        rgba(0, 20, 17, 0.28) 52%,
        transparent 72%
    );
}

body.b2b-newui-app.pf2-page .benefit-card__media,
body.b2b-newui-app .benefit-stack .benefit-card__media,
section.benefits .benefit-card__media {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    border-radius: inherit;
}

    body.b2b-newui-app.pf2-page .benefit-card__media img,
    body.b2b-newui-app.pf2-page .benefit__img,
    body.b2b-newui-app .benefit-stack .benefit-card__media img,
    body.b2b-newui-app .benefit-stack .benefit__img,
    section.benefits .benefit-card__media img,
    section.benefits .benefit__img {
        display: block;
        width: 100%;
        height: 100%;
        max-width: none;
        object-fit: cover;
        object-position: center;
    }

body.b2b-newui-app.bo-page .benefit-stack .benefit-card__media img,
body.b2b-newui-app.bo-page .benefit-stack .benefit__img,
body.b2b-newui-app.bo-page section.benefits .benefit-card__media img,
body.b2b-newui-app.bo-page section.benefits .benefit__img {
    max-width: none;
    width: 100%;
    height: 100%;
}

body.b2b-newui-app.pf2-page .benefit-card__copy,
body.b2b-newui-app .benefit-stack .benefit-card__copy,
section.benefits .benefit-card__copy {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width: min(100%, 340px);
    height: 100%;
    padding: 24px;
    background: transparent;
}

body.b2b-newui-app.pf2-page .benefit-card__icon,
body.b2b-newui-app .benefit-stack .benefit-card__icon,
section.benefits .benefit-card__icon {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 0 16px;
    flex-shrink: 0;
}

body.b2b-newui-app.pf2-page .benefit-card__title,
body.b2b-newui-app .benefit-stack .benefit-card__title,
section.benefits .benefit-card__title {
    margin: 0px 0 14px 0;
    margin-top: 14px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    /*width: 450px;*/
    letter-spacing: 0px;
}
html[dir="rtl"] body.b2b-newui-app.pf2-page .benefit-card__title,
body.b2b-newui-app .benefit-stack .benefit-card__title,
section.benefits .benefit-card__title {

    font-size: 28px;
}

body.b2b-newui-app.pf2-page .benefit-card__text,
body.b2b-newui-app .benefit-stack .benefit-card__text,
section.benefits .benefit-card__text {
    font-weight: 400;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #FFFFFF;
    width: 355px;
}

.pf2-toast {
    position: fixed;
    left: 50%;
    bottom: 28px;
    z-index: 80;
    min-width: 240px;
    max-width: min(520px, calc(100% - 32px));
    padding: 12px 18px;
    border-radius: 12px;
    background: var(--c-nav);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 16px 36px rgba(0, 20, 17, .28);
    transform: translate(-50%, 16px);
    opacity: 0;
    pointer-events: none;
}

    .pf2-toast.is-visible {
        pointer-events: auto;
        animation: pf-toast-in .28s var(--ease) forwards;
    }

body.b2b-newui-app.pf2-page .business-objective-hero__bg {
    max-width: none;
}


    body.b2b-newui-app.pf2-page .business-objective-section-heading h2 {
        color: #003931;
    }


    body.b2b-newui-app.pf2-page .business-objective-section-heading > p {
        font-weight: 400;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0;
        color: #003931;
        max-width:624px;
    }

body.b2b-newui-app.pf2-page .site-footer {
    color: var(--c-white);
}

    body.b2b-newui-app.pf2-page .site-footer a {
        text-decoration: none;
    }

body.b2b-newui-app.pf2-page .connect-card {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 1100px) {
    /*body.b2b-newui-app.pf2-page .business-objective-hero {
        height: auto;
        min-height: 320px;
    }*/

/*    body.b2b-newui-app.pf2-page .business-objective-hero__inner {
        height: auto;
        min-height: 320px;
    }
*/
    body.b2b-newui-app.pf2-page .business-objective-hero__title,
    body.b2b-newui-app.pf2-page .business-objective-hero__text,
    body.b2b-newui-app.pf2-page .business-objective-hero__breadcrumb {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    body.b2b-newui-app.pf2-page .benefits__grid,
    body.b2b-newui-app .benefits__grid,
    body.b2b-newui-app .container.benefits__grid,
    body.b2b-newui-app .benefits .container.benefits__grid,
    section.benefits .benefits__grid,
    section.benefits .container.benefits__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }


    body.b2b-newui-app .benefits__heading.business-objective-section-heading h2,
    body.b2b-newui-app .benefits__intro .business-objective-section-heading h2 {
        max-width: 100%;
    }

    body.b2b-newui-app .benefits__heading.business-objective-section-heading > p,
    body.b2b-newui-app .benefits__intro .business-objective-section-heading > p {
        max-width: 100%;
    }
}

@media (max-width: 1023px) {
    body.b2b-newui-app.pf2-page .business-objective-section-heading {
        flex-direction: column;
        align-items: flex-start;
        min-height: 0;
        gap: 16px;
        padding-right: 0;
    }

        body.b2b-newui-app.pf2-page .business-objective-section-heading h2 {
            width: auto;
            max-width: 100%;
            flex: 1 1 auto;
            font-size: 32px;
            line-height: 1.2;
            letter-spacing: -1.2px;
        }

        body.b2b-newui-app.pf2-page .business-objective-section-heading > p {
            padding-top: 0;
            max-width: 100%;
        }

    body.b2b-newui-app.pf2-page .intro {
        padding: 48px 0 20px;
    }

    body.b2b-newui-app.pf2-page .catalog__grid,
    body.b2b-newui-app .catalog__grid,
    body.b2b-newui-app .catalog .catalog__grid,
    section.catalog .catalog__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.b2b-newui-app.pf2-page .benefits,
    body.b2b-newui-app section.benefits {
        padding: 32px 0 56px;
    }
/*
    body.b2b-newui-app.pf2-page .benefits__grid,
    body.b2b-newui-app .benefits__grid,
    body.b2b-newui-app .container.benefits__grid,
    body.b2b-newui-app .benefits .container.benefits__grid,
    section.benefits .benefits__grid,
    section.benefits .container.benefits__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }*/

/*    body.b2b-newui-app.pf2-page .benefit-stack,
    body.b2b-newui-app.pf2-page .benefit-card,
    body.b2b-newui-app .benefit-stack,
    body.b2b-newui-app .benefit-stack .benefit-card,
    section.benefits .benefit-stack,
    section.benefits .benefit-card {
        width: 100%;
        max-width: none;
    }*/

/*    body.b2b-newui-app.pf2-page .benefit-card,
    body.b2b-newui-app .benefit-stack .benefit-card {
        height: auto;
        min-height: 243px;
    }
*/
        body.b2b-newui-app.pf2-page .benefit-card::before,
        body.b2b-newui-app .benefit-stack .benefit-card::before {
            background: linear-gradient( 180deg, rgba(6, 22, 20, 0.82) 0%, rgba(6, 22, 20, 0.45) 55%, rgba(6, 22, 20, 0.12) 78%, transparent 100% );
        }

    body.b2b-newui-app.pf2-page .benefit-card__copy,
    body.b2b-newui-app .benefit-stack .benefit-card__copy {
        width: 100%;
        min-height: 243px;
    }

    body.b2b-newui-app.pf2-page .catalog .product-card__title,
    body.b2b-newui-app .catalog .product-card__title,
    section.catalog .product-card__title {
        width: 100%;
        height: auto;
        min-height: 70px;
        padding-right: 0;
    }

    body.b2b-newui-app.pf2-page .site-footer__top {
        grid-template-columns: minmax(0, 1fr);
        height: auto;
        gap: 36px;
    }

    body.b2b-newui-app.pf2-page .site-footer__cols {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    body.b2b-newui-app.pf2-page .footer-col {
        border-bottom: 1px solid rgba(255, 255, 255, .12);
    }

    body.b2b-newui-app.pf2-page .footer-col__title button {
        padding-block: 18px;
        cursor: pointer;
    }

    body.b2b-newui-app.pf2-page .footer-col__title svg {
        display: block;
    }

    body.b2b-newui-app.pf2-page .footer-col__panel {
        display: none;
        margin-top: 0;
        padding-bottom: 20px;
    }

        body.b2b-newui-app.pf2-page .footer-col__panel.is-open {
            display: grid;
        }
}

@media (max-width: 768px) {
/*    body.b2b-newui-app.pf2-page .business-objective-hero {
        height: auto;
        min-height: 280px;
        aspect-ratio: auto;
    }*/

    body.b2b-newui-app.pf2-page .business-objective-hero__inner {
        height: auto;
        min-height: 0;
        padding-block: 32px;
    }

    body.b2b-newui-app.pf2-page .business-objective-hero__title {
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: -1px;
    }

    body.b2b-newui-app.pf2-page .business-objective-hero__breadcrumb {
        flex-wrap: wrap;
        font-size: 14px;
    }


    body.b2b-newui-app.pf2-page .connect {
        padding-block: 56px;
    }

    body.b2b-newui-app.pf2-page .connect__title {
        font-size: clamp(28px, 6vw, 40px);
    }

    body.b2b-newui-app.pf2-page .connect__lead {
        margin-inline: 0;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    body.b2b-newui-app.pf2-page .business-objective-hero__title {
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: -0.8px;
    }

    body.b2b-newui-app.pf2-page .business-objective-hero__text {
        font-size: 14px;
        line-height: 20px;
    }

    body.b2b-newui-app.pf2-page .tabs {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin-inline: -24px;
        padding-inline: 32px;
        padding-block: 8px;
        scrollbar-width: thin;
    }

    body.b2b-newui-app.pf2-page .tabs__btn {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    body.b2b-newui-app.pf2-page .catalog,
    section.catalog {
        padding: 32px 0 56px;
    }

        body.b2b-newui-app.pf2-page .catalog__grid, body.b2b-newui-app .catalog__grid, body.b2b-newui-app .catalog .catalog__grid, body.b2b-newui-app .catalog .container.catalog__grid, section.catalog .catalog__grid, section.catalog .container.catalog__grid {
            grid-template-columns: minmax(0, 1fr);
            gap: 16px;
        }

    body.b2b-newui-app.pf2-page .catalog .product-card__body,
    body.b2b-newui-app .catalog .product-card__body,
    section.catalog .product-card__body {
        min-height: 0;
    }

    body.b2b-newui-app.pf2-page .catalog .product-card__title,
    body.b2b-newui-app .catalog .product-card__title,
    section.catalog .product-card__title {
        padding-right: 0;
    }

    body.b2b-newui-app.pf2-page .intro,
    body.b2b-newui-app.pf2-page .filters {
        padding-bottom: 56px;
    }

/*    body.b2b-newui-app.pf2-page .benefits,
    body.b2b-newui-app section.benefits {
        padding: 24px 0 48px;
    }*/

    body.b2b-newui-app.pf2-page .benefits__grid,
    body.b2b-newui-app .container.benefits__grid,
    section.benefits .container.benefits__grid {
        gap: 24px;
    }

    body.b2b-newui-app.pf2-page .benefits__heading.business-objective-section-heading h2,
    body.b2b-newui-app .benefits__heading.business-objective-section-heading h2,
    body.b2b-newui-app .benefits__intro .business-objective-section-heading h2 {
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: -0.8px;
        max-width: 100%;
    }


    body.b2b-newui-app.pf2-page .benefit-card__copy,
    body.b2b-newui-app .benefit-stack .benefit-card__copy,
    section.benefits .benefit-card__copy {
        width: 100%;
        min-height: 200px;
        padding: 20px;
    }

    body.b2b-newui-app.pf2-page .connect {
        padding-block: 48px 56px;
        text-align: start;
    }

    body.b2b-newui-app.pf2-page .connect__title,
    body.b2b-newui-app.pf2-page .connect__lead {
        text-align: start;
    }

    body.b2b-newui-app.pf2-page .site-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    body.b2b-newui-app.pf2-page .site-footer__legal {
        flex-wrap: wrap;
        gap: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.b2b-newui-app.pf2-page .catalog .product-card,
    body.b2b-newui-app .catalog .product-card,
    body.b2b-newui-app.pf2-page .catalog .product-card__media img,
    body.b2b-newui-app .catalog .product-card__media img,
    body.b2b-newui-app.pf2-page .tabs__btn,
    body.b2b-newui-app.pf2-page .catalog__grid.is-in,
    .pf2-toast {
        animation: none;
        transition: none;
    }

    body.b2b-newui-app.pf2-page [data-reveal] {
        opacity: 1;
        transform: none;
    }
}

.b2b-newui-app .bo-page {
    overflow-x: hidden;
    max-width: 100%;
}

.b2b-newui-app .bo-page img,
.b2b-newui-app .bo-page svg {
    max-width: 100%;
}

@media (max-width: 1023px) {
    .b2b-newui-app .bo-page .site-header,
    .b2b-newui-app .bo-page .main-bar {
        max-width: 100%;
    }

    .b2b-newui-app .bo-page .nav-toggle {
        display: grid;
    }

    .b2b-newui-app .bo-page .main-nav {
        position: absolute;
        inset: 100% 0 auto 0;
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        margin: 0;
        padding: 8px var(--gutter) 20px;
        background: rgba(0, 31, 27, 0.97);
        backdrop-filter: blur(18px);
        z-index: 20;
    }

    .b2b-newui-app .bo-page .main-nav.is-open {
        display: flex;
    }

    .b2b-newui-app .bo-page .business-objectives {
        padding: 56px 0;
    }

    .b2b-newui-app .bo-page .business-objectives__content {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .b2b-newui-app .bo-page .objectives-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bo-page .business-objective-hero {
        height: auto;
        min-height: 340px;
        aspect-ratio: auto;
    }

    .bo-page .business-objective-hero__inner {
        padding-block: 40px;
    }

    .bo-page .business-objective-hero__title {
        max-width: 100%;
        font-size: 36px;
        line-height: 1.2;
        letter-spacing: -1.4px;
    }

    .bo-page .business-objective-hero__text {
        max-width: 100%;
    }

    .bo-page .business-objective-solutions {
        padding: 40px 0;
    }


    .bo-page .business-objective-section-heading h2 {
        width: auto;
        flex: 1 1 auto;
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: -1.2px;
    }

    .bo-page .business-objective-section-heading > p {
        padding-top: 0;
    }

    .bo-page .business-objective-solution-grid {
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        margin-top: 32px;
    }

    .bo-page .business-objective-solution-card__content {
        height: auto;
        min-height: 0;
    }

    .bo-page .trust-wrap {
        padding: 32px 0;
        max-width: 100%;
    }

    .bo-page .trust {
        width: 100%;
        max-width: 100%;
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 28px var(--gutter);
    }

    .bo-page .trust-intro {
        grid-column: 1 / -1;
    }

    .bo-page .trust-intro strong {
        max-width: none;
    }

    .bo-page .metric {
        border-left: 0;
        border-top: 1px solid rgba(0, 185, 45, 0.35);
    }

    .bo-page .cta {
        padding-block: 32px 48px;
    }

    .bo-page .cta__box {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .bo-page .cta__title,
    .bo-page .cta__item-title {
        width: auto;
        max-width: 100%;
        height: auto;
    }

    .bo-page .cta__img {
        width: 100%;
        max-width: 100%;
        height: 240px;
    }

    .bo-page .connect {
        padding-block: 64px 72px;
    }

    .bo-page .connect__title,
    .bo-page .connect__title em {
        font-size: 32px;
        line-height: 1.25;
        letter-spacing: -1.2px;
    }

    .bo-page .connect__lead {
        margin-inline: auto;
        max-width: 36rem;
    }

    .bo-page .connect__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .bo-page .connect-card {
        min-height: 0;
    }

}

@media (max-width: 768px) {
    .b2b-newui-app .bo-page .objectives-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .b2b-newui-app .bo-page .section-title {
        font-size: 32px;
        letter-spacing: -1.2px;
    }
/*
    .bo-page .business-objective-hero {
        min-height: 300px;
    }
*/
    .bo-page .business-objective-hero__title {
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: -1px;
    }

    .bo-page .business-objective-hero__breadcrumb {
        font-size: 14px;
    }

    .bo-page .business-objective-section-heading h2 {
        font-size: 28px;
    }

    .bo-page .business-objective-solution-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
/*    .bo-page .business-objective-hero {
        height: auto;
        min-height: 280px;
        aspect-ratio: auto;
    }*/

    .bo-page .business-objective-hero__inner {
        padding-block: 32px;
    }

    .bo-page .business-objective-hero__title {
        font-size: 26px;
        line-height: 1.2;
        letter-spacing: -0.8px;
    }

    .bo-page .business-objective-hero__text {
        font-size: 14px;
        line-height: 22px;
    }

    .bo-page .business-objective-solutions {
        padding: 32px 0;
    }

    .bo-page .business-objective-section-heading h2 {
        font-size: 26px;
        letter-spacing: -0.8px;
    }

    .bo-page .business-objective-solution-card__image {
        height: 180px;
    }

    .bo-page .trust-wrap {
        padding: 24px 0;
    }

    .bo-page .trust {
        display: flex;
        flex-direction: column;
        padding: 24px;
    }

    .bo-page .trust-intro {
        padding: 0 0 16px;
    }

    .bo-page .trust-intro strong {
        font-size: 20px;
        line-height: 1.3;
    }

    .bo-page .metric {
        align-items: center;
        padding: 16px 0;
        justify-content:center;
    }

    .bo-page .metric-value {
        font-size: 28px;
    }

    .bo-page .cta__panel,
    .bo-page .cta__list {
        padding: 24px var(--gutter);
    }

    .bo-page .cta__title {
        font-size: 28px;
    }

    .bo-page .cta__img {
        height: 200px;
    }

    .bo-page .connect {
        padding-block: 48px 56px;
        text-align: start;
    }

    .bo-page .connect__title,
    .bo-page .connect__title em {
        font-size: 28px;
        text-align: start;
    }

    .bo-page .connect__lead {
        margin-inline: 0;
        text-align: start;
    }

}

body.b2b-newui-app .b2b-newui-form-page {
    color: var(--text);
    background: #fff;
}

body.b2b-newui-app .b2b-newui-form-page img { display: block; max-width: 100%; }
body.b2b-newui-app .b2b-newui-form-page a { color: inherit; text-decoration: none; }

body.b2b-newui-app .b2b-newui-form-page button:not(.submit-btn):not(.explore-btn):not(.form-result-modal__close):not(.product-card__remove):not(.remove-btn) {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}

body.b2b-newui-app .b2b-newui-form-page .FormStep {
    display: contents;
}

body.b2b-newui-app .b2b-newui-form-page .EPiServerForms .Form__Status {
    grid-column: 1 / -1;
}

/*body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 64px;
    padding: 56px 64px 32px;
    background: #fff;
    min-height: 0;
    overflow: visible;
    isolation: auto;
}*/


body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero h1 em,
body.b2b-newui-app .b2b-newui-form-page .request__heading h2 em {
    color: var(--accent);
    font-style: normal;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero p {
    max-width: 488px;
    padding-top: 8px;
    font-size: 16px;
    line-height: 24px;
}

    body.b2b-newui-app .b2b-newui-form-page .basket {
        position: relative;
        padding: 40px 0 90px;
        background: #fff;
    }

body.b2b-newui-app .b2b-newui-form-page .basket__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 648px));
    gap: 16px;
    justify-content: center;
}

body.b2b-newui-app .b2b-newui-form-page .basket__empty {
    text-align: center;
    padding: 24px;
    font-size: 18px;
}

body.b2b-newui-app .b2b-newui-form-page .product-card {
    display: flex;
    align-items: stretch;
    width: 100%;
    max-width: 648px;
    min-height: 150px;
    overflow: hidden;
    border: 1px solid var(--border-subtle);
    border-radius: 16px;
    background: var(--background-base);
    box-shadow: 0 4px 22px var(--overlay-10);
    color: inherit;
    transform: none;
}

body.b2b-newui-app .b2b-newui-form-page .product-card:hover {
    transform: none;
    box-shadow: 0 4px 22px var(--overlay-10);
}

body.b2b-newui-app .b2b-newui-form-page .product-card__media {
    width: 146px;
    min-height: 150px;
    object-fit: cover;
    object-position: 72% 50%;
    border-radius: 16px;
    flex: none;
}

body.b2b-newui-app .b2b-newui-form-page .product-card__body {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 16px;
    padding: 24px;
}

body.b2b-newui-app .b2b-newui-form-page .product-card h2 {
    flex: 1;
    overflow: hidden;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    color: #013931;
}

body.b2b-newui-app .b2b-newui-form-page .product-card__remove {
    display: grid;
   /* width: 32px;
    height: 32px;*/
    place-items: center;
    flex: none;
}

body.b2b-newui-app .b2b-newui-form-page .product-card__remove img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

body.b2b-newui-app .b2b-newui-form-page .explore-btn {
    display: flex;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 200px;
    height: 42px;
    align-items: center;
    justify-content: center;
    margin: 32px auto 0;
    padding: 0 20px;
    color: var(--interactive-secondary);
    background: var(--interactive-secondary-alt);
    border-radius: 8px;
    font-size: 15px;
}

/*body.b2b-newui-app .b2b-newui-form-page .request__heading {
    max-width: 760px;
    margin: 0 auto 40px;
    text-align: center;
}*/

body.b2b-newui-app .b2b-newui-form-page .request__layout {
    display: grid;
    grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.08fr);
    gap: 20px;
    align-items: stretch;
}

body.b2b-newui-app .b2b-newui-form-page .request__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

 /*   body.b2b-newui-app .b2b-newui-form-page .request__media figcaption {
        position: absolute;
        left: 32px;
        right: 32px;
        bottom: 32px;
        color: #F2F5F5;
        font-size: 24px;
        font-weight: 500;
        line-height: 28px;
    }*/


body.b2b-newui-app .b2b-newui-form-page .form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 20px;
}


body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label i {
    color: #d92d20;
    font-style: normal;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid input::placeholder,
body.b2b-newui-app .b2b-newui-form-page .form-grid textarea::placeholder {
    color: #8a9b97;
}


body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label:has(.Form__Element__ValidationError:not(:empty)) input,
body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label:has(.Form__Element__ValidationError:not(:empty)) select,
body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label:has(.Form__Element__ValidationError:not(:empty)) textarea,
body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label:has(.Form__Element__ValidationError:not(:empty)) .phone-field {
    box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid textarea {
    height: auto;
    min-height: 128px;
    resize: vertical;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label--textarea {
    --b2b-newui-textarea-min-height: 128px;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label--textarea .b2b-newui-textarea {
    flex: 1 1 auto;
    /*min-height: var(--b2b-newui-textarea-min-height, 128px);*/
}

body.b2b-newui-app .b2b-newui-form-page .form-grid small {
    align-self: flex-end;
    color: #6b7c78;
    font-size: 12px;
}

body.b2b-newui-app .b2b-newui-form-page .phone-field select,
body.b2b-newui-app .b2b-newui-form-page .phone-field input {
    height: 52px;
    border-radius: 0;
    background: transparent;
}

body.b2b-newui-app .b2b-newui-form-page .phone-field select {
    padding-right: 8px;
    border-right: 1px solid #e6ebea;
}

body.b2b-newui-app .b2b-newui-form-page .pr-form-phone-wrapper,
body.b2b-newui-app .b2b-newui-form-page .b2b-newui-intl-phone {
    position: relative;
    width: 100%;
    overflow: visible;
}

body.b2b-newui-app .b2b-newui-form-page .pr-form-phone-wrapper .iti {
    width: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .pr-form-phone-wrapper .pr-form-phone-input,
body.b2b-newui-app .b2b-newui-form-page .pr-form-phone-wrapper .tel-input {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 50.2px;
    padding: 16px 12px 15px;
    color: #002823;
    border: 0;
    border-radius: 10px;
    background: #fff;
    outline: none;
    font-size: 16px;
    line-height: 16px;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label:has(.Form__Element__ValidationError:not(:empty)) .pr-form-phone-input {
    box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .b2b-newui-form-page .iti__country-list {
    z-index: 100;
}

body.b2b-newui-app .b2b-newui-form-page .flatpickr-calendar {
    z-index: 200;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label .flatpickr-input {
    box-sizing: border-box;
    color: #002823;
    width: 100%;
    max-width: 100%;
    height: 50.2px;
    font-family: var(--font-b2b);
    background: #fff;
    border: 1px solid #0003;
    border-radius: 10px;
    outline: none;
    padding: 16px 12px 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label:has(.Form__Element__ValidationError:not(:empty)) .flatpickr-input,
body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label:has(.error-message:not(:empty)) .flatpickr-input {
    box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .b2b-newui-form-page .form-actions {
    margin-top: 28px;
    grid-column: 1 / -1;
}

body.b2b-newui-app .b2b-newui-form-page .form-success {
    margin-top: 12px;
    color: var(--accent);
    font-size: 14px;
    font-weight: 500;
}

/*body.b2b-newui-app .b2b-newui-form-page .submit-btn {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 56px;
    color: #fff;
    background: var(--dark-500);
    border-radius: 999px;
    font-size: 16px;
    font-weight: 500;
    border: 0;
    padding: 0;
    cursor: pointer;
}*/

body.b2b-newui-app .b2b-newui-form-page .explore-btn::before,
body.b2b-newui-app .b2b-newui-form-page .submit-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 0;
    background: #01a809;
    transition: width 0.45s ease;
    z-index: -1;
}

body.b2b-newui-app .b2b-newui-form-page .explore-btn:hover::before,
body.b2b-newui-app .b2b-newui-form-page .explore-btn.is-hovered::before,
body.b2b-newui-app .b2b-newui-form-page .submit-btn:hover::before,
body.b2b-newui-app .b2b-newui-form-page .submit-btn.is-hovered::before {
    width: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bnewuiformheadingblock,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bformheadingblock {
    display: block;
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bnewuiformheadingblock.half-width,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bnewuiformheadingblock.full-width,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bformheadingblock.half-width,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bformheadingblock.full-width {
    grid-column: 1 / -1;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bnewuiformheadingblock .b2b-newui-form-heading,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bformheadingblock .b2b-newui-form-heading,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bnewuiformheadingblock .FormParagraphText,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bformheadingblock .FormParagraphText {
    display: block;
    width: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-heading-inner {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-heading .Form__Element__Caption,
body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-heading label[class*="heading-"] {
    display: block;
    margin: 0;
    padding: 0;
    font-family: Inter, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-subheading {
    margin: 0;
    color: #646b63;
    font-size: 16px;
    line-height: 24px;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bformheadingblock:not(.b2bnewuiformheadingblock) > .FormParagraphText {
    display: contents;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bformheadingblock label[class*="heading-"] {
    grid-column: 1 / -1;
    margin-top: 8px;
    font-weight: 500;
    line-height: 1.2;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-heading {
    grid-column: 1 / -1;
}

body.b2b-newui-app .b2b-newui-form-page .error-message {
    display: block;
    margin: 0;
    min-height: 0;
}

body.b2b-newui-app .b2b-newui-form-page .error-message:empty {
    display: none;
}

body.b2b-newui-app .b2b-newui-form-page .Form__Element__ValidationError {
    display: block;
    color: #d92d20;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
}

body.b2b-newui-app .b2b-newui-form-page .Form__Element__ValidationError:empty {
    display: none;
}

@media (max-width: 1100px) {
    body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero,
    body.b2b-newui-app .b2b-newui-form-page .basket,
    body.b2b-newui-app .b2b-newui-form-page .request {
        padding-inline: 24px;
    }

    body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero,
    body.b2b-newui-app .b2b-newui-form-page .request__layout {
        display: flex;
        flex-direction: column;
    }

    body.b2b-newui-app .b2b-newui-form-page .basket__grid,
    body.b2b-newui-app .b2b-newui-form-page .form-grid {
        grid-template-columns: 1fr;
    }

    body.b2b-newui-app .b2b-newui-form-page .request__media {
        min-height: 360px;
    }
}

@media (max-width: 720px) {

    .block.full-width{
        width:unset;
    }
    body.b2b-newui-app .b2b-newui-form-page .phone-field {
        grid-template-columns: 1fr;
    }

}


body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-main,
body.b2b-newui-app:has(.hero.home-banner) {
    padding-top: 0;
}

body.b2b-newui-app:not(:has(.hero.home-banner)) > main:not(#main):not(.b2b-newui-main),
body.b2b-newui-app:not(:has(.hero.home-banner)) > main:not(.b2b-newui-main) {
    padding-top: var(--header-h);
    margin: 0;
}


/* CMS MainContent (.b2b-newui-blocks) sits outside legacy main shells — clear fixed chrome */
body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .b2b-newui-main > .b2b-newui-blocks,
body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) > .b2b-newui-blocks {
    /*padding-top: var(--header-h);*/
    margin: 0;
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
}

body.b2b-newui-app .b2b-newui-main > .b2b-newui-blocks:has(.hero.home-banner),
body.b2b-newui-app .b2b-newui-main > .b2b-newui-blocks:has(.hero:has(.hero__bg)),
body.b2b-newui-app > .b2b-newui-blocks:has(.hero.home-banner),
body.b2b-newui-app > .b2b-newui-blocks:has(.hero:has(.hero__bg)),
body.b2b-newui-app .b2b-newui-main > .b2b-newui-blocks:has(.internet-connectivity),
body.b2b-newui-app .b2b-newui-main > .b2b-newui-blocks:has(.sme-landing),
body.b2b-newui-app .b2b-newui-main > .b2b-newui-blocks:has(.solutions-page),
body.b2b-newui-app .b2b-newui-main > .b2b-newui-blocks:has(.help-support),
body.b2b-newui-app .b2b-newui-main > .b2b-newui-blocks:has(.selected-products),
body.b2b-newui-app .b2b-newui-main > .b2b-newui-blocks:has(.b2b-newui-form-page) {
    padding-top: 0;
}

body.b2b-newui-app:has(.hero.home-banner) > main:not(#main):not(.b2b-newui-main) {
    padding-top: 0;
}

body.b2b-newui-app .hero:has(.hero__bg):not(.home-banner) {
    padding-top: 0;
}

body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-chrome:not(.b2b-newui-chrome--footer),
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-chrome:not(.b2b-newui-chrome--footer) {
    isolation: auto;
    z-index: 3;
    pointer-events: none;
}

body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-chrome .navigation,
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-chrome .navigation {
    pointer-events: auto;
}

body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-chrome--footer,
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-chrome--footer {
    pointer-events: auto;
    z-index: 200;
}

body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-main,
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-main,
body.b2b-newui-app.b2b-newui-home-hero.bo-page.pf2-page .b2b-newui-main,
body.b2b-newui-app:has(.hero.home-banner).bo-page.pf2-page .b2b-newui-main {
    z-index: 1;
    isolation: auto;
    padding-top: 0;
    background: transparent;
    pointer-events: none;
}

body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-main a,
body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-main button,
body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-main input,
body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-main select,
body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-main textarea,
body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-main label,
body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-main [role="button"],
body.b2b-newui-app.b2b-newui-home-hero .b2b-newui-main [tabindex]:not([tabindex="-1"]),
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-main a,
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-main button,
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-main input,
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-main select,
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-main textarea,
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-main label,
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-main [role="button"],
body.b2b-newui-app:has(.hero.home-banner) .b2b-newui-main [tabindex]:not([tabindex="-1"]) {
    pointer-events: auto;
}

body.b2b-newui-app:has(.hero.home-banner) .hero.home-banner::before,
body.b2b-newui-app:has(.hero.home-banner) .hero.home-banner::after,
body.b2b-newui-app .hero__shade,
body.b2b-newui-app .business-objective-hero__shade {
    pointer-events: none;
}



body.b2b-newui-app .help-support .hero h1 em,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .hero h1 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .help-support .faq h2 em,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq h2 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .help-support .hero h1,
body.b2b-newui-app .b2b-newui-html-body > main:has(> section.faq):not(:has(> section.catalog)) .hero h1 {
  color: var(--text);
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -1.6px;
}

body.b2b-newui-app .help-support .hero p,
/*
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .hero p {
  max-width: 640px;
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
}*/
body.b2b-newui-app .help-support .faq,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq {
    position: relative;
    height: auto;
    min-height: 0;
    background: #fff;
    padding: 40px 0 90px;
}

h2#faq-title {
    text-align: center;
    margin-bottom: 32px;
    font-size: 46px;
    font-weight: 600;
    line-height: 48px;
}
    /*body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq h2 {
  color: var(--text);
  letter-spacing: -1.6px;
  text-align: center;
  margin-bottom: 32px;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}*/
    body.b2b-newui-app .help-support .faq-tabs,
    body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-tabs {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 28px;
        display: flex;
    }

body.b2b-newui-app .help-support .faq-tab,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-tab {
  height: 40px;
  color: var(--text);
  z-index: 1;
  cursor: pointer;
  pointer-events: auto;
  background: #fff;
  border: 1px solid #d6e0de;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
}

body.b2b-newui-app .help-support .faq-tab.is-active,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-tab.is-active {
  color: #fff;
  border-color: var(--dark-500);
  background: var(--dark-500);
  box-shadow: 0 8px 18px #01ec0d38;
}

body.b2b-newui-app .help-support .faq-item[hidden],
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-item[hidden] {
  display: none;
}

body.b2b-newui-app .help-support .faq-item.is-hidden,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-item.is-hidden {
  display: none;
}

body.b2b-newui-app .help-support .faq-list,


/*body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-list {
  flex-direction: column;
  gap: 16px;
  display: flex;
  width: 1272px;
  max-width: 100%;
}
*/
body.b2b-newui-app .help-support .faq-item,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-item {
  background: #fff;
  border: 1px solid #e8eeed;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px #21383114;
}

body.b2b-newui-app .help-support .faq-item__question,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-item__question {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  width: 100%;
  min-height: 54px;
  padding: 14px 20px 14px 24px;
  display: flex;
}

    body.b2b-newui-app .help-support .faq-item__question span,
    body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-item__question span {
        color: #000000;
        font-size: 18px;
        font-weight: 500;
        line-height: 27px;
        letter-spacing: -0.05px;
    }

body.b2b-newui-app .help-support .faq-item__icon,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-item__icon {
  object-fit: contain;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
}

body.b2b-newui-app .help-support .faq-item__answer,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-item__answer {
  padding: 0 24px 20px;
  display: none;
}

body.b2b-newui-app .help-support .faq-item.is-open .faq-item__answer,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-item.is-open .faq-item__answer {
  border-top: 1px solid #e4ebe9;
  margin: 0 4px;
  padding-top: 16px;
  display: block;
}

body.b2b-newui-app .help-support .faq-item__answer p,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-item__answer p {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: -0.05px;
}

body.b2b-newui-app .help-support .contact,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact {
  height: auto;
  min-height: 0;
  padding: 100px 64px 48px;
  color: #f2f5f5;
  background: var(--connect);
}

body.b2b-newui-app .help-support .contact__heading,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact__heading {
  width: 792px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

body.b2b-newui-app .help-support .contact__heading h2,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact__heading h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -0.96px;
}

body.b2b-newui-app .help-support .contact__heading h2 em,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact__heading h2 em {
  color: #00f14a;
  font-style: normal;
}

body.b2b-newui-app .help-support .contact__heading p,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact__heading p {
  margin: 8px 48px 0;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .help-support .contact__grid,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact__grid {
  display: grid;
  height: auto;
  min-height: 280px;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 56px;
}

body.b2b-newui-app .help-support .contact-card,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 16px;
  padding: 28px;
  color: #002722;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 22px rgb(0 0 0 / 0.1);
}

body.b2b-newui-app .help-support .contact-card__icon,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact-card__icon {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  place-items: center;
  padding: 8px;
  border-radius: 12px;
  background: #e4f9e6;
}

body.b2b-newui-app .help-support .contact-card__icon img,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact-card__icon img {
  width: 32px;
  height: 32px;
}

body.b2b-newui-app .help-support .contact-card h3,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact-card h3 {
  color: #002722;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.1px;
}

body.b2b-newui-app .help-support .contact-card p,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact-card p {
  max-width: 330px;
  padding-top: 4px;
  color: #384845;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

body.b2b-newui-app .help-support .contact-card__action,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact-card__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid #dbe5e3;
}

body.b2b-newui-app .help-support .contact-card__action a,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact-card__action a {
  color: #002722;
  font-size: 16px;
  font-weight: 700;
}

body.b2b-newui-app .help-support .contact-card__action span,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact-card__action span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 8px;
  border-radius: 50%;
  background: #e4f9e6;
}

body.b2b-newui-app .help-support .contact-card__action img,
body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .contact-card__action img {
  width: 20px;
  height: 20px;
}

body.b2b-newui-app .help-support .floating-button,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .floating-button {
  z-index: 2;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 232px;
  right: 28px;
}

body.b2b-newui-app .help-support .floating-button__ring,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .floating-button__ring {
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0;
  bottom: -8px;
  left: -4px;
  right: -4px;
}

body.b2b-newui-app .help-support .floating-button__leaf,


body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .floating-button__leaf {
  object-fit: cover;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 12px;
  left: 12px;
}

@media (max-width: 1100px) {
  body.b2b-newui-app .help-support .hero,

  body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .hero {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .help-support .faq,


  body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .help-support .hero,


  body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .hero {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app .help-support .hero,


  body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .hero {
    align-items: flex-start;
    padding-block-start: 48px;
    padding-block-end: 48px;
  }

  body.b2b-newui-app .help-support .faq,


  body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq {
    padding-block-start: 48px;
    padding-block-end: 48px;
  }

  body.b2b-newui-app .help-support .faq-list,


  body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq-list {
    width: 100%;
  }

  body.b2b-newui-app .help-support .floating-button,


  body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .floating-button {
    display: none;
  }
}

@media (max-width: 720px) {
  body.b2b-newui-app .help-support .hero h1,

  body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .hero h1 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .help-support .faq h2,


  body.b2b-newui-app > main:has(> section.faq):not(:has(> section.catalog)) .faq h2 {
    font-size: 32px;
    line-height: 38px;
  }
}

body.b2b-newui-app .internet-connectivity img {
  max-width: 100%;
  display: block;
}

body.b2b-newui-app .internet-connectivity button:not(.faq-item__question):not(.faq-tab) {
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}
html[dir="rtl"] body.b2b-newui-app .internet-connectivity button:not(.faq-item__question):not(.faq-tab) {
    font-size: 13px;
    font-weight: 500;
    color: #14911A;
}
body.b2b-newui-app .internet-connectivity .hero {
  color: #fff;
  background: var(--header);
  min-height: 380px;
  padding: 64px 64px 80px;
}

body.b2b-newui-app .internet-connectivity .hero .breadcrumb {
  font-family: var(--font-b2b);
  letter-spacing: -.17px;
  text-transform: capitalize;
  color: var(--green-500);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 28px;
  font-size: 17px;
  font-weight: 400;
  line-height: 17px;
  display: flex;
}

body.b2b-newui-app .internet-connectivity .hero .breadcrumb a {
  color: var(--green-500);
}

body.b2b-newui-app .internet-connectivity .hero .breadcrumb span {
  color: var(--green-500);
}

body.b2b-newui-app .internet-connectivity .hero .breadcrumb img {
  flex: none;
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

body.b2b-newui-app .internet-connectivity .hero h1 {
  color: #fff;
  letter-spacing: -1.6px;
  max-width: 920px;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
}

body.b2b-newui-app .internet-connectivity .hero p {
  color: #f2f5f5;
  max-width: 640px;
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .internet-connectivity .catalog {
  background: #fff;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding: 48px 64px 64px;
  display: grid;
}

body.b2b-newui-app .internet-connectivity .offer-card {
  background: #fff;
  border-radius: 24px;
  flex-direction: column;
  min-width: 0;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 32px #00141114;
}

body.b2b-newui-app .internet-connectivity .offer-card__media {
  height: 200px;
  overflow: hidden;
}

body.b2b-newui-app .internet-connectivity .offer-card__media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

body.b2b-newui-app .internet-connectivity .offer-card__body {
  flex-direction: column;
  flex: 1;
  padding: 22px 22px 20px;
  display: flex;
}

body.b2b-newui-app .internet-connectivity .offer-card h2 {
  color: var(--dark-700);
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
}

body.b2b-newui-app .internet-connectivity .offer-card p {
  color: #4b5d59;
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
}

body.b2b-newui-app .internet-connectivity .tags {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

body.b2b-newui-app .internet-connectivity .tags span {
  color: #fff;
  text-transform: uppercase;
  background: #01a809;
  border-radius: 999px;
  align-items: center;
  min-height: 24px;
  padding: 6px 10px;
  font-size: 10px;
  line-height: 12px;
  display: inline-flex;
}

body.b2b-newui-app .internet-connectivity .add-list {
  color: #01a809;
  text-align: left;
  border-top: 1px solid #e8edeb;
  margin-top: auto;
  padding: 16px 0 0;
  font-size: 14px;
  font-weight: 500;
}

body.b2b-newui-app .internet-connectivity .add-list:disabled {
  color: var(--dark-400);
}

body.b2b-newui-app .internet-connectivity .features {
    background: #fff;
    grid-template-columns: minmax(0, 1fr) 519px;
    align-items: start;
    gap: 32px;
    padding: 40px 0 90px;
    display: grid;
    max-width: 1440px;
    margin: 0 auto;
}

body.b2b-newui-app .internet-connectivity .features h2 {
  color: var(--text);
  letter-spacing: -2.4px;
  vertical-align: middle;
  margin-bottom: 32px;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
}

body.b2b-newui-app .internet-connectivity #benefitsTitle {
  color: var(--text);
  letter-spacing: -2.4px;
  vertical-align: middle;
  margin-bottom: 32px;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
}

body.b2b-newui-app .internet-connectivity .features h2 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .internet-connectivity .faq h2 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .internet-connectivity .features__grid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

body.b2b-newui-app .internet-connectivity .features__grid article {
  background: #f5f7f6;
  border-radius: 16px;
  min-height: 140px;
  padding: 24px;
}

body.b2b-newui-app .internet-connectivity .features__grid h3 {
  color: var(--text);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

body.b2b-newui-app .internet-connectivity .features__grid p {
  color: var(--text);
  font-size: 16px;
  line-height: 22px;
}

body.b2b-newui-app .internet-connectivity .features__photo {
  height: 390px;
  margin-top: 72px;
}

body.b2b-newui-app .internet-connectivity .features__photo img {
  border-radius: 24px;
  width: 100%;
  height: auto;
}

body.b2b-newui-app .internet-connectivity .needs__cards img {
  border-radius: 24px;
  width: 100%;
  height: auto;
}

body.b2b-newui-app .internet-connectivity .features__photo img {
  object-fit: cover;
  height: 100%;
}

body.b2b-newui-app .internet-connectivity .faq {
    background: #fff;
    padding: 40px 0 90px;
    max-width:1440px;
    margin:0 auto;
}

body.b2b-newui-app .internet-connectivity .faq h2 {
  color: var(--text);
  letter-spacing: -1.6px;
  text-align: center;
  margin-bottom: 32px;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .internet-connectivity .faq-tabs {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  display: flex;
}

body.b2b-newui-app .internet-connectivity .faq-tab {
  height: 40px;
  color: var(--text);
  background: #fff;
  border: 1px solid #d6e0de;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}

body.b2b-newui-app .internet-connectivity .faq-tab.is-active {
  color: #fff;
  border-color: var(--dark-500);
  background: var(--dark-500);
  box-shadow: 0 8px 18px #01ec0d38;
}

body.b2b-newui-app .internet-connectivity .faq-list {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

body.b2b-newui-app .internet-connectivity .faq-item {
  background: #fff;
  border: 1px solid #e8eeed;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px #21383114;
}

body.b2b-newui-app .internet-connectivity .faq-item__question {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  width: 100%;
  min-height: 54px;
  padding: 14px 20px 14px 24px;
  display: flex;
}

body.b2b-newui-app .internet-connectivity .faq-item__question span {
  color: var(--text);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

body.b2b-newui-app .internet-connectivity .faq-item__icon {
  object-fit: contain;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
}

body.b2b-newui-app .internet-connectivity .faq-item__answer {
  padding: 0 24px 20px;
  display: none;
}

body.b2b-newui-app .internet-connectivity .faq-item.is-open .faq-item__answer {
  border-top: 1px solid #e4ebe9;
  margin: 0 4px;
  padding-top: 16px;
  display: block;
}

body.b2b-newui-app .internet-connectivity .faq-item__answer p {
  color: var(--text);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

body.b2b-newui-app .internet-connectivity .needs {
  background: #fff;
  grid-template-columns: 360px 1fr;
  gap: 48px;
  padding: 72px 64px 32px;
  display: grid;
}

body.b2b-newui-app .internet-connectivity .needs__copy {
  padding-top: 24px;
}

body.b2b-newui-app .internet-connectivity .eyebrow {
  color: #005147;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}

body.b2b-newui-app .internet-connectivity .needs h2 {
  color: var(--accent);
  letter-spacing: -1.2px;
  margin: 8px 0 16px;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .internet-connectivity .needs__copy p:last-child {
  max-width: 300px;
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .internet-connectivity .needs__cards {
  gap: 16px;
  display: grid;
}

body.b2b-newui-app .internet-connectivity .needs__cards img {
  border-radius: 24px;
  width: 100%;
  height: auto;
}

@media (max-width: 1100px) {
  body.b2b-newui-app .internet-connectivity .hero {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .internet-connectivity .catalog {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .internet-connectivity .features {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .internet-connectivity .needs {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .internet-connectivity .faq {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .internet-connectivity .catalog {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .internet-connectivity .features {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .internet-connectivity .features__grid {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .internet-connectivity .needs {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  body.b2b-newui-app .internet-connectivity .hero h1 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .internet-connectivity .needs h2 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .internet-connectivity .features h2 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .internet-connectivity .faq h2 {
    font-size: 32px;
    line-height: 38px;
  }
}

body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb {
  box-sizing: border-box;
  color: #f2f5f5;
  background: var(--header);
  width: 100%;
  height: 69px;
  font-family: var(--font-b2b);
  text-transform: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .breadcrumb {
  box-sizing: border-box;
  color: #f2f5f5;
  background: var(--header);
  width: 100%;
  height: 69px;
  font-family: var(--font-b2b);
  text-transform: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb a {
  color: #f2f5f5;
  text-decoration: none;
}

body.b2b-newui-app .selected-products:has(.basket) .breadcrumb a {
  color: #f2f5f5;
  text-decoration: none;
}

body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb a:hover {
  color: var(--green-500);
}

body.b2b-newui-app .selected-products:has(.basket) .breadcrumb a:hover {
  color: var(--green-500);
}

body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb img {
  object-fit: contain;
  flex: none;
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

body.b2b-newui-app .selected-products:has(.basket) .breadcrumb img {
  object-fit: contain;
  flex: none;
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb span {
  color: var(--green-500);
}

body.b2b-newui-app .selected-products:has(.basket) .breadcrumb span {
  color: var(--green-500);
}

body.b2b-newui-app .selected-products:has(.basket) .hero {
  background: #fff;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 56px 64px 32px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero {
  background: #fff;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 56px 64px 32px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .hero h1 {
  color: var(--text);
  letter-spacing: -1.6px;
  flex: none;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero h1 {
  color: var(--text);
  letter-spacing: -1.6px;
  flex: none;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .selected-products:has(.basket) .hero h1 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero h1 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .selected-products:has(.basket) .request__heading h2 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .selected-products:has(.basket) .hero p {
  max-width: 488px;
  color: var(--text);
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero p {
  max-width: 488px;
  color: var(--text);
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .selected-products:has(.basket) .basket {
  background: #fff;
  padding: 8px 64px 56px;
  position: relative;
}

body.b2b-newui-app .selected-products:has(.basket) .basket__grid {
  grid-template-columns: repeat(2, 648px);
  gap: 16px;
  display: grid;
}

body.b2b-newui-app .selected-products:has(.basket) .product-card {
  border: 1px solid var(--border-subtle);
  background: var(--background-base);
  width: 648px;
  height: 150px;
  box-shadow: 0 4px 22px var(--overlay-10);
  border-radius: 16px;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .product-card__media {
  object-fit: cover;
  object-position: 72% 50%;
  border-radius: 16px;
  flex: none;
  width: 146px;
  height: 150px;
}

body.b2b-newui-app .selected-products:has(.basket) .product-card__body {
  align-items: center;
  gap: 16px;
  width: 502px;
  height: 150px;
  padding: 24px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .product-card h2 {
  letter-spacing: -.005em;
  color: #013931;
  width: 406px;
  height: 28px;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  overflow: hidden;
}

/*body.b2b-newui-app .selected-products:has(.basket) .product-card__remove {
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}*/

body.b2b-newui-app .selected-products:has(.basket) .product-card__remove img {
  object-fit: contain;
  border-radius: 0;
  width: 32px;
  height: 32px;
}

body.b2b-newui-app .selected-products:has(.basket) .explore-btn {
  z-index: 1;
  width: 200px;
  height: 42px;
  color: var(--interactive-secondary);
  background: var(--interactive-secondary-alt);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 32px auto 0;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .floating-button {
  z-index: 4;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 42%;
  right: 18px;
}

body.b2b-newui-app .selected-products:has(.basket) .floating-button__ring {
  object-fit: cover;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .selected-products:has(.basket) .floating-button__leaf {
  object-fit: cover;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .selected-products:has(.basket) .request {
  background: #fff;
  padding: 24px 64px 88px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 40px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__heading h2 {
  letter-spacing: -1.6px;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__heading p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__layout {
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .request__media {
  background: #01231f;
  border-radius: 32px;
  flex: 0 0 506px;
  width: 506px;
  height: 592px;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .request__media img {
  object-fit: cover;
  object-position: center top;
  width: 506px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__media figcaption {
  color: #fff;
  font-family: var(--font-b2b);
  letter-spacing: -1.2px;
  vertical-align: middle;
  font-size: 24px;
  font-weight: 800;
  line-height: 28.8px;
  position: absolute;
  bottom: 32px;
  left: 32px;
  right: 32px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__form {
  background: #f4fbf5;
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 732px;
  width: 732px;
  min-height: 835px;
  padding: 40px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .request__form-intro {
  flex-direction: column;
  gap: 8px;
  width: 652px;
  max-width: 100%;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .request__form h3 {
  color: #002823;
  letter-spacing: -2.4px;
  vertical-align: middle;
  width: 652px;
  max-width: 100%;
  height: 58px;
  font-size: 48px;
  font-weight: 500;
  line-height: 57.6px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__form > p {
  color: #00000080;
}

body.b2b-newui-app .selected-products:has(.basket) .request__form-intro p {
  color: #00000080;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid {
  grid-template-columns: 316.5px 316.5px;
  gap: 16px 19px;
  display: grid;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label > span {
  color: #646b63;
  font-family: var(--font-b2b);
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label i {
  color: #d92d20;
  font-style: normal;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid input {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid select {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid textarea {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid input::placeholder {
  color: #646b63;
  font-family: var(--font-b2b);
  padding-top: 2px;
  padding-bottom: 3.2px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid textarea::placeholder {
  color: #646b63;
  font-family: var(--font-b2b);
  padding-top: 2px;
  padding-bottom: 3.2px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid select:has(option[value=""]:checked) {
  color: #646b63;
  border: 1px solid #0003;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid select option {
  color: var(--text);
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label.is-invalid input {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label.is-invalid select {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label.is-invalid textarea {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label.is-invalid .phone-field {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .selected-products:has(.basket) .field-error {
  color: #d92d20;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid textarea {
  resize: none;
  width: 652px;
  max-width: 100%;
  height: 128px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid small {
  color: #6b7c78;
  align-self: flex-end;
  font-size: 12px;
}

body.b2b-newui-app .selected-products:has(.basket) .phone-field {
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  grid-template-columns: 92px 1fr;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  display: grid;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .phone-field select {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 50.2px;
  padding-top: 16px;
  padding-bottom: 15px;
}

body.b2b-newui-app .selected-products:has(.basket) .phone-field input {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 50.2px;
  padding-top: 16px;
  padding-bottom: 15px;
}

body.b2b-newui-app .selected-products:has(.basket) .phone-field select {
  border-right: 1px solid #e6ebea;
  padding-right: 8px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-actions {
  margin-top: auto;
}

body.b2b-newui-app .selected-products:has(.basket) .form-success {
  color: var(--accent);
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
}

body.b2b-newui-app .selected-products:has(.basket) .submit-btn {
  z-index: 1;
  color: #fff;
  background: var(--dark-500);
  border-radius: 999px;
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .explore-btn:before {
  content: "";
  z-index: -1;
  background: #01a809;
  width: 0;
  transition: width .45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .selected-products:has(.basket) .submit-btn:before {
  content: "";
  z-index: -1;
  background: #01a809;
  width: 0;
  transition: width .45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .selected-products:has(.basket) .explore-btn:hover:before {
  width: 100%;
}

body.b2b-newui-app .selected-products:has(.basket) .explore-btn.is-hovered:before {
  width: 100%;
}

body.b2b-newui-app .selected-products:has(.basket) .submit-btn:hover:before {
  width: 100%;
}

body.b2b-newui-app .selected-products:has(.basket) .submit-btn.is-hovered:before {
  width: 100%;
}

@media (max-width: 1100px) {
  body.b2b-newui-app .selected-products:has(.basket) .hero {
    height: auto;
  }

  body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .breadcrumb {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .hero {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .basket {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb {
    height: auto;
    min-height: 56px;
    padding-block-start: 16px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .breadcrumb {
    height: auto;
    min-height: 56px;
    padding-block-start: 16px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .hero {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__layout {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app .selected-products:has(.basket) .hero {
    align-items: flex-start;
    padding-block-start: 40px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero {
    align-items: flex-start;
    padding-block-start: 40px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .basket__grid {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .selected-products:has(.basket) .form-grid {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .selected-products:has(.basket) .product-card {
    width: 100%;
    max-width: 648px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .product-card__body {
    flex: 1;
    width: auto;
  }

  body.b2b-newui-app .selected-products:has(.basket) .product-card h2 {
    flex: 1;
    width: auto;
    height: auto;
  }

  body.b2b-newui-app .selected-products:has(.basket) .floating-button {
    display: none;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__media {
    flex: auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__form {
    flex: auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__media {
    min-height: 360px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__media img {
    width: 100%;
    height: 100%;
    min-height: 360px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__form h3 {
    height: auto;
    font-size: 36px;
    line-height: 42px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .form-grid input {
    width: 100%;
  }

  body.b2b-newui-app .selected-products:has(.basket) .form-grid select {
    width: 100%;
  }

  body.b2b-newui-app .selected-products:has(.basket) .form-grid textarea {
    width: 100%;
  }

  body.b2b-newui-app .selected-products:has(.basket) .phone-field {
    width: 100%;
  }
}

@media (max-width: 720px) {
  body.b2b-newui-app .selected-products:has(.basket) .hero h1 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero h1 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__heading h2 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .product-card {
    height: auto;
    min-height: 150px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .product-card__body {
    height: auto;
    min-height: 150px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .phone-field {
    grid-template-columns: 84px 1fr;
  }
}

body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb {
  box-sizing: border-box;
  color: #f2f5f5;
  background: var(--header);
  width: 100%;
  height: 69px;
  font-family: var(--font-b2b);
  text-transform: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .breadcrumb {
  box-sizing: border-box;
  color: #f2f5f5;
  background: var(--header);
  width: 100%;
  height: 69px;
  font-family: var(--font-b2b);
  text-transform: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb a {
  color: #f2f5f5;
  text-decoration: none;
}

body.b2b-newui-app .selected-products:has(.basket) .breadcrumb a {
  color: #f2f5f5;
  text-decoration: none;
}

body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb a:hover {
  color: var(--green-500);
}

body.b2b-newui-app .selected-products:has(.basket) .breadcrumb a:hover {
  color: var(--green-500);
}

body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb img {
  object-fit: contain;
  flex: none;
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

body.b2b-newui-app .selected-products:has(.basket) .breadcrumb img {
  object-fit: contain;
  flex: none;
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb span {
  color: var(--green-500);
}

body.b2b-newui-app .selected-products:has(.basket) .breadcrumb span {
  color: var(--green-500);
}

body.b2b-newui-app .selected-products:has(.basket) .hero {
  background: #fff;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 56px 64px 32px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero {
  background: #fff;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 56px 64px 32px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .hero h1 {
  color: var(--text);
  letter-spacing: -1.6px;
  flex: none;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero h1 {
  color: var(--text);
  letter-spacing: -1.6px;
  flex: none;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .selected-products:has(.basket) .hero h1 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero h1 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .selected-products:has(.basket) .request__heading h2 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .selected-products:has(.basket) .hero p {
  max-width: 488px;
  color: var(--text);
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero p {
  max-width: 488px;
  color: var(--text);
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .selected-products:has(.basket) .basket {
  background: #fff;
  padding: 8px 64px 56px;
  position: relative;
}

body.b2b-newui-app .selected-products:has(.basket) .basket__grid {
  grid-template-columns: repeat(2, 648px);
  gap: 16px;
  display: grid;
}

body.b2b-newui-app .selected-products:has(.basket) .product-card {
  border: 1px solid var(--border-subtle);
  background: var(--background-base);
  width: 648px;
  height: 150px;
  box-shadow: 0 4px 22px var(--overlay-10);
  border-radius: 16px;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .product-card__media {
  object-fit: cover;
  object-position: 72% 50%;
  border-radius: 16px;
  flex: none;
  width: 146px;
  height: 150px;
}

body.b2b-newui-app .selected-products:has(.basket) .product-card__body {
  align-items: center;
  gap: 16px;
  width: 502px;
  height: 150px;
  padding: 24px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .product-card h2 {
  letter-spacing: -.005em;
  color: #013931;
  width: 406px;
  height: 28px;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .product-card__remove {
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

body.b2b-newui-app .selected-products:has(.basket) .product-card__remove img {
  object-fit: contain;
  border-radius: 0;
  width: 32px;
  height: 32px;
}

body.b2b-newui-app .selected-products:has(.basket) .explore-btn {
  z-index: 1;
  width: 200px;
  height: 42px;
  color: var(--interactive-secondary);
  background: var(--interactive-secondary-alt);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 32px auto 0;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .floating-button {
  z-index: 4;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 42%;
  right: 18px;
}

body.b2b-newui-app .selected-products:has(.basket) .floating-button__ring {
  object-fit: cover;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .selected-products:has(.basket) .floating-button__leaf {
  object-fit: cover;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .selected-products:has(.basket) .request {
  background: #fff;
  padding: 24px 64px 88px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 40px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__heading h2 {
  letter-spacing: -1.6px;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__heading p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__layout {
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .request__media {
  background: #01231f;
  border-radius: 32px;
  flex: 0 0 506px;
  width: 506px;
  height: 592px;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .request__media img {
  object-fit: cover;
  object-position: center top;
  width: 506px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__media figcaption {
  color: #fff;
  font-family: var(--font-b2b);
  letter-spacing: -1.2px;
  vertical-align: middle;
  font-size: 24px;
  font-weight: 800;
  line-height: 28.8px;
  position: absolute;
  bottom: 32px;
  left: 32px;
  right: 32px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__form {
  background: #f4fbf5;
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 732px;
  width: 732px;
  min-height: 835px;
  padding: 40px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .request__form-intro {
  flex-direction: column;
  gap: 8px;
  width: 652px;
  max-width: 100%;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .request__form h3 {
  color: #002823;
  letter-spacing: -2.4px;
  vertical-align: middle;
  width: 652px;
  max-width: 100%;
  height: 58px;
  font-size: 48px;
  font-weight: 500;
  line-height: 57.6px;
}

body.b2b-newui-app .selected-products:has(.basket) .request__form > p {
  color: #00000080;
}

body.b2b-newui-app .selected-products:has(.basket) .request__form-intro p {
  color: #00000080;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid {
  grid-template-columns: 316.5px 316.5px;
  gap: 16px 19px;
  display: grid;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label > span {
  color: #646b63;
  font-family: var(--font-b2b);
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label i {
  color: #d92d20;
  font-style: normal;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid input {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid select {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid textarea {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid input::placeholder {
  color: #646b63;
  font-family: var(--font-b2b);
  padding-top: 2px;
  padding-bottom: 3.2px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid textarea::placeholder {
  color: #646b63;
  font-family: var(--font-b2b);
  padding-top: 2px;
  padding-bottom: 3.2px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid select:has(option[value=""]:checked) {
  color: #646b63;
  border: 1px solid #0003;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid select option {
  color: var(--text);
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label.is-invalid input {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label.is-invalid select {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label.is-invalid textarea {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid label.is-invalid .phone-field {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .selected-products:has(.basket) .field-error {
  color: #d92d20;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid textarea {
  resize: none;
  width: 652px;
  max-width: 100%;
  height: 128px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-grid small {
  color: #6b7c78;
  align-self: flex-end;
  font-size: 12px;
}

body.b2b-newui-app .selected-products:has(.basket) .phone-field {
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  grid-template-columns: 92px 1fr;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  display: grid;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .phone-field select {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 50.2px;
  padding-top: 16px;
  padding-bottom: 15px;
}

body.b2b-newui-app .selected-products:has(.basket) .phone-field input {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 50.2px;
  padding-top: 16px;
  padding-bottom: 15px;
}

body.b2b-newui-app .selected-products:has(.basket) .phone-field select {
  border-right: 1px solid #e6ebea;
  padding-right: 8px;
}

body.b2b-newui-app .selected-products:has(.basket) .form-actions {
  margin-top: auto;
}

body.b2b-newui-app .selected-products:has(.basket) .form-success {
  color: var(--accent);
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
}

body.b2b-newui-app .selected-products:has(.basket) .submit-btn {
  z-index: 1;
  color: #fff;
  background: var(--dark-500);
  border-radius: 999px;
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app .selected-products:has(.basket) .explore-btn:before {
  content: "";
  z-index: -1;
  background: #01a809;
  width: 0;
  transition: width .45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .selected-products:has(.basket) .submit-btn:before {
  content: "";
  z-index: -1;
  background: #01a809;
  width: 0;
  transition: width .45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .selected-products:has(.basket) .explore-btn:hover:before {
  width: 100%;
}

body.b2b-newui-app .selected-products:has(.basket) .explore-btn.is-hovered:before {
  width: 100%;
}

body.b2b-newui-app .selected-products:has(.basket) .submit-btn:hover:before {
  width: 100%;
}

body.b2b-newui-app .selected-products:has(.basket) .submit-btn.is-hovered:before {
  width: 100%;
}

@media (max-width: 1100px) {
  body.b2b-newui-app .selected-products:has(.basket) .hero {
    height: auto;
  }

  body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .breadcrumb {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .hero {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .basket {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb {
    height: auto;
    min-height: 56px;
    padding-block-start: 16px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .breadcrumb {
    height: auto;
    min-height: 56px;
    padding-block-start: 16px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .hero {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__layout {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app .selected-products:has(.basket) .hero {
    align-items: flex-start;
    padding-block-start: 40px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero {
    align-items: flex-start;
    padding-block-start: 40px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .basket__grid {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .selected-products:has(.basket) .form-grid {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .selected-products:has(.basket) .product-card {
    width: 100%;
    max-width: 648px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .product-card__body {
    flex: 1;
    width: auto;
  }

  body.b2b-newui-app .selected-products:has(.basket) .product-card h2 {
    flex: 1;
    width: auto;
    height: auto;
  }

  body.b2b-newui-app .selected-products:has(.basket) .floating-button {
    display: none;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__media {
    flex: auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__form {
    flex: auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__media {
    min-height: 360px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__media img {
    width: 100%;
    height: 100%;
    min-height: 360px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__form h3 {
    height: auto;
    font-size: 36px;
    line-height: 42px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .form-grid input {
    width: 100%;
  }

  body.b2b-newui-app .selected-products:has(.basket) .form-grid select {
    width: 100%;
  }

  body.b2b-newui-app .selected-products:has(.basket) .form-grid textarea {
    width: 100%;
  }

  body.b2b-newui-app .selected-products:has(.basket) .phone-field {
    width: 100%;
  }
}

@media (max-width: 720px) {
  body.b2b-newui-app .selected-products:has(.basket) .hero h1 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .b2b-newui-form-hero h1 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .request__heading h2 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .product-card {
    height: auto;
    min-height: 150px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .product-card__body {
    height: auto;
    min-height: 150px;
  }

  body.b2b-newui-app .selected-products:has(.basket) .phone-field {
    grid-template-columns: 84px 1fr;
  }
}

body.b2b-newui-app main.selected-products:has(.basket) nav.breadcrumb {
  box-sizing: border-box;
  color: #f2f5f5;
  background: var(--header);
  width: 100%;
  height: 69px;
  font-family: var(--font-b2b);
  text-transform: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

body.b2b-newui-app main.selected-products:has(.basket) .breadcrumb {
  box-sizing: border-box;
  color: #f2f5f5;
  background: var(--header);
  width: 100%;
  height: 69px;
  font-family: var(--font-b2b);
  text-transform: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

body.b2b-newui-app main.selected-products:has(.basket) nav.breadcrumb a {
  color: #f2f5f5;
  text-decoration: none;
}

body.b2b-newui-app main.selected-products:has(.basket) .breadcrumb a {
  color: #f2f5f5;
  text-decoration: none;
}

body.b2b-newui-app main.selected-products:has(.basket) nav.breadcrumb a:hover {
  color: var(--green-500);
}

body.b2b-newui-app main.selected-products:has(.basket) .breadcrumb a:hover {
  color: var(--green-500);
}

body.b2b-newui-app main.selected-products:has(.basket) nav.breadcrumb img {
  object-fit: contain;
  flex: none;
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

body.b2b-newui-app main.selected-products:has(.basket) .breadcrumb img {
  object-fit: contain;
  flex: none;
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

body.b2b-newui-app main.selected-products:has(.basket) nav.breadcrumb span {
  color: var(--green-500);
}

body.b2b-newui-app main.selected-products:has(.basket) .breadcrumb span {
  color: var(--green-500);
}

body.b2b-newui-app main.selected-products:has(.basket) .hero {
  background: #fff;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 56px 64px 32px;
  display: flex;
}

body.b2b-newui-app main.selected-products:has(.basket) .b2b-newui-form-hero {
  background: #fff;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 56px 64px 32px;
  display: flex;
}

body.b2b-newui-app main.selected-products:has(.basket) .hero h1 {
  color: var(--text);
  letter-spacing: -1.6px;
  flex: none;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app main.selected-products:has(.basket) .b2b-newui-form-hero h1 {
  color: var(--text);
  letter-spacing: -1.6px;
  flex: none;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app main.selected-products:has(.basket) .hero h1 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app main.selected-products:has(.basket) .b2b-newui-form-hero h1 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__heading h2 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app main.selected-products:has(.basket) .hero p {
  max-width: 488px;
  color: var(--text);
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app main.selected-products:has(.basket) .b2b-newui-form-hero p {
  max-width: 488px;
  color: var(--text);
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app main.selected-products:has(.basket) .basket {
  background: #fff;
  padding: 8px 64px 56px;
  position: relative;
}

body.b2b-newui-app main.selected-products:has(.basket) .basket__grid {
  grid-template-columns: repeat(2, 648px);
  gap: 16px;
  display: grid;
}

body.b2b-newui-app main.selected-products:has(.basket) .product-card {
  border: 1px solid var(--border-subtle);
  background: var(--background-base);
  width: 648px;
  height: 150px;
  box-shadow: 0 4px 22px var(--overlay-10);
  border-radius: 16px;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

body.b2b-newui-app main.selected-products:has(.basket) .product-card__media {
  object-fit: cover;
  object-position: 72% 50%;
  border-radius: 16px;
  flex: none;
  width: 146px;
  height: 150px;
}

body.b2b-newui-app main.selected-products:has(.basket) .product-card__body {
  align-items: center;
  gap: 16px;
  width: 502px;
  height: 150px;
  padding: 24px;
  display: flex;
}

body.b2b-newui-app main.selected-products:has(.basket) .product-card h2 {
  letter-spacing: -.005em;
  color: #013931;
  width: 406px;
  height: 28px;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  overflow: hidden;
}

body.b2b-newui-app main.selected-products:has(.basket) .product-card__remove {
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

body.b2b-newui-app main.selected-products:has(.basket) .product-card__remove img {
  object-fit: contain;
  border-radius: 0;
  width: 32px;
  height: 32px;
}

body.b2b-newui-app main.selected-products:has(.basket) .explore-btn {
  z-index: 1;
  width: 200px;
  height: 42px;
  color: var(--interactive-secondary);
  background: var(--interactive-secondary-alt);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 32px auto 0;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app main.selected-products:has(.basket) .floating-button {
  z-index: 4;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 42%;
  right: 18px;
}

body.b2b-newui-app main.selected-products:has(.basket) .floating-button__ring {
  object-fit: cover;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app main.selected-products:has(.basket) .floating-button__leaf {
  object-fit: cover;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app main.selected-products:has(.basket) .request {
  background: #fff;
  padding: 24px 64px 88px;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 40px;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__heading h2 {
  letter-spacing: -1.6px;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__heading p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__layout {
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__media {
  background: #01231f;
  border-radius: 32px;
  flex: 0 0 506px;
  width: 506px;
  height: 592px;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__media img {
  object-fit: cover;
  object-position: center top;
  width: 506px;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__media figcaption {
  color: #fff;
  font-family: var(--font-b2b);
  letter-spacing: -1.2px;
  vertical-align: middle;
  font-size: 24px;
  font-weight: 800;
  line-height: 28.8px;
  position: absolute;
  bottom: 32px;
  left: 32px;
  right: 32px;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__form {
  background: #f4fbf5;
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 732px;
  width: 732px;
  min-height: 835px;
  padding: 40px;
  display: flex;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__form-intro {
  flex-direction: column;
  gap: 8px;
  width: 652px;
  max-width: 100%;
  display: flex;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__form h3 {
  color: #002823;
  letter-spacing: -2.4px;
  vertical-align: middle;
  width: 652px;
  max-width: 100%;
  height: 58px;
  font-size: 48px;
  font-weight: 500;
  line-height: 57.6px;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__form > p {
  color: #00000080;
}

body.b2b-newui-app main.selected-products:has(.basket) .request__form-intro p {
  color: #00000080;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid {
  grid-template-columns: 316.5px 316.5px;
  gap: 16px 19px;
  display: grid;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid label {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid label > span {
  color: #646b63;
  font-family: var(--font-b2b);
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid label i {
  color: #d92d20;
  font-style: normal;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid input {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid select {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid textarea {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid input::placeholder {
  color: #646b63;
  font-family: var(--font-b2b);
  padding-top: 2px;
  padding-bottom: 3.2px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid textarea::placeholder {
  color: #646b63;
  font-family: var(--font-b2b);
  padding-top: 2px;
  padding-bottom: 3.2px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid select:has(option[value=""]:checked) {
  color: #646b63;
  border: 1px solid #0003;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid select option {
  color: var(--text);
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid label.is-invalid input {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid label.is-invalid select {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid label.is-invalid textarea {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid label.is-invalid .phone-field {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app main.selected-products:has(.basket) .field-error {
  color: #d92d20;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid textarea {
  resize: none;
  width: 652px;
  max-width: 100%;
  height: 128px;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-grid small {
  color: #6b7c78;
  align-self: flex-end;
  font-size: 12px;
}

body.b2b-newui-app main.selected-products:has(.basket) .phone-field {
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  grid-template-columns: 92px 1fr;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  display: grid;
  overflow: hidden;
}

body.b2b-newui-app main.selected-products:has(.basket) .phone-field select {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 50.2px;
  padding-top: 16px;
  padding-bottom: 15px;
}

body.b2b-newui-app main.selected-products:has(.basket) .phone-field input {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 50.2px;
  padding-top: 16px;
  padding-bottom: 15px;
}

body.b2b-newui-app main.selected-products:has(.basket) .phone-field select {
  border-right: 1px solid #e6ebea;
  padding-right: 8px;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-actions {
  margin-top: auto;
}

body.b2b-newui-app main.selected-products:has(.basket) .form-success {
  color: var(--accent);
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
}

body.b2b-newui-app main.selected-products:has(.basket) .submit-btn {
  z-index: 1;
  color: #fff;
  background: var(--dark-500);
  border-radius: 999px;
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app main.selected-products:has(.basket) .explore-btn:before {
  content: "";
  z-index: -1;
  background: #01a809;
  width: 0;
  transition: width .45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app main.selected-products:has(.basket) .submit-btn:before {
  content: "";
  z-index: -1;
  background: #01a809;
  width: 0;
  transition: width .45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app main.selected-products:has(.basket) .explore-btn:hover:before {
  width: 100%;
}

body.b2b-newui-app main.selected-products:has(.basket) .explore-btn.is-hovered:before {
  width: 100%;
}

body.b2b-newui-app main.selected-products:has(.basket) .submit-btn:hover:before {
  width: 100%;
}

body.b2b-newui-app main.selected-products:has(.basket) .submit-btn.is-hovered:before {
  width: 100%;
}

@media (max-width: 1100px) {
  body.b2b-newui-app main.selected-products:has(.basket) .hero {
    height: auto;
  }

  body.b2b-newui-app main.selected-products:has(.basket) nav.breadcrumb {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .breadcrumb {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .hero {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .basket {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .request {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) nav.breadcrumb {
    height: auto;
    min-height: 56px;
    padding-block-start: 16px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .breadcrumb {
    height: auto;
    min-height: 56px;
    padding-block-start: 16px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .hero {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .b2b-newui-form-hero {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .request__layout {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .hero {
    align-items: flex-start;
    padding-block-start: 40px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .b2b-newui-form-hero {
    align-items: flex-start;
    padding-block-start: 40px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .basket__grid {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .form-grid {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .product-card {
    width: 100%;
    max-width: 648px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .product-card__body {
    flex: 1;
    width: auto;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .product-card h2 {
    flex: 1;
    width: auto;
    height: auto;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .floating-button {
    display: none;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .request__media {
    flex: auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .request__form {
    flex: auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .request__media {
    min-height: 360px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .request__media img {
    width: 100%;
    height: 100%;
    min-height: 360px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .request__form h3 {
    height: auto;
    font-size: 36px;
    line-height: 42px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .form-grid input {
    width: 100%;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .form-grid select {
    width: 100%;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .form-grid textarea {
    width: 100%;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .phone-field {
    width: 100%;
  }
}

@media (max-width: 720px) {
  body.b2b-newui-app main.selected-products:has(.basket) .hero h1 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .b2b-newui-form-hero h1 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .request__heading h2 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .product-card {
    height: auto;
    min-height: 150px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .product-card__body {
    height: auto;
    min-height: 150px;
  }

  body.b2b-newui-app main.selected-products:has(.basket) .phone-field {
    grid-template-columns: 84px 1fr;
  }
}

body.b2b-newui-app .b2b-newui-form-page nav.breadcrumb {
  box-sizing: border-box;
  color: #f2f5f5;
  background: var(--header);
  width: 100%;
  height: 69px;
  font-family: var(--font-b2b);
  text-transform: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

body.b2b-newui-app .b2b-newui-form-page .breadcrumb {
  box-sizing: border-box;
  color: #f2f5f5;
  background: var(--header);
  width: 100%;
  height: 69px;
  font-family: var(--font-b2b);
  text-transform: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
}

body.b2b-newui-app .b2b-newui-form-page nav.breadcrumb a {
  color: #f2f5f5;
  text-decoration: none;
}

body.b2b-newui-app .b2b-newui-form-page .breadcrumb a {
  color: #f2f5f5;
  text-decoration: none;
}

body.b2b-newui-app .b2b-newui-form-page nav.breadcrumb a:hover {
  color: var(--green-500);
}

body.b2b-newui-app .b2b-newui-form-page .breadcrumb a:hover {
  color: var(--green-500);
}

body.b2b-newui-app .b2b-newui-form-page nav.breadcrumb img {
  object-fit: contain;
  flex: none;
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

body.b2b-newui-app .b2b-newui-form-page .breadcrumb img {
  object-fit: contain;
  flex: none;
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

body.b2b-newui-app .b2b-newui-form-page nav.breadcrumb span {
  color: var(--green-500);
}

body.b2b-newui-app .b2b-newui-form-page .breadcrumb span {
  color: var(--green-500);
}

body.b2b-newui-app .b2b-newui-form-page .hero {
  background: #fff;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 56px 64px 32px;
  display: flex;
}

/*body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero {
  background: #fff;
  justify-content: space-between;
  align-items: flex-start;
  gap: 64px;
  padding: 56px 64px 32px;
  display: flex;
}
*/
body.b2b-newui-app .b2b-newui-form-page .hero h1 {
  color: var(--text);
  letter-spacing: -1.6px;
  flex: none;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero h1 {
  color: var(--text);
  letter-spacing: -1.6px;
  flex: none;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .b2b-newui-form-page .hero h1 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero h1 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .b2b-newui-form-page .request__heading h2 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .b2b-newui-form-page .hero p {
  max-width: 488px;
  color: var(--text);
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero p {
  max-width: 488px;
  color: var(--text);
  padding-top: 8px;
  font-size: 16px;
  line-height: 24px;
}

/*body.b2b-newui-app .b2b-newui-form-page .basket {
  background: #fff;*/
  /*padding: 8px 64px 56px;*/
  /*position: relative;
}*/

body.b2b-newui-app .b2b-newui-form-page .basket__grid {
  grid-template-columns: repeat(2, 648px);
  gap: 16px;
  display: grid;
}

body.b2b-newui-app .b2b-newui-form-page .product-card {
  border: 1px solid var(--border-subtle);
  background: var(--background-base);
  width: 648px;
  height: 150px;
  box-shadow: 0 4px 22px var(--overlay-10);
  border-radius: 16px;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

body.b2b-newui-app .b2b-newui-form-page .product-card__media {
  object-fit: cover;
  object-position: 72% 50%;
  border-radius: 16px;
  flex: none;
  width: 146px;
  height: 150px;
}

body.b2b-newui-app .b2b-newui-form-page .product-card__body {
  align-items: center;
  /*gap: 16px;*/
  width: 502px;
  height: 150px;
  padding: 24px;
  display: flex;
}

/*body.b2b-newui-app .b2b-newui-form-page .product-card h2 {
  letter-spacing: -.005em;
  color: #013931;
  width: 406px;
  height: 28px;
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  overflow: hidden;
}
*/
body.b2b-newui-app .b2b-newui-form-page .product-card__remove {
  flex: none;
  place-items: center;
/*  width: 32px;
  height: 32px;*/
  display: grid;
}

body.b2b-newui-app .b2b-newui-form-page .product-card__remove img {
  object-fit: contain;
  border-radius: 0;
  width: 32px;
  height: 32px;
}

body.b2b-newui-app .b2b-newui-form-page .explore-btn {
  z-index: 1;
  width: 200px;
  height: 42px;
  color: var(--interactive-secondary);
  background: var(--interactive-secondary-alt);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 32px auto 0;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app .b2b-newui-form-page .floating-button {
  z-index: 4;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 42%;
  right: 18px;
}

body.b2b-newui-app .b2b-newui-form-page .floating-button__ring {
  object-fit: cover;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .b2b-newui-form-page .floating-button__leaf {
  object-fit: cover;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*body.b2b-newui-app .b2b-newui-form-page .request {
  background: #fff;
  padding: 24px 64px 88px;
}*/

/*body.b2b-newui-app .b2b-newui-form-page .request__heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 40px;
}*/

    body.b2b-newui-app .b2b-newui-form-page .request__heading h2 {
        letter-spacing: -1.6px;
        font-size: 48px;
        font-weight: 500;
        line-height: 48px;
        /*margin: 0;*/
        height: 58px;
        font-weight: 500;
    }

body.b2b-newui-app .b2b-newui-form-page .request__layout {
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}


body.b2b-newui-app .b2b-newui-form-page .request__media img {
  object-fit: cover;
  object-position: center top;
  width: 506px;
}

body.b2b-newui-app .b2b-newui-form-page .request__media figcaption {
  font-family: var(--font-b2b);
}

body.b2b-newui-app .b2b-newui-form-page .request__form {
  background: #f4fbf5;
  border-radius: 16px;
  flex-direction: column;
  flex: 0 0 732px;
  width: 732px;
  min-height: 835px;
  padding: 40px;
  display: flex;
}

body.b2b-newui-app .b2b-newui-form-page .request__form-intro {
  flex-direction: column;
  gap: 8px;
  width: 652px;
  max-width: 100%;
  display: flex;
}

body.b2b-newui-app .b2b-newui-form-page .request__form h3 {
  color: #002823;
  letter-spacing: -2.4px;
  vertical-align: middle;
  width: 652px;
  max-width: 100%;
  height: 58px;
  font-size: 48px;
  font-weight: 500;
  line-height: 57.6px;
}

body.b2b-newui-app .b2b-newui-form-page .request__form > p {
  color: #00000080;
}

body.b2b-newui-app .b2b-newui-form-page .request__form-intro p {
  color: #00000080;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 19px;
  display: grid;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid label {
/*  flex-direction: column;*/
  gap: 8px;
  display: flex;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid label > span {
  color: #646b63;
  font-family: var(--font-b2b);
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  line-height: 25.6px;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid label i {
  color: #d92d20;
  font-style: normal;
}


body.b2b-newui-app .b2b-newui-form-page .form-grid select {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 100%;
  height: 50.2px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid textarea {
  box-sizing: border-box;
  color: #002823;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 128px;
  font-family: var(--font-b2b);
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  outline: none;
  padding: 16px 12px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid input::placeholder {
  color: #646b63;
  font-family: var(--font-b2b);
  padding-top: 2px;
  padding-bottom: 3.2px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid textarea::placeholder {
  color: #646b63;
  font-family: var(--font-b2b);
  padding-top: 2px;
  padding-bottom: 3.2px;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid select:has(option[value=""]:checked) {
  color: #646b63;
  border: 1px solid #0003;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid select option {
  color: var(--text);
}

body.b2b-newui-app .b2b-newui-form-page .form-grid label.is-invalid input {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid label.is-invalid select {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid label.is-invalid textarea {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid label.is-invalid .phone-field {
  box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .b2b-newui-form-page .field-error {
  color: #d92d20;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid textarea {
  resize: none;
  width: 652px;
  max-width: 100%;
  height: 128px;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid small {
  color: #6b7c78;
  align-self: flex-end;
  font-size: 12px;
}

body.b2b-newui-app .b2b-newui-form-page .phone-field {
  background: #fff;
  border: 1px solid #0003;
  border-radius: 10px;
  grid-template-columns: 92px 1fr;
  width: 316.5px;
  max-width: 100%;
  height: 50.2px;
  display: grid;
  overflow: hidden;
}

body.b2b-newui-app .b2b-newui-form-page .phone-field select {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 50.2px;
  padding-top: 16px;
  padding-bottom: 15px;
}

body.b2b-newui-app .b2b-newui-form-page .phone-field input {
  background: none;
  border-radius: 0;
  width: 100%;
  height: 50.2px;
  padding-top: 16px;
  padding-bottom: 15px;
}

body.b2b-newui-app .b2b-newui-form-page .phone-field select {
  border-right: 1px solid #e6ebea;
  padding-right: 8px;
}

body.b2b-newui-app .b2b-newui-form-page .form-actions {
  margin-top: auto;
}

body.b2b-newui-app .b2b-newui-form-page .form-success {
  color: var(--accent);
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
}

body.b2b-newui-app .b2b-newui-form-page .submit-btn {
  z-index: 1;
  color: #fff;
  background: var(--dark-500);
  border-radius: 999px;
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

body.b2b-newui-app .b2b-newui-form-page .explore-btn:before {
  content: "";
  z-index: -1;
  background: #01a809;
  width: 0;
  transition: width .45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .b2b-newui-form-page .submit-btn:before {
  content: "";
  z-index: -1;
  background: #01a809;
  width: 0;
  transition: width .45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .b2b-newui-form-page .explore-btn:hover:before {
  width: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .explore-btn.is-hovered:before {
  width: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .submit-btn:hover:before {
  width: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .submit-btn.is-hovered:before {
  width: 100%;
}

@media (max-width: 1100px) {
  body.b2b-newui-app .b2b-newui-form-page .hero {
    height: auto;
  }

  body.b2b-newui-app .b2b-newui-form-page nav.breadcrumb {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .b2b-newui-form-page .breadcrumb {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .b2b-newui-form-page .hero {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .b2b-newui-form-page .basket {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .b2b-newui-form-page .request {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  body.b2b-newui-app .b2b-newui-form-page nav.breadcrumb {
    height: auto;
    min-height: 56px;
    padding-block-start: 16px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .b2b-newui-form-page .breadcrumb {
    height: auto;
    min-height: 56px;
    padding-block-start: 16px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .b2b-newui-form-page .hero {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app .b2b-newui-form-page .request__layout {
    flex-direction: column;
    display: flex;
  }

  body.b2b-newui-app .b2b-newui-form-page .hero {
    align-items: flex-start;
    padding-block-start: 40px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero {
    align-items: flex-start;
    padding-block-start: 40px;
    padding-block-end: 16px;
  }

  body.b2b-newui-app .b2b-newui-form-page .basket__grid {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .b2b-newui-form-page .form-grid {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .b2b-newui-form-page .product-card {
    width: 100%;
    max-width: 648px;
  }

  body.b2b-newui-app .b2b-newui-form-page .product-card__body {
    flex: 1;
    width: auto;
  }

  body.b2b-newui-app .b2b-newui-form-page .product-card h2 {
    flex: 1;
    width: auto;
    height: auto;
  }

  body.b2b-newui-app .b2b-newui-form-page .floating-button {
    display: none;
  }

  body.b2b-newui-app .b2b-newui-form-page .request__media {
    flex: auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  body.b2b-newui-app .b2b-newui-form-page .request__form {
    flex: auto;
    width: 100%;
    height: auto;
    min-height: 0;
  }

  body.b2b-newui-app .b2b-newui-form-page .request__media {
    min-height: 360px;
  }

  body.b2b-newui-app .b2b-newui-form-page .request__media img {
    width: 100%;
    height: 100%;
    min-height: 360px;
  }

  body.b2b-newui-app .b2b-newui-form-page .request__form h3 {
    height: auto;
    font-size: 36px;
    line-height: 42px;
  }

  body.b2b-newui-app .b2b-newui-form-page .form-grid input {
    width: 100%;
  }

  body.b2b-newui-app .b2b-newui-form-page .form-grid select {
    width: 100%;
  }

  body.b2b-newui-app .b2b-newui-form-page .form-grid textarea {
    width: 100%;
  }

  body.b2b-newui-app .b2b-newui-form-page .phone-field {
    width: 100%;
  }
}

@media (max-width: 720px) {
  body.b2b-newui-app .b2b-newui-form-page .hero h1 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .b2b-newui-form-page .b2b-newui-form-hero h1 {
    font-size: 32px;
    line-height: 38px;
  }


  body.b2b-newui-app .b2b-newui-form-page .product-card {
    height: auto;
    min-height: 150px;
  }

  body.b2b-newui-app .b2b-newui-form-page .product-card__body {
    height: auto;
    min-height: 150px;
  }

  body.b2b-newui-app .b2b-newui-form-page .phone-field {
    grid-template-columns: 84px 1fr;
  }
}




/* Page breadcrumb bar — all nav.breadcrumb except inside section.hero (see EOF override) */


body.b2b-newui-app .sme-landing h1 {
  margin: 0;
}

body.b2b-newui-app .sme-landing h2 {
  margin: 0;
}

body.b2b-newui-app .sme-landing h3 {
  margin: 0;
}

body.b2b-newui-app .sme-landing ul {
  margin: 0;
}

body.b2b-newui-app .sme-landing figure {
  margin: 0;
}

body.b2b-newui-app .sme-landing button:not(.faq-item__question):not(.faq-tab) {
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

body.b2b-newui-app .sme-landing .hero {
    color: #fff;
    background: var(--header);
    min-height: 408px;
    padding: 40px 64px 72px;
}

body.b2b-newui-app .sme-landing .hero .breadcrumb {
  font-family: var(--font-b2b);
  letter-spacing: -.17px;
  text-transform: capitalize;
  color: var(--green-500);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 28px;
  font-size: 17px;
  font-weight: 400;
  line-height: 17px;
  display: flex;
}

body.b2b-newui-app .sme-landing .hero .breadcrumb a {
  color: var(--green-500);
}

body.b2b-newui-app .sme-landing .hero .breadcrumb span {
  color: var(--green-500);
}

body.b2b-newui-app .sme-landing .hero .breadcrumb img {
  flex: none;
  width: 18px;
  max-width: none;
  height: 18px;
  display: block;
}

body.b2b-newui-app .sme-landing .hero h1 {
  color: #fff;
  letter-spacing: -1.6px;
  max-width: 920px;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
}

body.b2b-newui-app .sme-landing .hero p {
  color: #f2f5f5;
  max-width: 640px;
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .sme-landing .start-btn {
    z-index: 1;
    width: 289px;
    height: 52px;
    color: #FFFFFF;
    background: #14911A;
    /*-webkit-border-radius: 999px;*/
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    position: relative;
    overflow: hidden;
}

body.b2b-newui-app .sme-landing .start-btn:before {
  content: "";
  z-index: -1;
  background: #00a80a;
  width: 0;
  transition: width .45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

body.b2b-newui-app .sme-landing .start-btn:hover:before {
  width: 100%;
}

body.b2b-newui-app .sme-landing .start-btn.is-hovered:before {
  width: 100%;
}

body.b2b-newui-app .sme-landing .needs {
  background: #fff;
  grid-template-columns: 360px 1fr;
  gap: 48px;
  padding: 72px 64px 32px;
  display: grid;
}

body.b2b-newui-app .sme-landing .needs__copy {
  padding-top: 24px;
}

body.b2b-newui-app .sme-landing .eyebrow {
  color: #005147;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}

body.b2b-newui-app .sme-landing .needs h2 {
  color: var(--accent);
  letter-spacing: -1.2px;
  margin: 8px 0 16px;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

body.b2b-newui-app .sme-landing .needs__copy p:last-child {
  max-width: 300px;
  color: var(--text);
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .sme-landing .needs__cards {
  gap: 16px;
  display: grid;
}

body.b2b-newui-app .sme-landing .needs__cards img {
  -webkit-border-radius: 24px;
  border-radius: 24px;
  width: 100%;
  height: auto;
}

body.b2b-newui-app .sme-landing .values img {
    -webkit-border-radius: 24px;
    border-radius: 24px;
    width: 100%;
    height: 280px;
}

body.b2b-newui-app .sme-landing .offer__photo img {
  -webkit-border-radius: 24px;
  border-radius: 24px;
  width: 100%;
  height: auto;
}

body.b2b-newui-app .sme-landing .offer {
    background: #fff;
    grid-template-columns: minmax(0, 1fr) 519px;
    align-items: start;
    gap: 32px;
    padding: 40px 0 90px;
    margin:0 auto;
    max-width:1440px;
    display: grid;
}

body.b2b-newui-app .sme-landing .offer h2 {
  color: var(--text);
  letter-spacing: -2.4px;
  vertical-align: middle;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
}
html[dir="rtl"] body.b2b-newui-app .sme-landing .offer h2 {
    
    font-size: 40px;
}

body.b2b-newui-app .sme-landing #benefitsTitle {
  color: var(--text);
  letter-spacing: -2.4px;
  vertical-align: middle;
  font-size: 48px;
  font-weight: 500;
  line-height: 120%;
}
html[dir="rtl"] body.b2b-newui-app .sme-landing #benefitsTitle {
    font-size: 40px;
}

body.b2b-newui-app .sme-landing .offer h2 em {
    color: var(--accent);
    font-style: normal;
}

body.b2b-newui-app .sme-landing .offer__main > p {
  color: var(--text);
  margin: 16px 0 32px;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .sme-landing .offer__grid {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

body.b2b-newui-app .sme-landing .offer__grid article {
  background: #f5f7f6;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  min-height: 220px;
  padding: 24px;
}

body.b2b-newui-app .sme-landing .offer__grid h3 {
  color: var(--text);
  letter-spacing: -.6px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

body.b2b-newui-app .sme-landing .offer__grid p {
  color: var(--text);
  letter-spacing: 0%;
  font-size: 16px;
  line-height: 24px;
}

body.b2b-newui-app .sme-landing .offer__photo {
  width: 580px;
  max-width: 100%;
}

body.b2b-newui-app .sme-landing .offer__photo img {
  object-fit: cover;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  height: 100%;
}

body.b2b-newui-app .sme-landing .values {
    background: #fff;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding: 40px 0 90px;
    display: grid;
    margin: 0 auto;
    max-width: 1440px;
}

body.b2b-newui-app .sme-landing .faq h2 em {
  color: var(--accent);
  font-style: normal;
}

body.b2b-newui-app .sme-landing .faq {
    background: #fff;
    padding: 40px 0 90px;
    margin: 0 auto;
    max-width: 1440px;
}

body.b2b-newui-app .sme-landing .faq h2 {
  color: var(--text);
  letter-spacing: -1.6px;
  text-align: center;
  margin-bottom: 32px;
  font-size: 46px;
  font-weight: 600;
  line-height: 48px;
}

body.b2b-newui-app .sme-landing .faq-tabs {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
  display: flex;
}

body.b2b-newui-app .sme-landing .faq-tab {
  height: 40px;
  color: var(--text);
  background: #fff;
  border: 1px solid #d6e0de;
  -webkit-border-radius: 999px;
  border-radius: 999px;
  padding: 8px 18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

body.b2b-newui-app .sme-landing .faq-tab.is-active {
  color: #fff;
  border-color: var(--dark-500);
  background: var(--dark-500);
  box-shadow: 0 8px 18px rgba(1, 236, 13, .22);
}

body.b2b-newui-app .sme-landing .faq-list {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

body.b2b-newui-app .sme-landing .faq-item {
  background: #fff;
  border: 1px solid #e8eeed;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(33, 56, 49, .08);
}

body.b2b-newui-app .sme-landing .faq-item__question {
  text-align: left;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  width: 100%;
  min-height: 54px;
  padding: 14px 20px 14px 24px;
  display: flex;
}

body.b2b-newui-app .sme-landing .faq-item__question span {
  color: var(--text);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

body.b2b-newui-app .sme-landing .faq-item__icon {
  object-fit: contain;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
}

body.b2b-newui-app .sme-landing .faq-item__answer {
  padding: 0 24px 20px;
  display: none;
}

body.b2b-newui-app .sme-landing .faq-item.is-open .faq-item__answer {
  border-top: 1px solid #e4ebe9;
  margin: 0 4px;
  padding-top: 16px;
  display: block;
}

body.b2b-newui-app .sme-landing .faq-item__answer p {
  color: var(--text);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

body.b2b-newui-app .sme-landing .needs > .container {
  display: contents;
}

body.b2b-newui-app .sme-landing .contact {
  color: #f2f5f5;
  background: var(--connect);
  height: 652px;
  padding: 100px 64px 48px;
}

body.b2b-newui-app .sme-landing section.connect {
  color: #f2f5f5;
  background: var(--connect);
  height: 652px;
  padding: 100px 64px 48px;
}


body.b2b-newui-app .sme-landing .contact-card {
  color: #002722;
  background: #fff;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 28px;
  display: flex;
  box-shadow: 0 4px 22px rgba(0, 0, 0, .1);
}

body.b2b-newui-app .sme-landing .connect-card {
  color: #002722;
  background: #fff;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 28px;
  display: flex;
  box-shadow: 0 4px 22px rgba(0, 0, 0, .1);
}

body.b2b-newui-app .sme-landing .contact-card__icon {
  background: #e4f9e6;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  flex: 0 0 48px;
  align-items: center;
  justify-items: center;
  width: 48px;
  height: 48px;
  padding: 8px;
  display: grid;
}

body.b2b-newui-app .sme-landing .connect-card__icon {
  background: #e4f9e6;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  flex: 0 0 48px;
  align-items: center;
  justify-items: center;
  width: 48px;
  height: 48px;
  padding: 8px;
  display: grid;
}

body.b2b-newui-app .sme-landing .contact-card__icon img {
  width: 32px;
  height: 32px;
}

body.b2b-newui-app .sme-landing .connect-card__icon img {
  width: 32px;
  height: 32px;
}

body.b2b-newui-app .sme-landing .connect-card__icon svg {
  width: 32px;
  height: 32px;
}

body.b2b-newui-app .sme-landing .value-card {
  color: #003931;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  min-width: 0;
  min-height: 280px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body.b2b-newui-app .sme-landing .value-card__photo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  object-fit: cover;
}

body.b2b-newui-app .sme-landing .value-card__shade {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(0, 20, 17, 0.88) 0%,
    rgba(0, 20, 17, 0.62) 32%,
    rgba(0, 20, 17, 0.28) 52%,
    transparent 72%
  );
}

body.b2b-newui-app .sme-landing .value-card:not(:has(.value-card__shade))::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(0, 20, 17, 0.88) 0%,
    rgba(0, 20, 17, 0.62) 32%,
    rgba(0, 20, 17, 0.28) 52%,
    transparent 72%
  );
}

html[dir="rtl"] body.b2b-newui-app .sme-landing .value-card:not(:has(.value-card__shade))::before,
html[lang="ar"] body.b2b-newui-app .sme-landing .value-card:not(:has(.value-card__shade))::before,
html[dir="rtl"] body.b2b-newui-app .sme-landing .value-card__shade,
html[lang="ar"] body.b2b-newui-app .sme-landing .value-card__shade {
  background: linear-gradient(
    270deg,
    rgba(0, 20, 17, 0.88) 0%,
    rgba(0, 20, 17, 0.62) 32%,
    rgba(0, 20, 17, 0.28) 52%,
    transparent 72%
  );
}

body.b2b-newui-app .sme-landing .value-card__content {
  z-index: 2;
  height: 100%;
  min-height: inherit;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 22px;
  display: flex;
  position: relative;
}

body.b2b-newui-app .sme-landing .value-card h3 {
    color: white;
    letter-spacing: 0;
    width: 154px;
    height: 78px;
    margin: 0 0 10px;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.98px;
}

body.b2b-newui-app .sme-landing .value-card p {
    color: white;
    letter-spacing: 0;
    width: 154px;
    height: 95px;
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

body.b2b-newui-app .sme-landing .contact-card p {
  color: #384845;
  max-width: 330px;
  padding-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

body.b2b-newui-app .sme-landing .connect-card__text {
  color: #384845;
  max-width: 330px;
  padding-top: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

body.b2b-newui-app .sme-landing .contact-card__action {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  display: flex;
}

body.b2b-newui-app .sme-landing .connect-card__link {
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  display: flex;
}

body.b2b-newui-app .sme-landing .contact-card__action a {
  color: var(--accent);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 1100px) {
  body.b2b-newui-app .sme-landing .hero {
    padding-left: 24px;
    padding-right: 24px;
  }

  body.b2b-newui-app .sme-landing .needs {
    padding-left: 24px;
    padding-right: 24px;
  }

  body.b2b-newui-app .sme-landing .offer {
    padding-left: 24px;
    padding-right: 24px;
  }

  body.b2b-newui-app .sme-landing .values {
    padding-left: 24px;
    padding-right: 24px;
  }

  body.b2b-newui-app .sme-landing .faq {
    padding-left: 24px;
    padding-right: 24px;
  }

  body.b2b-newui-app .sme-landing .needs {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .sme-landing .offer {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .sme-landing .values {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .sme-landing .offer__photo {
    width: 70%;
  }

  body.b2b-newui-app .sme-landing .offer__grid {
    grid-template-columns: 1fr;
  }

  body.b2b-newui-app .sme-landing .faq {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  body.b2b-newui-app .sme-landing .faq-list {
    width: 100%;
  }

  body.b2b-newui-app .sme-landing .contact {
    height: auto;
    padding: 64px 24px;
  }

  body.b2b-newui-app .sme-landing section.connect {
    height: auto;
    padding: 64px 24px;
  }

  body.b2b-newui-app .sme-landing #connect.connect {
    height: auto;
    padding: 64px 24px;
  }

  body.b2b-newui-app .sme-landing .contact__heading {
    width: auto;
  }

  body.b2b-newui-app .sme-landing .connect__title {
    width: auto;
  }

  body.b2b-newui-app .sme-landing .contact__heading p {
    margin-left: 0;
    margin-right: 0;
  }

  body.b2b-newui-app .sme-landing .connect__lead {
    margin-left: 0;
    margin-right: 0;
  }

  body.b2b-newui-app .sme-landing .contact__grid {
    grid-template-columns: 1fr;
    height: auto;
  }

  body.b2b-newui-app .sme-landing .connect__grid {
    grid-template-columns: 1fr;
    height: auto;
  }
}

@media (max-width: 720px) {
  body.b2b-newui-app .sme-landing .hero h1 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .sme-landing .needs h2 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .sme-landing .offer h2 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .sme-landing .faq h2 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .sme-landing .contact__heading h2 {
    font-size: 32px;
    line-height: 38px;
  }

  body.b2b-newui-app .sme-landing .connect__title {
    font-size: 32px;
    line-height: 38px;
  }
}

body.b2b-newui-app.solutions-page,
body.b2b-newui-app .solutions-page,
body.b2b-newui-app main.solutions-page,
body.b2b-newui-app .solutions-page,
body.b2b-newui-app > main.solutions-page {
    --green-50: #e6fde7;
    --green-100: #b0f9b4;
    --green-500: #01ec0d;
    --green-600: #27c52e;
    --green-700: #14911a;
    --dark-50: #e6ebea;
    --dark-100: #b0c1bf;
    --dark-500: #003831;
    --dark-700: #002823;
    --dark-800: #001f1b;
    --text: #013931;
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    box-sizing: border-box;
}

body.b2b-newui-app .solutions-page .hero,
body.b2b-newui-app main.solutions-page .hero,
body.b2b-newui-app .solutions-page .hero {
    height: 398px;
    max-width: 100%;
    overflow: hidden;
    background: #000;
}

body.b2b-newui-app .solutions-page .hero > img,
body.b2b-newui-app main.solutions-page .hero > img,
body.b2b-newui-app.bo-page .solutions-page .hero > img,
body.b2b-newui-app.bo-page main.solutions-page .hero > img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center top;
}

body.b2b-newui-app .solutions-page .visually-hidden,
body.b2b-newui-app main.solutions-page .visually-hidden{
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
        white-space: nowrap;
    }

    body.b2b-newui-app .solutions-page .stats {
        display: grid;
        /*height: 196px;*/
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
        margin: 82px 40px 80px;
        padding: 28px 48px;
        color: #fff;
        border-radius: 16px;
        background: #001815;
    }
        body.b2b-newui-app .solutions-page .stats article {
            display: grid;
            min-width: 0;
            grid-template-columns: 32px minmax(0, 1fr);
            column-gap: 40px;
            row-gap: 0px;
            align-items: center;
            padding: 8px 40px;
            border-left: 1px solid var(--green-700);
        }
            body.b2b-newui-app .solutions-page .stats article:first-child {
                border-left: 0;
                padding-left: 0;
            }
        body.b2b-newui-app .solutions-page .stats svg {
/*            width: 32px;
            height: 32px;*/
            grid-row: 1 / span 3;
            align-self: center;
            object-fit: contain;
        }
    body.b2b-newui-app .solutions-page .stats__label {
        grid-column: 2;
        color: var(--green-600);
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        margin: 0 0 8px 0;
    }
    body.b2b-newui-app .solutions-page .stats h2 {
        grid-column: 2;
        margin: 0;
        font-size: 40px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -0.5px;
    }
    body.b2b-newui-app .solutions-page .stats p:last-child {
        grid-column: 2;
        font-size: 14px;
        line-height: 120%;
        font-weight: 400;
        letter-spacing: 0.1px;
    }
    body.b2b-newui-app .solutions-page .layers {
        display: grid;
        grid-template-columns: 462px 1fr;
        gap: 48px;
        align-items: start;
        padding: 160px 64px 40px;
    }
    body.b2b-newui-app .solutions-page .eyebrow {
        color: #005147;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    body.b2b-newui-app .solutions-page .layers h2,
    body.b2b-newui-app .solutions-page #benefitsTitle,
    body.b2b-newui-app main.solutions-page .layers h2,
    body.b2b-newui-app main.solutions-page #benefitsTitle {
        font-weight: 500;
        font-size: 40px;
        line-height: 48px;
        letter-spacing: -2.4px;
        vertical-align: middle;
    }
    body.b2b-newui-app .solutions-page .orgs h2,
    body.b2b-newui-app .solutions-page .studio h2,
    body.b2b-newui-app .solutions-page .foundation h2,
    body.b2b-newui-app .solutions-page .ready h2 {
        margin: 0;
        font-size: 48px;
        font-weight: 500;
        line-height: 57.6px;
        letter-spacing: -2.4px;
    }
        body.b2b-newui-app .solutions-page .layers h2 em,
        body.b2b-newui-app .solutions-page #benefitsTitle em,
        body.b2b-newui-app main.solutions-page .layers h2 em,
        body.b2b-newui-app main.solutions-page #benefitsTitle em,
        body.b2b-newui-app .solutions-page .orgs h2 em,
        body.b2b-newui-app .solutions-page .foundation h2 em,
        body.b2b-newui-app .solutions-page .ready h2 em {
            color: var(--green-700);
            font-style: normal;
        }
    body.b2b-newui-app .solutions-page .foundation h2 em {
        color: #00a80a;
    }
    body.b2b-newui-app .solutions-page .layers__copy p:last-child,
    body.b2b-newui-app .solutions-page .orgs > p,
    body.b2b-newui-app .solutions-page .foundation > p,
    body.b2b-newui-app .solutions-page .ready > p {
        font-weight: 400;
        margin-top: 12px;
        font-size: 16px;
        line-height: 24px;
    }
body.b2b-newui-app .solutions-page .layers__stack {
  display: grid;
  gap: 48px;
  }
body.b2b-newui-app .solutions-page .layers__stack img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  }
    body.b2b-newui-app .solutions-page .orgs,
    body.b2b-newui-app .solutions-page .studio,
    body.b2b-newui-app .solutions-page .foundation,
    body.b2b-newui-app .solutions-page .ready,
    body.b2b-newui-app main.solutions-page .orgs,
    body.b2b-newui-app main.solutions-page .studio,
    body.b2b-newui-app main.solutions-page .foundation,
    body.b2b-newui-app main.solutions-page .ready {
        box-sizing: border-box;
        width: 100%;
        max-width: 1440px;
        margin-inline: auto;
        padding: 80px 0;
    }

    body.b2b-newui-app .solutions-page .orgs,
    body.b2b-newui-app main.solutions-page .orgs {
        padding: 40px 0;
    }
    /*body.b2b-newui-app .solutions-page .studio,
    body.b2b-newui-app main.solutions-page .studio {*/
        /*        padding-block: 62px;*/
        /*padding: 40px 0;
    }*/

html[dir="rtl"] body.b2b-newui-app .solutions-page .studio,
html[dir="rtl"] body.b2b-newui-app main.solutions-page .studio {
    direction: rtl;
    text-align: right;
}

body.b2b-newui-app .solutions-page .foundation,
body.b2b-newui-app main.solutions-page .foundation {
    padding-block: 32px;
}

body.b2b-newui-app .solutions-page .ready,
body.b2b-newui-app main.solutions-page .ready {
    padding-block: 8px;
}
body.b2b-newui-app .solutions-page .orgs,
body.b2b-newui-app .solutions-page .foundation,
body.b2b-newui-app .solutions-page .ready {
  text-align: center;
  }
body.b2b-newui-app .solutions-page .orgs > p,
body.b2b-newui-app .solutions-page .foundation > p,
body.b2b-newui-app .solutions-page .ready > p {
  max-width: 760px;
  margin-inline: auto;
  }
body.b2b-newui-app .solutions-page .orgs__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-top: 48px;
  text-align: center;
  }
body.b2b-newui-app .solutions-page .orgs article {
    width: min(380.5px, calc((100% - 40px) / 3));
    padding: 36px 28px;
    border-radius: 16px;
    background: #fff;
    min-height: 144px;
    box-shadow: 0 4px 22px rgb(0 0 0 / 0.08);
}
body.b2b-newui-app .solutions-page .orgs h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.6px;
  text-transform: uppercase;
  }
body.b2b-newui-app .solutions-page .orgs article p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 22px;
  }
body.b2b-newui-app .solutions-page .studio {
  text-align: left;
  }
body.b2b-newui-app .solutions-page .studio h2,
body.b2b-newui-app main.solutions-page .studio h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -2.4px;
  }
html[dir="rtl"] body.b2b-newui-app .solutions-page .studio h2,
body.b2b-newui-app main.solutions-page .studio h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 57.6px;
    letter-spacing: -2.4px;
    margin-bottom: -79px;
    width: 788px;
}
body.b2b-newui-app .solutions-page .studio h2 em,
body.b2b-newui-app main.solutions-page .studio h2 em {
  color: var(--green-700);
  font-style: normal;
  }
body.b2b-newui-app .solutions-page .studio__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
  margin-top: 40px;
  }
html[dir="rtl"]
body.b2b-newui-app .solutions-page .studio__row {
    display: grid;
    grid-template-columns: 788px 1fr;
    gap: 32px;
    align-items: center;
    margin-top: 40px;
}
body.b2b-newui-app .solutions-page .studio ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0;
  list-style: none;
  }
body.b2b-newui-app .solutions-page .studio li {
    flex: 1 1 310px;
    padding: 22px 16px;
    color: var(--text);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 22px rgb(0 0 0 / 0.08);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
}
body.b2b-newui-app .solutions-page .studio li:last-child {
  flex-basis: 100%;
  max-width: 380px;
  margin-inline: auto;
  }
body.b2b-newui-app .solutions-page .studio img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  border-radius: 16px;
  }
body.b2b-newui-app .solutions-page .foundation__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
  text-align: left;
  }
html[dir="rtl"] body.b2b-newui-app .solutions-page .foundation__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 48px;
    text-align: right;
}
body.b2b-newui-app .solutions-page .foundation article {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background: #fff;
  }
body.b2b-newui-app .solutions-page .foundation article > img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  }
body.b2b-newui-app .solutions-page .foundation article > div {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  }
body.b2b-newui-app .solutions-page .foundation h3 {
    color: #002823;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
}
body.b2b-newui-app .solutions-page .foundation article p {
    margin-top: 8px;
    color: #013931;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
body.b2b-newui-app .solutions-page .foundation ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
  margin-top: 16px;
  padding: 0;
  list-style: none;
  }
body.b2b-newui-app .solutions-page .foundation li {
  display: inline-flex;
  width: auto;
  flex: 0 0 auto;
  align-items: center;
  padding: 4px 10px;
  color: #fff;
  border-radius: 400px;
  background: #00a80a;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 16px;
  text-transform: uppercase;
  white-space: nowrap;
  }
body.b2b-newui-app .solutions-page .foundation a {
  margin-top: auto;
  padding-top: 16px;
  color: #00a80a;
  border-top: 0;
  font-size: 14px;
  font-weight: 500;
  }
body.b2b-newui-app .solutions-page .ready__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 48px;
  text-align: left;
  }
body.b2b-newui-app .solutions-page .ready figure {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  }
body.b2b-newui-app .solutions-page .ready figure img {
  width: 100%;
  height: 100%;
  min-height: 480px;
  object-fit: cover;
  }
body.b2b-newui-app .solutions-page .form {
  padding: 20px 32px;
  border-radius: 16px;
  background: #e4f9e6;
  }
body.b2b-newui-app .solutions-page .form h3 {
  font-size: 24px;
  font-weight: 500;
  }
body.b2b-newui-app .solutions-page .form > p {
  margin: 8px 0 16px;
  font-size: 14px;
  line-height: 20px;
  }
body.b2b-newui-app .solutions-page .form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  }
body.b2b-newui-app .solutions-page .form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  }
body.b2b-newui-app .solutions-page .form input,
body.b2b-newui-app .solutions-page .form select,
body.b2b-newui-app .solutions-page .form textarea {
  width: 100%;
  padding: 12px 14px;
  color: var(--text);
  border: 1px solid #c9d4d2;
  border-radius: 10px;
  background: #fff;
  font: inherit;
  }
body.b2b-newui-app .solutions-page .form textarea {
  min-height: 72px;
  resize: vertical;
  }
body.b2b-newui-app .solutions-page .phone {
  display: flex;
  overflow: hidden;
  border: 1px solid #c9d4d2;
  border-radius: 10px;
  background: #fff;
  }
body.b2b-newui-app .solutions-page .phone span {
  display: grid;
  place-items: center;
  padding: 0 12px;
  border-right: 1px solid #c9d4d2;
  white-space: nowrap;
  }
body.b2b-newui-app .solutions-page .phone input {
  border: 0;
  }
body.b2b-newui-app .solutions-page .form__wide {
  grid-column: 1 / -1;
  }
body.b2b-newui-app .solutions-page .form small {
  align-self: flex-end;
  color: #33605a;
  }
body.b2b-newui-app .solutions-page .form button {
  width: 100%;
  margin-top: 12px;
  padding: 16px;
  color: #fff;
  border: 0;
  border-radius: 10px;
  background: var(--dark-500);
  font: inherit;
  font-weight: 500;
  }

@media (max-width: 1100px) {
    body.b2b-newui-app .solutions-page .hero,
    body.b2b-newui-app main.solutions-page .hero {
        height: auto;
        min-height: 280px;
    }

    body.b2b-newui-app .solutions-page .stats,
    body.b2b-newui-app main.solutions-page .stats {
        height: auto;
        margin: 48px 24px 0;
        padding: 24px;
    }

    body.b2b-newui-app .solutions-page .layers,
    body.b2b-newui-app main.solutions-page .layers {
        padding: 64px 24px 32px;
        gap: 32px;
    }

    body.b2b-newui-app .solutions-page .stats,
    body.b2b-newui-app .solutions-page .layers,
    body.b2b-newui-app .solutions-page .orgs,
    body.b2b-newui-app .solutions-page .studio,
    body.b2b-newui-app .solutions-page .foundation,
    body.b2b-newui-app .solutions-page .ready,
    body.b2b-newui-app main.solutions-page .stats,
    body.b2b-newui-app main.solutions-page .layers,
    body.b2b-newui-app main.solutions-page .orgs,
    body.b2b-newui-app main.solutions-page .studio,
    body.b2b-newui-app main.solutions-page .foundation,
    body.b2b-newui-app main.solutions-page .ready {
        padding-inline: 24px;
    }

    body.b2b-newui-app .solutions-page .orgs,
    body.b2b-newui-app main.solutions-page .orgs {
        padding-block: 64px;
    }

    body.b2b-newui-app .solutions-page .stats,
    body.b2b-newui-app .solutions-page .layers,
    body.b2b-newui-app .solutions-page .studio__row,
    body.b2b-newui-app .solutions-page .foundation__grid,
    body.b2b-newui-app .solutions-page .ready__row,
    body.b2b-newui-app .solutions-page .form__grid,
    body.b2b-newui-app main.solutions-page .stats,
    body.b2b-newui-app main.solutions-page .layers,
    body.b2b-newui-app main.solutions-page .studio__row,
    body.b2b-newui-app main.solutions-page .foundation__grid,
    body.b2b-newui-app main.solutions-page .ready__row,
    body.b2b-newui-app main.solutions-page .form__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.b2b-newui-app .solutions-page .orgs article,
    body.b2b-newui-app main.solutions-page .orgs article {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    body.b2b-newui-app .solutions-page .studio img,
    body.b2b-newui-app main.solutions-page .studio img {
        height: auto;
        min-height: 260px;
    }

    body.b2b-newui-app .solutions-page .ready figure img,
    body.b2b-newui-app main.solutions-page .ready figure img {
        min-height: 360px;
    }
}

@media (max-width: 720px) {
    body.b2b-newui-app .solutions-page .hero,
    body.b2b-newui-app main.solutions-page .hero {
        height: auto;
        min-height: 0;
        aspect-ratio: 1440 / 398;
    }

    body.b2b-newui-app .solutions-page .stats,
    body.b2b-newui-app main.solutions-page .stats {
        margin: 32px 16px 0;
        padding: 20px 16px;
    }

    body.b2b-newui-app .solutions-page .layers,
    body.b2b-newui-app main.solutions-page .layers {
        padding: 48px 16px 24px;
    }

    body.b2b-newui-app .solutions-page .stats,
    body.b2b-newui-app .solutions-page .layers,
    body.b2b-newui-app .solutions-page .orgs,
    body.b2b-newui-app .solutions-page .studio,
    body.b2b-newui-app .solutions-page .foundation,
    body.b2b-newui-app .solutions-page .ready,
    body.b2b-newui-app main.solutions-page .stats,
    body.b2b-newui-app main.solutions-page .layers,
    body.b2b-newui-app main.solutions-page .orgs,
    body.b2b-newui-app main.solutions-page .studio,
    body.b2b-newui-app main.solutions-page .foundation,
    body.b2b-newui-app main.solutions-page .ready {
        padding-inline: 16px;
    }

    body.b2b-newui-app .solutions-page .stats article,
    body.b2b-newui-app main.solutions-page .stats article {
        border-left: 0;
        padding: 16px 0;
        border-top: 1px solid var(--green-700);
    }

    body.b2b-newui-app .solutions-page .stats article:first-child,
    body.b2b-newui-app main.solutions-page .stats article:first-child {
        border-top: 0;
    }

    body.b2b-newui-app .solutions-page .layers h2,
    body.b2b-newui-app .solutions-page #benefitsTitle,
    body.b2b-newui-app .solutions-page .orgs h2,
    body.b2b-newui-app .solutions-page .studio h2,
    body.b2b-newui-app .solutions-page .foundation h2,
    body.b2b-newui-app .solutions-page .ready h2,
    body.b2b-newui-app main.solutions-page .layers h2,
    body.b2b-newui-app main.solutions-page #benefitsTitle,
    body.b2b-newui-app main.solutions-page .orgs h2,
    body.b2b-newui-app main.solutions-page .studio h2,
    body.b2b-newui-app main.solutions-page .foundation h2,
    body.b2b-newui-app main.solutions-page .ready h2 {
        font-size: 32px;
        line-height: 38px;
        letter-spacing: -1px;
    }

    body.b2b-newui-app .solutions-page .stats h2,
    body.b2b-newui-app main.solutions-page .stats h2 {
        font-size: 28px;
        line-height: 32px;
    }

    body.b2b-newui-app .solutions-page .studio li,
    body.b2b-newui-app main.solutions-page .studio li {
        flex: 1 1 100%;
    }

    body.b2b-newui-app .solutions-page .ready figure img,
    body.b2b-newui-app main.solutions-page .ready figure img {
        min-height: 280px;
    }

    body.b2b-newui-app .solutions-page .form,
    body.b2b-newui-app main.solutions-page .form {
        padding: 16px;
    }
}

@media (max-width: 900px) {
    body.b2b-newui-app:has(.solutions-page) .request__media,
    body.b2b-newui-app .solutions-page .request__media,
    body.b2b-newui-app main.solutions-page .request__media {
        position: relative;
        width: 100vw;
        margin-left: calc(50% - 50vw);
    }

    body.b2b-newui-app:has(.solutions-page) .request__media img,
    body.b2b-newui-app .solutions-page .request__media img,
    body.b2b-newui-app main.solutions-page .request__media img {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        max-width: none;
        display: block;
        object-fit: cover;
        object-position: center;
    }
}

body.b2b-newui-app > main.solutions-page section.foundation .foundation__grid article,
body.b2b-newui-app .solutions-page section.foundation .foundation__grid article {
    border: 1px solid #e8eeed;
    box-shadow: 0 4px 16px rgb(33 56 49 / 0.08);
}

body.b2b-newui-app > main.solutions-page section.foundation .foundation__grid article > div > a,
body.b2b-newui-app .solutions-page section.foundation .foundation__grid article > div > a {
    align-self: stretch;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #e8edeb;
}

body.b2b-newui-app .faq-tab {
    position: relative;
    z-index: 1;
    cursor: pointer;
    pointer-events: auto;
}

body.b2b-newui-app .faq-item[hidden],
body.b2b-newui-app .faq-item.is-hidden {
    display: none;
}

body.b2b-newui-app .request {
    padding: 40px 0 90px;
    background: #fff;
}
html[dir="rtl"] body.b2b-newui-app .request {
    padding: 90px 0 90px;
    background: #fff;
}

/*body.b2b-newui-app .request__heading {
    max-width: 760px;
    margin: 0 auto 40px;
    text-align: center;
}
*/
body.b2b-newui-app .request__heading h2 em {
    color: #00a80a;
    font-style: normal;
}

    body.b2b-newui-app .request__heading p {
        font-size: 16px;
        line-height: 24px;

    }

body.b2b-newui-app .request__layout {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 24px;
}

body.b2b-newui-app .request__media {
    position: relative;
    width: 506px;
    height: 592px;
    flex: 0 0 506px;
    overflow: hidden;
    border-radius: 32px;
    background: #01231f;
    margin:0;
}

body.b2b-newui-app :where(.request) .request__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center top;
}

body.b2b-newui-app .request__media figcaption {
    z-index: 1;
    letter-spacing: -1.2px;
}

body.b2b-newui-app .request__form-intro {
    display: flex;
    width: 652px;
    max-width: 100%;
    flex-direction: column;
    gap: 8px;
}

body.b2b-newui-app .request__form h3 {
    width: 652px;
    max-width: 100%;
    color: #002823;
    font-size: 48px;
    font-weight: 500;
    line-height: 58px;
    letter-spacing: -2.4px;
}

body.b2b-newui-app :where(.request) .form-grid {
    display: grid;
    grid-template-columns: 316.5px 316.5px;
    gap: 16px 19px;
}

body.b2b-newui-app :where(.request) .form-grid label > span {
    color: #646b63;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

body.b2b-newui-app :where(.request) .form-grid label em,
body.b2b-newui-app :where(.request) .form-grid label i {
    color: #d92d20;
    font-style: normal;
}

body.b2b-newui-app :where(.request) .form-grid textarea {
/*    width: 652px;*/
    height: 128px;
    resize: none;
}

body.b2b-newui-app :where(.request) .form-grid small {
    align-self: flex-end;
    color: #6b7c78;
    font-size: 12px;
}


body.b2b-newui-app :where(.request) .phone-field select,
body.b2b-newui-app :where(.request) .phone-field input {
    width: 100%;
    height: 50px;
    padding: 16px 12px 15px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.b2b-newui-app :where(.request) .phone-field select {
    padding-right: 8px;
    border-right: 1px solid #e6ebea;
}

body.b2b-newui-app :where(.request) .form-actions {
    margin-top: auto;
}

/*body.b2b-newui-app :where(.request) .submit-btn {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 56px;
    padding: 0;
    color: #fff;
    border: 0;
    border-radius: 999px;
    background: #003831;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}*/

@media (max-width: 1100px) {
    body.b2b-newui-app .request {
        padding: 24px 24px 64px;
    }

    body.b2b-newui-app .request__layout {
        flex-direction: column;
        align-items: stretch;
    }

    body.b2b-newui-app .request__media,
    body.b2b-newui-app .request__form {
        width: 100%;
        flex: 1 1 auto;
    }

    body.b2b-newui-app .request__media {
        height: 420px;
    }

    body.b2b-newui-app .request__form {
        min-height: 0;
    }

    body.b2b-newui-app .request__form-intro,
    body.b2b-newui-app .request__form h3,
    body.b2b-newui-app .request__form > p,
    body.b2b-newui-app .request__form-intro p {
        width: 100%;
        height: auto;
    }

    body.b2b-newui-app .request__form h3 {
        font-size: 36px;
        line-height: 42px;
    }

    body.b2b-newui-app :where(.request) .form-grid {
        grid-template-columns: 1fr;
    }

    body.b2b-newui-app :where(.request) .form-grid input,
    body.b2b-newui-app :where(.request) .form-grid select,
    body.b2b-newui-app :where(.request) .form-grid textarea,
    body.b2b-newui-app :where(.request) .phone-field {
        width: 100%;
    }
}

@media (max-width: 720px) {
    body.b2b-newui-app .request {
        padding: 16px 16px 48px;
    }

    body.b2b-newui-app .request__media {
        height: 280px;
        border-radius: 20px;
        width: 89%;
        margin: 0 auto;
    }

    body.b2b-newui-app .request__media figcaption {
        left: 16px;
        right: 16px;
        bottom: 16px;
        font-size: 16px;
        line-height: 22px;
    }

    body.b2b-newui-app .request__form {
        padding: 24px 16px;
        gap: 24px;
    }

    body.b2b-newui-app .request__form h3 {
        font-size: 28px;
        line-height: 34px;
    }

    body.b2b-newui-app :where(.request) .phone-field {
        grid-template-columns: 80px 1fr;
    }
}

html[dir="rtl"] .business-objective-hero__inner,
html[lang="ar"] .business-objective-hero__inner,
main[lang="ar"] .business-objective-hero__inner {
    text-align: right;
}

/*html[dir="rtl"] .business-objective-section-heading,
html[lang="ar"] .business-objective-section-heading,
main[lang="ar"] .business-objective-section-heading {
    text-align: right;
}
*/
/*html[dir="rtl"] .business-objective-solution-grid,
html[lang="ar"] .business-objective-solution-grid,
main[lang="ar"] .business-objective-solution-grid {
    direction: ltr;
}*/

html[dir="rtl"] .business-objective-solution-card__content,
html[lang="ar"] .business-objective-solution-card__content,
main[lang="ar"] .business-objective-solution-card__content {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .trust .metric,
html[lang="ar"] .trust .metric,
main[lang="ar"] .trust .metric {
    border-left: 0;
    border-right: 1px solid rgba(0, 185, 45, 0.45);
}

@media (max-width: 900px) {
    html[dir="rtl"] .trust .metric,
    html[lang="ar"] .trust .metric,
    main[lang="ar"] .trust .metric,
    html[dir="rtl"] .trust .metric:last-child,
    html[lang="ar"] .trust .metric:last-child,
    main[lang="ar"] .trust .metric:last-child {
        border-left: 0;
        border-right: 0;
    }
}

body.b2b-newui-app.bo-page .eyebrow:not(.eyebrow--onImage) {
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: -0.17px;
    text-transform: none;
}

html[dir="rtl"] body.b2b-newui-app.bo-page nav.breadcrumb img,
html[lang="ar"] body.b2b-newui-app.bo-page nav.breadcrumb img,
html[dir="rtl"] body.b2b-newui-app .b2b-newui-html-body nav.breadcrumb img,
html[lang="ar"] body.b2b-newui-app .b2b-newui-html-body nav.breadcrumb img,
html[dir="rtl"] body.b2b-newui-app .selected-products nav.breadcrumb img,
html[lang="ar"] body.b2b-newui-app .selected-products nav.breadcrumb img,
html[dir="rtl"] body.b2b-newui-app main.selected-products nav.breadcrumb img,
html[lang="ar"] body.b2b-newui-app main.selected-products nav.breadcrumb img,
html[dir="rtl"] body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb img,
html[lang="ar"] body.b2b-newui-app .selected-products:has(.basket) nav.breadcrumb img,
html[dir="rtl"] body.b2b-newui-app .selected-products:has(.basket) .breadcrumb img,
html[lang="ar"] body.b2b-newui-app .selected-products:has(.basket) .breadcrumb img,
html[dir="rtl"] body.b2b-newui-app .b2b-newui-form-page nav.breadcrumb img,
html[lang="ar"] body.b2b-newui-app .b2b-newui-form-page nav.breadcrumb img,
html[dir="rtl"] .business-objective-solution-card a img,
html[lang="ar"] .business-objective-solution-card a img,
main[lang="ar"] .business-objective-solution-card a img
html[dir="rtl"] .connect-card__link svg,
html[lang="ar"] .connect-card__link svg,
main[lang="ar"] .connect-card__link svg {
    transform: scaleX(-1);
}

html[dir="rtl"] .product-families__bottom .product-card__content p {
    width: 59%;
}
html[dir="rtl"] body.b2b-newui-app:has(.b2b-campaign-page) section.cta .link-more svg,
html[lang="ar"] body.b2b-newui-app:has(.b2b-campaign-page) section.cta .link-more svg {
    transform: scaleX(1);
}

html[dir="rtl"] .cta__box,
html[lang="ar"] .cta__box,
main[lang="ar"] .cta__box {
    direction: rtl;
    background-position: left;
}

html[dir="rtl"] .cta__img,
html[lang="ar"] .cta__img,
main[lang="ar"] .cta__img {
    inset: 0 26.7% 0 27.6%;
    clip-path: polygon(0 0, 86% 0, 100% 100%, 0 100%);
}

html[dir="rtl"] .cta__panel,
html[lang="ar"] .cta__panel,
main[lang="ar"] .cta__panel {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .cta__list,
html[lang="ar"] .cta__list,
main[lang="ar"] .cta__list {
    direction: rtl;
}

@media (max-width: 1180px) {
    html[dir="rtl"] .cta__img,
    html[lang="ar"] .cta__img,
    main[lang="ar"] .cta__img {
        inset: 0 auto 0 34%;
        clip-path: polygon(0 0, 78% 0, 100% 100%, 0 100%);
    }
}


html:has(body.b2b-newui-app > .solutions-page),
html:has(body.b2b-newui-app > main.solutions-page) {
    overflow-x: clip;
    overscroll-behavior: none;
}

body.b2b-newui-app:has(> .solutions-page),
body.b2b-newui-app:has(> main.solutions-page) {
    overflow-x: clip;
    overscroll-behavior-y: none;
}

/*body.b2b-newui-app:has(.solutions-page) .request__media figcaption {
    position: absolute;
    z-index: 2;
    left: 32px;
    right: 32px;
    bottom: 32px;
    margin: 0;
    color: #f2f5f5;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -1.2px;
    text-align: left;
}*/

@media (max-width: 720px) {
/*    body.b2b-newui-app:has(.solutions-page) .request__media figcaption {
        left: 16px;
        right: 16px;
        bottom: 16px;
        font-size: 16px;
        line-height: 22px;
    }*/
    body.b2b-newui-app:not(:has(.hero.home-banner)) > main:not(#main):not(.b2b-newui-main), body.b2b-newui-app:not(:has(.hero.home-banner)) > main:not(.b2b-newui-main) {
        padding-top: var(--mobile-header-h);
        margin: 0;
    }

    body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) .b2b-newui-main > .b2b-newui-blocks,
    body.b2b-newui-app:not(.b2b-newui-home-hero):not(:has(.hero.home-banner)) > .b2b-newui-blocks {
        padding-top: var(--mobile-header-h);
    }
}

/* B2B New UI Form Container — EPiServer field wrappers + validation shake */
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block {
    display: block;
    box-sizing: border-box;
    min-width: 0;
    grid-column: span 1;
    width: 100%;
    max-width: 100%;
}

    body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.full-width {
        grid-column: 1 / -1;
        width: 652px;
        max-width: 100%;
    }

    body.b2b-newui-app .b2b-newui-form-page .form-grid > .block:has(.form-actions),
    body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bnewuisubmitbuttonelementblock {
        grid-column: 1 / -1;
        width: 100%;
        max-width: 100%;
    }


body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bnewuiformheadingblock,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bformheadingblock {
    display: block;
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bnewuiformheadingblock.half-width,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bnewuiformheadingblock.full-width,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bformheadingblock.half-width,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bformheadingblock.full-width {
    grid-column: 1 / -1;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid > .block > .b2b-newui-field,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .block > .Form__Element.b2b-newui-field,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .b2b-newui-field,
body.b2b-newui-app .b2b-newui-form-page .form-grid > .Form__Element.b2b-newui-field {
    display: contents;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid .b2b-newui-form-heading-inner.form-grid__full,
body.b2b-newui-app .b2b-newui-form-page .form-grid .b2b-newui-label.form-grid__full,
body.b2b-newui-app .b2b-newui-form-page .form-grid .b2b-newui-choice-field.form-grid__full,
body.b2b-newui-app .b2b-newui-form-page .form-grid .b2b-newui-file-field.form-grid__full {
    grid-column: 1 / -1;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid .b2b-newui-label {
    min-width: 0;
}

body.b2b-newui-app .b2b-newui-form-page .EPiServerForms .Form__Element {
    margin: 0;
}

body.b2b-newui-app .b2b-newui-form-page .EPiServerForms.ValidationFail {
    color: inherit;
}

@keyframes b2b-newui-field-shake {
    0%,
    100% {
        transform: translateX(0);
    }

    20%,
    60% {
        transform: translateX(-5px);
    }

    40%,
    80% {
        transform: translateX(5px);
    }
}

@media (prefers-reduced-motion: no-preference) {
    body.b2b-newui-app .b2b-newui-form-page .b2b-newui-label.is-shaking,
    body.b2b-newui-app .b2b-newui-form-page .b2b-newui-choice-field.is-shaking,
    body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-field.is-shaking {
        animation: b2b-newui-field-shake 0.42s ease;
    }
}

/* B2B New UI Form — choice / radio (request-a-call pattern) */
body.b2b-newui-app .b2b-newui-form-page .b2b-newui-choice-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-choice-label {
    color: #646b63;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-choice-label i {
    color: #d92d20;
    font-style: normal;
}

body.b2b-newui-app .b2b-newui-form-page .form-radio-group,
body.b2b-newui-app .b2b-newui-form-page .form-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .form-radio-button,
body.b2b-newui-app .b2b-newui-form-page .form-checkbox-button {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 12px 16px;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    position: relative;
}

body.b2b-newui-app .b2b-newui-form-page .form-radio-button .FormChoice__Input,
body.b2b-newui-app .b2b-newui-form-page .form-checkbox-button .FormChoice__Input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.b2b-newui-app .b2b-newui-form-page .form-radio-circle {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 2px solid #8a9b97;
    border-radius: 50%;
    background: #fff;
}

body.b2b-newui-app .b2b-newui-form-page .form-radio-button:has(.FormChoice__Input:checked) .form-radio-circle {
    border-color: #01a809;
    box-shadow: inset 0 0 0 5px #01a809;
}

body.b2b-newui-app .b2b-newui-form-page .form-radio-label,
body.b2b-newui-app .b2b-newui-form-page .form-checkbox-label {
    position: static;
    flex: 1;
    color: #002823;
    font-size: 16px;
    line-height: 24px;
}

body.b2b-newui-app .b2b-newui-form-page .form-field .form-radio-label {
    top: auto;
    left: auto;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-choice-field:has(.Form__Element__ValidationError:not(:empty)) .form-radio-button,
body.b2b-newui-app .b2b-newui-form-page .b2b-newui-choice-field:has(.Form__Element__ValidationError:not(:empty)) .form-checkbox-button {
    box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bchoiceelementblock .form-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-column: 1 / -1;
    min-width: 0;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bchoiceelementblock > .FormChoice {
    display: contents;
}

body.b2b-newui-app .b2b-newui-form-page .form-grid > .block.b2bchoiceelementblock .form-field > label:first-child {
    color: #646b63;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    height: 100%;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-label {
    color: #646b63;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-label i {
    color: #d92d20;
    font-style: normal;
}
/*
body.b2b-newui-app .b2b-newui-form-page .b2b-newui-upload-box {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: var(--b2b-newui-textarea-min-height, 224px);
    margin: 0;
    padding: 32px 20px;
    border: 2px dashed #9ec5bc;
    border-radius: 14px;
    background: #fff;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}*/

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-upload-box:hover {
    background: #f7fbfa;
    border-color: #6fae9f;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-upload-box .FormFileUpload__Input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-upload-box .upload-text .highlight {
    color: #01a809;
    font-weight: 600;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-field:has(.Form__Element__ValidationError:not(:empty)) .b2b-newui-upload-box {
    box-shadow: inset 0 0 0 1px #d92d20;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-preview,
body.b2b-newui-app .b2b-newui-form-page #file-preview {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin-top: 12px;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-preview:empty,
body.b2b-newui-app .b2b-newui-form-page #file-preview:empty {
    display: none;
    margin-top: 0;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-row,
body.b2b-newui-app .b2b-newui-form-page .file-row {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #fff;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-row .file-name,
body.b2b-newui-app .b2b-newui-form-page .file-row .file-name {
    flex: 1 1 auto;
    min-width: 0;
    color: #002823;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-row .remove-btn,
body.b2b-newui-app .b2b-newui-form-page .file-row .remove-btn {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #d92d20;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
}

body.b2b-newui-app .b2b-newui-form-page .b2b-newui-file-row .remove-btn:hover,
body.b2b-newui-app .b2b-newui-form-page .file-row .remove-btn:hover {
    background: #b42318;
}

/* ——— B2B page breadcrumb bar (nav.breadcrumb outside hero) ——— */
body.b2b-newui-app.bo-page.pf2-page nav.breadcrumb,
body.b2b-newui-app.bo-page nav.breadcrumb {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 69px;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0 64px;
    color: #f2f5f5;
    background: var(--header, #002923);
    font-family: var(--font-b2b);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: none;
}
html[dir="rtl"] body.b2b-newui-app.bo-page.pf2-page nav.breadcrumb,
body.b2b-newui-app.bo-page nav.breadcrumb {
    font-size: 15px;
    font-weight: 500;
}
    body .b2b-newui-app.bo-page.pf2-page nav.breadcrumb a, body.b2b-newui-app.bo-page nav.breadcrumb a {
        color: #f2f5f5;
        text-decoration: none;
    }
    html[dir="rtl"] body .b2b-newui-app.bo-page.pf2-page nav.breadcrumb a, body.b2b-newui-app.bo-page nav.breadcrumb a {
        color: #14911A;
        text-decoration: none;
    }

body.b2b-newui-app.bo-page.pf2-page nav.breadcrumb a:hover,
body.b2b-newui-app.bo-page nav.breadcrumb a:hover {
    color: var(--green-500, #01ec0d);
}

body.b2b-newui-app.bo-page.pf2-page nav.breadcrumb img,
body.b2b-newui-app.bo-page nav.breadcrumb img {
    display: block;
    width: 18px;
    height: 18px;
    flex: none;
    max-width: none;
    object-fit: contain;
}

body.b2b-newui-app.bo-page.pf2-page nav.breadcrumb span,
body.b2b-newui-app.bo-page nav.breadcrumb span {
    color: var(--green-500, #01ec0d);
}

html[lang="ar"] body.b2b-newui-app.bo-page nav.breadcrumb,
html[dir="rtl"] body.b2b-newui-app.bo-page nav.breadcrumb,
html[lang="ar"] body.b2b-newui-app.bo-page.pf2-page nav.breadcrumb,
html[dir="rtl"] body.b2b-newui-app.bo-page.pf2-page nav.breadcrumb {
    direction: rtl;
    letter-spacing: 0;
    text-transform: none;
}

/* ==========================================================================
   Figma typography lock — B2B CMS HTML (EN base; AR mirrors below)
   Home · Product Family · Business Objective · Selected Products
   Help & Support · Solutions · SME · Internet Connectivity
   ========================================================================== */

body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-hero__title {
    font-size: 48px;
    font-weight: 500;
    line-height: 57.6px;
    letter-spacing: -2.4px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-hero__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .intro h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-section-heading:not(.benefits__heading) h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -2.4px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .intro p,
body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-section-heading > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/* Page-level HTMLCSS sometimes hides .business-objective-section-heading globally; keep HTML Body intros visible */
body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-section-heading:not(.benefits__heading) {
    display: flex !important;
    align-items: flex-start;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .catalog .product-card__title,
body.b2b-newui-app.bo-page .b2b-newui-html-body section.catalog .product-card__title,
body.b2b-newui-app.bo-page .b2b-newui-html-body .catalog .product-card h3,
body.b2b-newui-app.bo-page .b2b-newui-html-body section.catalog .product-card h3,
body.b2b-newui-app.bo-page.pf2-page .catalog .product-card__title,
body.b2b-newui-app.bo-page.pf2-page .catalog .product-card h3,
body.b2b-newui-app.bo-page .pf2-page .catalog .product-card__title,
body.b2b-newui-app.bo-page .pf2-page .catalog .product-card h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.6px;
    color: #003931;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body section.catalog .product-card__text,
body.b2b-newui-app.bo-page .b2b-newui-html-body section.catalog .product-card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .tabs__btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .benefits h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body .benefits__intro h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body .benefits__intro .business-objective-section-heading h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body .benefits__heading.business-objective-section-heading h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body #benefitsTitle {
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -2.4px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .benefit-card__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .benefit-card__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .connect__title,
body.b2b-newui-app.bo-page .b2b-newui-html-body .connect__title em {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.96px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .connect__lead {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .connect-card__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.4px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .connect-card__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body > main:has(> section.faq):not(:has(> section.catalog)) .hero h1,
body.b2b-newui-app.bo-page .b2b-newui-html-body .help-support .hero h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -1.6px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .faq h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body .contact__heading h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -1.6px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .faq-item__question span {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .faq-item__answer p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .contact-card h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .contact-card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .selected-products .hero h1,
body.b2b-newui-app.bo-page .b2b-newui-html-body main.selected-products .hero h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -1.6px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .selected-products .product-card h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body main.selected-products .product-card h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body .basket .product-card h2 {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .selected-products .request__heading h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body main.selected-products .request__heading h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -1.6px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .layers h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .orgs h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .studio h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .foundation h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .ready h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body main.solutions-page .layers h2,
body.b2b-newui-app.bo-page .b2b-newui-html-body main.solutions-page #benefitsTitle {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -2.4px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .stats h2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.54px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .eyebrow {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .internet-connectivity .features__grid h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .stats__label,
body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .stats p:last-child {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .layers__copy p,
body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .foundation > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .internet-connectivity .hero h1,
body.b2b-newui-app.bo-page .b2b-newui-html-body .sme-landing .hero h1 {
    font-size: 48px;
    font-weight: 500;
    line-height: 56px;
    letter-spacing: -2.4px;
}
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .internet-connectivity .hero h1,
body.b2b-newui-app.bo-page .b2b-newui-html-body .sme-landing .hero h1 {
    padding-top: 50px
}
    body .b2b-newui-app.bo-page .b2b-newui-html-body .internet-connectivity .features h2, body.b2b-newui-app.bo-page .b2b-newui-html-body .internet-connectivity .faq h2, body.b2b-newui-app.bo-page .b2b-newui-html-body .sme-landing .needs h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families__intro h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -2.4px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families .product-card h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families .product-card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .hero__title,
body.b2b-newui-app.bo-page .b2b-newui-html-body .home-banner .hero__title {
    font-size: clamp(32px, 4.4vw, 48px);
    font-weight: 500;
    line-height: 57.6px;
    letter-spacing: -2.4px;
}

body.b2b-newui-app.bo-page .b2b-newui-html-body .hero__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width: 720px) {
    body.b2b-newui-app.bo-page .b2b-newui-html-body > main:has(> section.faq):not(:has(> section.catalog)) .hero h1,
    body.b2b-newui-app.bo-page .b2b-newui-html-body .help-support .hero h1,
    body.b2b-newui-app.bo-page .b2b-newui-html-body .faq h2,
    body.b2b-newui-app.bo-page .b2b-newui-html-body .intro h2,
    body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-section-heading h2,
    body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families__intro h2 {
        font-size: 32px;
        font-weight: 500;
        line-height: 38px;
        letter-spacing: -1.2px;
    }
}

/* Arabic / RTL — Figma typography lock (same px & weight as EN; letter-spacing 0) */
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-hero__title,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-hero__title {
    font-size: 48px;
    font-weight: 500;
    line-height: 57.6px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-hero__text,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-hero__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .intro h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .intro h2,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-section-heading:not(.benefits__heading) h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-section-heading:not(.benefits__heading) h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .intro p,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .intro p,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-section-heading > p,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-section-heading > p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .catalog .product-card__title,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .catalog .product-card__title,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body section.catalog .product-card__title,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body section.catalog .product-card__title,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .catalog .product-card h3,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .catalog .product-card h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .catalog .product-card__text,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .catalog .product-card__text,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .catalog .product-card p,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .catalog .product-card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .tabs__btn,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .tabs__btn {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .benefits h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .benefits h2,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .benefits__intro h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .benefits__intro h2,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body #benefitsTitle,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body #benefitsTitle {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .benefit-card__title,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .benefit-card__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .benefit-card__text,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .benefit-card__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .connect__title,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .connect__title,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .connect__title em,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .connect__title em {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .connect__lead,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .connect__lead {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .connect-card__title,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .connect-card__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .connect-card__text,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .connect-card__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body > main:has(> section.faq):not(:has(> section.catalog)) .hero h1,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body > main:has(> section.faq):not(:has(> section.catalog)) .hero h1,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .help-support .hero h1,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .help-support .hero h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .faq h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .faq h2,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .contact__heading h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .contact__heading h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .faq-item__question span,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .faq-item__question span {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .faq-item__answer p,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .faq-item__answer p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .contact-card h3,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .contact-card h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .contact-card p,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .contact-card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .selected-products .hero h1,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .selected-products .hero h1,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body main.selected-products .hero h1,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body main.selected-products .hero h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .selected-products .product-card h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .selected-products .product-card h2,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .basket .product-card h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .basket .product-card h2 {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .selected-products .request__heading h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .selected-products .request__heading h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .layers h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .layers h2,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .orgs h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .orgs h2,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .foundation h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .foundation h2,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .ready h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .ready h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .stats h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .solutions-page .stats h2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families__intro h2,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families__intro h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families .product-card h3,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families .product-card h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families .product-card p,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families .product-card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .hero__title,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .hero__title,
html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .home-banner .hero__title,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .home-banner .hero__title {
    font-size: clamp(32px, 4.4vw, 48px);
    font-weight: 500;
    line-height: 57.6px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .hero__text,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .hero__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-solution-card h3,
html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-solution-card h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0;
    font-family: var(--font-b2b);
}

@media (max-width: 720px) {
    html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body > main:has(> section.faq):not(:has(> section.catalog)) .hero h1,
    html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body > main:has(> section.faq):not(:has(> section.catalog)) .hero h1,
    html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .help-support .hero h1,
    html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .help-support .hero h1,
    html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .faq h2,
    html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .faq h2,
    html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .intro h2,
    html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .intro h2,
    html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-section-heading h2,
    html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .business-objective-section-heading h2,
    html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families__intro h2,
    html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .product-families__intro h2,
    html[lang="ar"] body.b2b-newui-app.bo-page .b2b-newui-html-body .benefits h2,
    html[dir="rtl"] body.b2b-newui-app.bo-page .b2b-newui-html-body .benefits h2 {
        font-size: 32px;
        font-weight: 500;
        line-height: 38px;
        letter-spacing: 0;
    }
}

html[lang="ar"] body.b2b-newui-app :where(
    .hero__eyebrow,
    .hero:has(.hero__bg) .hero__eyebrow,
    nav.breadcrumb,
    section.hero nav.breadcrumb,
    .business-objective-hero__breadcrumb,
    .story-card__tag
),
html[dir="rtl"] body.b2b-newui-app :where(
    .hero__eyebrow,
    .hero:has(.hero__bg) .hero__eyebrow,
    nav.breadcrumb,
    section.hero nav.breadcrumb,
    .business-objective-hero__breadcrumb,
    .story-card__tag
) {
    text-transform: none;
}

html[lang="ar"] body.b2b-newui-app .hero__title,
html[dir="rtl"] body.b2b-newui-app .hero__title {
    font-size: clamp(32px, 4.4vw, 48px);
    font-weight: 500;
    line-height: 57.6px;
    letter-spacing: 0;
}

html[lang="ar"] body.b2b-newui-app :where(.section-title, .product-families__intro h2, .solutions-heading, .sme-heading, .connect__title, .cta__title),
html[dir="rtl"] body.b2b-newui-app :where(.section-title, .product-families__intro h2, .solutions-heading, .sme-heading, .connect__title, .cta__title) {
    font-size: clamp(28px, 3.1vw, 40px);
    font-weight: 500;
    line-height: 48px;
}

html[lang="ar"] body.b2b-newui-app .section-lead,
html[lang="ar"] body.b2b-newui-app .section-description,
html[lang="ar"] body.b2b-newui-app .solutions-description,
html[lang="ar"] body.b2b-newui-app .sme-description,
html[lang="ar"] body.b2b-newui-app .hero__text,
html[lang="ar"] body.b2b-newui-app .connect__lead,
html[dir="rtl"] body.b2b-newui-app .section-lead,
html[dir="rtl"] body.b2b-newui-app .section-description,
html[dir="rtl"] body.b2b-newui-app .solutions-description,
html[dir="rtl"] body.b2b-newui-app .sme-description,
html[dir="rtl"] body.b2b-newui-app .hero__text,
html[dir="rtl"] body.b2b-newui-app .connect__lead {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

html[lang="ar"] body.b2b-newui-app .product-families .product-card h3,
html[dir="rtl"] body.b2b-newui-app .product-families .product-card h3 {
    font-size: 28px;
    font-weight: 500;
    line-height: 24px;
}

html[lang="ar"] body.b2b-newui-app .product-families .product-card p,
html[dir="rtl"] body.b2b-newui-app .product-families .product-card p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

html[lang="ar"] body.b2b-newui-app .en,
html[lang="ar"] body.b2b-newui-app .en *,
html[dir="rtl"] body.b2b-newui-app .en,
html[dir="rtl"] body.b2b-newui-app .en * {
    font-family: var(--font-b2b);
}

html[lang="ar"] body.b2b-newui-app .sme-landing .hero h1,
html[lang="ar"] body.b2b-newui-app .internet-connectivity .hero h1,
html[dir="rtl"] body.b2b-newui-app .sme-landing .hero h1,
html[dir="rtl"] body.b2b-newui-app .internet-connectivity .hero h1 {
    font-size: 48px;
    font-weight: 500;
    line-height: 56px;
    letter-spacing: 0;
    padding-top:50px;
}

html[lang="ar"] body.b2b-newui-app .internet-connectivity .features h2,
html[lang="ar"] body.b2b-newui-app .internet-connectivity #benefitsTitle,
html[lang="ar"] body.b2b-newui-app .internet-connectivity .faq h2,
html[dir="rtl"] body.b2b-newui-app .internet-connectivity .features h2,
html[dir="rtl"] body.b2b-newui-app .internet-connectivity #benefitsTitle,
html[dir="rtl"] body.b2b-newui-app .internet-connectivity .faq h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0;
}

/* Hero inset breadcrumbs — not the full-width header bar */
body.b2b-newui-app.bo-page section.hero nav.breadcrumb,
body.b2b-newui-app.bo-page .hero nav.breadcrumb {
    width: auto;
    height: auto;
    min-height: 0;
    padding: 0;
    margin: 0 0 28px;
    background: transparent;
    color: var(--green-500, #01ec0d);
    font-size: 17px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: -0.17px;
    text-transform: capitalize;
}

html[lang="ar"] body.b2b-newui-app.bo-page section.hero nav.breadcrumb,
html[lang="ar"] body.b2b-newui-app.bo-page .hero nav.breadcrumb,
html[dir="rtl"] body.b2b-newui-app.bo-page section.hero nav.breadcrumb,
html[dir="rtl"] body.b2b-newui-app.bo-page .hero nav.breadcrumb {
    direction: rtl;
    letter-spacing: 0;
    text-transform: none;
}

body.b2b-newui-app.bo-page section.hero nav.breadcrumb a,
body.b2b-newui-app.bo-page .hero nav.breadcrumb a {
    color: #14911A;
}

body.b2b-newui-app.bo-page section.hero nav.breadcrumb span,
body.b2b-newui-app.bo-page .hero nav.breadcrumb span {
    color: #43E54A;
}

body.b2b-newui-app.bo-page section.hero nav.breadcrumb img,
body.b2b-newui-app.bo-page .hero nav.breadcrumb img,
body.b2b-newui-app .hero .breadcrumb img,
body.b2b-newui-app .internet-connectivity .hero .breadcrumb img,
body.b2b-newui-app .sme-landing .hero .breadcrumb img,
body.b2b-newui-app .business-objective-hero__breadcrumb img {
    filter: invert(48%) sepia(98%) saturate(1200%) hue-rotate(100deg) brightness(95%);
    color: var(--green-500, #01ec0d);
}

html[dir="rtl"] body.b2b-newui-app.bo-page section.hero nav.breadcrumb img,
html[lang="ar"] body.b2b-newui-app.bo-page section.hero nav.breadcrumb img,
html[dir="rtl"] body.b2b-newui-app.bo-page .hero nav.breadcrumb img,
html[lang="ar"] body.b2b-newui-app.bo-page .hero nav.breadcrumb img,
html[dir="rtl"] body.b2b-newui-app .hero .breadcrumb img,
html[lang="ar"] body.b2b-newui-app .hero .breadcrumb img,
html[dir="rtl"] body.b2b-newui-app .internet-connectivity .hero .breadcrumb img,
html[lang="ar"] body.b2b-newui-app .internet-connectivity .hero .breadcrumb img,
html[dir="rtl"] body.b2b-newui-app .sme-landing .hero .breadcrumb img,
html[lang="ar"] body.b2b-newui-app .sme-landing .hero .breadcrumb img,
html[dir="rtl"] body.b2b-newui-app .business-objective-hero__breadcrumb img,
html[lang="ar"] body.b2b-newui-app .business-objective-hero__breadcrumb img,
html[dir="rtl"] .business-objective-hero__breadcrumb img,
html[lang="ar"] .business-objective-hero__breadcrumb img,
main[lang="ar"] .business-objective-hero__breadcrumb img {
    transform: scaleX(-1);
}

@media (max-width: 1100px) {
    body.b2b-newui-app.bo-page.pf2-page nav.breadcrumb,
    body.b2b-newui-app.bo-page nav.breadcrumb {
        height: auto;
        min-height: 56px;
        padding: 16px 24px;
    }

    body.b2b-newui-app.bo-page section.hero nav.breadcrumb,
    body.b2b-newui-app.bo-page .hero nav.breadcrumb {
        min-height: 0;
        padding: 0;
    }
}

body.b2b-newui-app .faq .faq-item__answer {
    display: none;
}

body.b2b-newui-app .faq .faq-item.is-open .faq-item__answer {
    display: block;
}

body.b2b-newui-app .sme-landing .faq-item__question,
body.b2b-newui-app .sme-landing .faq-item__answer,
body.b2b-newui-app .internet-connectivity .faq-item__question,
body.b2b-newui-app .internet-connectivity .faq-item__answer {
    pointer-events: auto;
}

body.b2b-newui-app .faq-item__answer {
    display: none;
}

body.b2b-newui-app .faq-item.is-open .faq-item__answer {
    display: block;
}

body.b2b-newui-app .faq-item__question,
body.b2b-newui-app .faq-tab {
    pointer-events: auto;
    cursor: pointer;
}
html[dir="rtl"] body.b2b-newui-app .b2b-newui-form-page .explore-btn {
    width: 258px;
}
/* CTA Component Only */
/*.cta .cta__box {
    background-image: linear-gradient(#F7F7F8, #F7F7F8);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 26% 100%;
    border-radius: 16px;*/

    /* Align left panel and right list from the top */
    /*align-items: flex-start;
}*/

.cta h2#ctaHeading {
    margin: 0;
}

.cta h1,
.cta h2,
.cta h3,
.cta p,
.cta dl,
.cta dd,
.cta ul {
    margin: 0;
}

.cta .cta__panel .link-more {
    margin-top: 16px;
}

/* ============================================================
   B2B CAMPAIGN LANDING PAGE  (Figma: New UI Pages / B2B CAMPAIGN)
   Scope: body.b2b-newui-app .b2b-campaign  — affects this page only.
   Reuses .faq / .faq-item* and .request__form / .form-grid markup.
   ============================================================ */

body.b2b-newui-app .b2b-campaign .campaign-families {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 82px 64px 80px;
    background: #fff;
    color: #013931;
    font-family: var(--font-b2b);
}

    body.b2b-newui-app .b2b-campaign .campaign-families h2 {
        max-width: 1312px;
        margin: 0 auto 49px;
        color: #013931;
        font-family: var(--font-b2b);
        font-size: 40px;
        font-weight: 500;
        line-height: 48px;
        letter-spacing: -0.025em;
        text-align: left;
    }

        body.b2b-newui-app .b2b-campaign .campaign-families h2 em {
            color: #14911a;
            font-style: normal;
            font-weight: inherit;
        }

body.b2b-newui-app .b2b-campaign .campaign-families__grid {
    display: grid;
    grid-template-columns: 520px minmax(0, 1fr);
    column-gap: 32px;
    align-items: start;
    max-width: 1312px;
    margin: 0 auto;
}

/* ---------- FAQ (product families) ---------- */

body.b2b-newui-app .b2b-campaign .campaign-faq {
    width: 100%;
    max-width: 520px;
    margin: 0;
    padding: 0;
    background: transparent;
}

    body.b2b-newui-app .b2b-campaign .campaign-faq .faq-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    body.b2b-newui-app .b2b-campaign .campaign-faq .faq-item {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: #fafafa;
        border: 1px solid #d6dad9;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        transition: none;
    }

    body.b2b-newui-app .b2b-campaign .campaign-faq .faq-item__question {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 16px;
        background: none;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: #013931;
        text-align: left;
        cursor: pointer;
    }

        body.b2b-newui-app .b2b-campaign .campaign-faq .faq-item__question span {
            flex: 1 1 auto;
            min-width: 0;
            color: #013931;
            font-family: var(--font-b2b);
            font-size: 18px;
            font-weight: 500;
            line-height: 27px;
            letter-spacing: 0;
        }

    body.b2b-newui-app .b2b-campaign .campaign-faq .faq-item__icon {
        flex: 0 0 28px;
        width: 28px;
        height: 28px;
        margin: 0;
        object-fit: contain;
        transform: none;
        transition: none;
    }

    body.b2b-newui-app .b2b-campaign .campaign-faq .faq-item__answer {
        display: none;
        margin: -3px 52px 0 16px;
        padding: 16px 0;
        border-top: 1px solid #d6dad9;
    }

    body.b2b-newui-app .b2b-campaign .campaign-faq .faq-item.is-open .faq-item__answer {
        display: block;
        margin: -3px 52px 0 16px;
        padding: 16px 0;
        border-top: 1px solid #d6dad9;
    }

    body.b2b-newui-app .b2b-campaign .campaign-faq .faq-item__answer p {
        margin: 0;
        color: #013931;
        font-family: var(--font-b2b);
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0;
    }

        body.b2b-newui-app .b2b-campaign .campaign-faq .faq-item__answer p + p {
            margin-top: 12px;
        }

/* CMS: DXP B2B New UI Campaign FAQ block (section + optional form column grid) */
body.b2b-newui-app .b2b-newui-campaign-faq-section .b2b-newui-campaign-faq-block .campaign-faq {
    width: 100%;
    max-width: 520px;
    margin: 0;
    text-align: start;
}

body.b2b-newui-app .b2b-newui-campaign-faq-section .campaign-faq .faq-item__question {
    text-align: start;
}

body.b2b-newui-app .b2b-newui-campaign-faq-section .campaign-families__grid--faq-only {
    display: block;
    max-width: 520px;
}

body.b2b-newui-app .b2b-newui-campaign-faq-section .campaign-families__form-col .b2b-newui-form-page.b2b-newui-form-shell {
    padding: 0;
    background: transparent;
}

body.b2b-newui-app .b2b-newui-campaign-faq-section .campaign-families__form-col .request {
    padding: 0;
    margin: 0;
}

body.b2b-newui-app .b2b-newui-campaign-faq-section .campaign-families__form-col .request__heading {
    display: none;
}

body.b2b-newui-app .b2b-newui-campaign-faq-section .campaign-families__form-col .request__form,
body.b2b-newui-app .b2b-newui-campaign-faq-section .campaign-families__form-col form.request__form {
    margin: 0;
}

body.b2b-newui-app .campaign-faq.campaign-faq--themed .faq-list {
    gap: var(--campaign-faq-list-gap, 10px);
}

body.b2b-newui-app .campaign-faq.campaign-faq--themed .faq-item {
    background: var(--campaign-faq-item-bg, #fafafa);
    border-color: var(--campaign-faq-item-border, #d6dad9);
    border-radius: var(--campaign-faq-item-radius, 12px);
    box-shadow: var(--campaign-faq-item-shadow, 0 4px 20px rgba(0, 0, 0, 0.1));
}

body.b2b-newui-app .campaign-faq.campaign-faq--themed .faq-item__question span {
    color: var(--campaign-faq-q-color, #013931);
    font-size: var(--campaign-faq-q-size, 18px);
    font-weight: var(--campaign-faq-q-weight, 500);
    line-height: var(--campaign-faq-q-line-height, 27px);
    letter-spacing: var(--campaign-faq-q-letter-spacing, 0);
}

body.b2b-newui-app .campaign-faq.campaign-faq--themed .faq-item__icon {
    flex: 0 0 var(--campaign-faq-icon-size, 28px);
    width: var(--campaign-faq-icon-size, 28px);
    height: var(--campaign-faq-icon-size, 28px);
}

body.b2b-newui-app .campaign-faq.campaign-faq--themed .faq-item__answer,
body.b2b-newui-app .campaign-faq.campaign-faq--themed .faq-item.is-open .faq-item__answer {
    border-top-color: var(--campaign-faq-answer-divider, #d6dad9);
}

    body.b2b-newui-app .campaign-faq.campaign-faq--themed .faq-item__answer p {
        color: var(--campaign-faq-a-color, #013931);
        font-size: var(--campaign-faq-a-size, 18px);
        font-weight: var(--campaign-faq-a-weight, 400);
        line-height: var(--campaign-faq-a-line-height, 26px);
        letter-spacing: var(--campaign-faq-a-letter-spacing, 0);
    }

body.b2b-newui-app .campaign-faq .campaign-faq__empty {
    margin: 0;
    padding: 16px;
    color: #646b63;
    font-size: 14px;
}

/* ---------- Responsive ---------- */

@media (max-width: 1180px) {
    body.b2b-newui-app .b2b-newui-campaign-faq-section .campaign-families__grid--faq-only,
    body.b2b-newui-app .b2b-newui-campaign-faq-section .campaign-faq {
        max-width: none;
    }

    body.b2b-newui-app .b2b-campaign .campaign-families {
        padding: 64px 40px;
    }

        body.b2b-newui-app .b2b-campaign .campaign-families h2 {
            margin-bottom: 32px;
        }
    body.b2b-newui-app .b2b-campaign .campaign-faq,
    body.b2b-newui-app .b2b-campaign .campaign-form {
        max-width: none;
    }
}

@media (max-width: 767px) {
    body.b2b-newui-app .b2b-campaign .campaign-families {
        padding: 48px 24px 56px;
    }

        body.b2b-newui-app .b2b-campaign .campaign-families h2 {
            margin-bottom: 24px;
            font-size: 32px;
            line-height: 40px;
        }

    body.b2b-newui-app .b2b-campaign .campaign-families__grid {
        row-gap: 32px;
    }

    body.b2b-newui-app .b2b-campaign .campaign-faq .faq-item__question span {
        font-size: 16px;
        line-height: 24px;
    }

    body.b2b-newui-app .b2b-campaign .campaign-faq .faq-item__answer p {
        font-size: 16px;
        line-height: 24px;
    }
}
.product-families__bottom .product-card__content p {
    width: 46%;
}
.container.business-objective-hero__inner {
    padding-top: 0;
    margin-top: 0;
}

/* Business home product bento — bottom row spacing (wins over legacy/CMS) */
body.b2b-newui-app.pf2-page .shell.product-families__layout,
body.b2b-newui-app.bo-page .shell.product-families__layout {
    row-gap: 0 !important;
}

body.b2b-newui-app.pf2-page .product-families__bottom,
body.b2b-newui-app.pf2-page .product-families .product-families__bottom,
body.b2b-newui-app.pf2-page .shell.product-families__layout > .product-families__bottom,
body.b2b-newui-app.pf2-page section.product-families .product-families__bottom,
body.b2b-newui-app.bo-page .product-families__bottom,
body.b2b-newui-app.bo-page .product-families .product-families__bottom,
body.b2b-newui-app.bo-page .shell.product-families__layout > .product-families__bottom {
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
}

body.b2b-newui-app.pf2-page .product-families__bottom .product-card,
body.b2b-newui-app.bo-page .product-families__bottom .product-card {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
    left: auto !important;
    right: auto !important;
}

/* ============================================================
   Solutions page — mobile: section.studio, section.foundation,
   section.request (AI Studio / oil & gas solution pages, AR+EN)
   ============================================================ */

@media (max-width: 767px) {
    body.b2b-newui-app .solutions-page section.studio,
    body.b2b-newui-app .solutions-page .studio,
    body.b2b-newui-app main.solutions-page section.studio,
    body.b2b-newui-app main.solutions-page .studio,
    body.b2b-newui-app .b2b-newui-html-body .solutions-page section.studio,
    body.b2b-newui-app .b2b-newui-html-body main.solutions-page section.studio {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding: 48px 16px;
        overflow-x: clip;
        text-align: start;
    }

    html[dir="rtl"] body.b2b-newui-app .solutions-page section.studio,
    html[dir="rtl"] body.b2b-newui-app main.solutions-page section.studio,
    html[lang="ar"] body.b2b-newui-app .solutions-page section.studio,
    html[lang="ar"] body.b2b-newui-app main.solutions-page section.studio {
        direction: rtl;
        text-align: start;
    }

    body.b2b-newui-app .solutions-page section.studio h2,
    body.b2b-newui-app .solutions-page .studio h2,
    body.b2b-newui-app main.solutions-page section.studio h2,
    body.b2b-newui-app main.solutions-page .studio h2,
    html[dir="rtl"] body.b2b-newui-app .solutions-page section.studio h2,
    html[dir="rtl"] body.b2b-newui-app .solutions-page .studio h2,
    html[dir="rtl"] body.b2b-newui-app main.solutions-page section.studio h2,
    html[dir="rtl"] body.b2b-newui-app main.solutions-page .studio h2,
    html[lang="ar"] body.b2b-newui-app .solutions-page section.studio h2,
    html[lang="ar"] body.b2b-newui-app main.solutions-page section.studio h2 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 16px;
        font-size: 32px;
        line-height: 38px;
        letter-spacing: -1px;
        text-align:center;
    }

    html[lang="ar"] .product-families .product-card__content {
        direction: rtl;
    }

        body.b2b-newui-app .solutions-page section.studio .studio__row,
        body.b2b-newui-app .solutions-page .studio__row,
        body.b2b-newui-app main.solutions-page .studio__row,
        html[dir="rtl"] body.b2b-newui-app .solutions-page section.studio .studio__row,
        html[dir="rtl"] body.b2b-newui-app .solutions-page .studio__row,
        html[dir="rtl"] body.b2b-newui-app main.solutions-page .studio__row,
        html[lang="ar"] body.b2b-newui-app .solutions-page .studio__row,
        html[lang="ar"] body.b2b-newui-app main.solutions-page .studio__row {
            display: grid;
            grid-template-columns: minmax(0, 1fr);
            gap: 24px;
            margin-top: 24px;
            width: 100%;
            min-width: 0;
        }

    body.b2b-newui-app .solutions-page section.studio ul,
    body.b2b-newui-app .solutions-page .studio ul,
    body.b2b-newui-app main.solutions-page .studio ul {
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    body.b2b-newui-app .solutions-page section.studio li,
    body.b2b-newui-app .solutions-page .studio li,
    body.b2b-newui-app main.solutions-page .studio li {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        width: 100%;
        box-sizing: border-box;
    }

    body.b2b-newui-app .solutions-page section.studio li:last-child,
    body.b2b-newui-app .solutions-page .studio li:last-child,
    body.b2b-newui-app main.solutions-page .studio li:last-child {
        max-width: 100% !important;
        margin-inline: 0 !important;
    }

    body.b2b-newui-app .solutions-page section.studio img,
    body.b2b-newui-app .solutions-page .studio img,
    body.b2b-newui-app main.solutions-page .studio img {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 200px;
        object-fit: cover;
    }

    /* —— Foundation —— */
    body.b2b-newui-app .solutions-page section.foundation,
    body.b2b-newui-app .solutions-page .foundation,
    body.b2b-newui-app main.solutions-page section.foundation,
    body.b2b-newui-app main.solutions-page .foundation,
    body.b2b-newui-app .b2b-newui-html-body .solutions-page section.foundation {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding: 48px 16px;
        overflow-x: clip;
        text-align: center;
    }

    html[dir="rtl"] body.b2b-newui-app .solutions-page section.foundation,
    html[dir="rtl"] body.b2b-newui-app main.solutions-page section.foundation,
    html[lang="ar"] body.b2b-newui-app .solutions-page section.foundation {
        direction: rtl;
    }

    body.b2b-newui-app .solutions-page section.foundation > p,
    body.b2b-newui-app .solutions-page .foundation > p,
    body.b2b-newui-app main.solutions-page .foundation > p {
        max-width: 100%;
        padding-inline: 0;
    }

    body.b2b-newui-app .solutions-page section.foundation .foundation__grid,
    body.b2b-newui-app .solutions-page .foundation__grid,
    body.b2b-newui-app main.solutions-page .foundation__grid,
    html[dir="rtl"] body.b2b-newui-app .solutions-page section.foundation .foundation__grid,
    html[dir="rtl"] body.b2b-newui-app .solutions-page .foundation__grid,
    html[lang="ar"] body.b2b-newui-app .solutions-page .foundation__grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px;
        margin-top: 32px;
        width: 100%;
        text-align: start;
    }

    body.b2b-newui-app .solutions-page section.foundation article,
    body.b2b-newui-app .solutions-page .foundation article,
    body.b2b-newui-app main.solutions-page .foundation article {
        width: 100%;
        min-width: 0;
    }

    body.b2b-newui-app .solutions-page section.foundation article > img,
    body.b2b-newui-app .solutions-page .foundation article > img {
        height: 180px;
    }

    /* —— Request form section —— */
    body.b2b-newui-app .solutions-page section.request,
    body.b2b-newui-app .solutions-page .request,
    body.b2b-newui-app main.solutions-page section.request,
    body.b2b-newui-app:has(.solutions-page) section.request,
    body.b2b-newui-app .b2b-newui-html-body .solutions-page section.request,
    body.b2b-newui-app .b2b-newui-html-body .solutions-page .request {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding: 48px 16px;
        overflow-x: clip;
    }

    html[dir="rtl"] body.b2b-newui-app .solutions-page section.request,
    html[dir="rtl"] body.b2b-newui-app .solutions-page .request,
    html[lang="ar"] body.b2b-newui-app .solutions-page section.request,
    html[lang="ar"] body.b2b-newui-app .solutions-page .request {
        direction: rtl;
    }

    body.b2b-newui-app .solutions-page section.request .request__heading,
    body.b2b-newui-app .solutions-page .request .request__heading,
    body.b2b-newui-app main.solutions-page .request__heading {
        max-width: 100%;
        padding-inline: 0;
        margin-bottom: 24px;
    }

    body.b2b-newui-app .solutions-page section.request .request__layout,
    body.b2b-newui-app .solutions-page .request .request__layout,
    body.b2b-newui-app main.solutions-page .request__layout,
    body.b2b-newui-app:has(.solutions-page) .request__layout {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        width: 100%;
    }

    body.b2b-newui-app .solutions-page section.request .request__media,
    body.b2b-newui-app .solutions-page .request .request__media,
    body.b2b-newui-app main.solutions-page .request__media,
    body.b2b-newui-app:has(.solutions-page) .request__media {
        width: 100%;
        max-width: 100%;
        flex: 0 0 auto;
        height: auto;
        min-height: 240px;
        margin: 0;
        margin-inline: 0;
        border-radius: 20px;
    }

    body.b2b-newui-app .solutions-page section.request .request__media img,
    body.b2b-newui-app .solutions-page .request .request__media img,
    body.b2b-newui-app main.solutions-page .request__media img,
    body.b2b-newui-app:has(.solutions-page) .request__media img {
        position: relative;
        inset: auto;
        width: 100%;
        height: auto;
        min-height: 240px;
        max-width: 100%;
        object-fit: cover;
    }

    body.b2b-newui-app .solutions-page section.request .request__form,
    body.b2b-newui-app .solutions-page .request .request__form,
    body.b2b-newui-app main.solutions-page .request__form,
    body.b2b-newui-app .solutions-page section.request .b2b-newui-form-page,
    body.b2b-newui-app .solutions-page .request .b2b-newui-form-page {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding-inline: 0;
        box-sizing: border-box;
    }

    body.b2b-newui-app .solutions-page section.request .form-grid,
    body.b2b-newui-app .solutions-page .request .form-grid,
    body.b2b-newui-app main.solutions-page .request .form-grid,
    body.b2b-newui-app .solutions-page section.request .request__form .form-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        width: 100%;
    }

    body.b2b-newui-app .solutions-page section.request .form-grid input,
    body.b2b-newui-app .solutions-page section.request .form-grid select,
    body.b2b-newui-app .solutions-page section.request .form-grid textarea,
    body.b2b-newui-app .solutions-page .request .phone-field,
    body.b2b-newui-app .solutions-page .request .iti {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
}