* {
    box-sizing: border-box;
}

.mantine-1sft5iy{
    background-color: #292d3a !important;
    border: #292d3a !important;
}

#divContainer {
    margin: 0px auto;
    max-width: 1080px;
    width: 100%;
    height: auto;
    min-height: 500px;
    padding-top: 40px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

main p, main li, main a, main div, main a span {
    font-size: 18px !important;
}

.page-container {
    position: relative;
}

body {
    margin: 0;
    font-family: 'HPEGraphik', Arial, sans-serif !important;
}

body .page-content {
    position: relative;
    z-index: auto;
    overflow: clip;
}

body .page-content::before,
body .page-content::after {
    content: '';
    display: table;
}

.uc-gradient {
    inset: var(--uc-gradient-position, 0 25.0% 0 0);
    z-index: 1;
    position: absolute;
}

.uc-gradient.high-gradient {
    background: linear-gradient(var(--uc-gradient-direction, to right), var(--high-gradient-color, #fffffff2), #fff0);
}

.uc-gradient.medium-gradient {
    background: linear-gradient(var(--uc-gradient-direction, to right), var(--medium-gradient-color, #ffffffd9), #fff0);
}

.uc-gradient.low-gradient {
    background: linear-gradient(var(--uc-gradient-direction, to right), var(--low-gradient-color, #ffffffb3), #fff0);
}

.light-theme {
    --high-gradient-color: #fffffff2;
    --medium-gradient-color: #ffffffd9;
    --low-gradient-color: #ffffffb3;
    --uc-bgcolor: #fff;
}

.dark-theme {
    --high-gradient-color: #000000e6;
    --medium-gradient-color: #000000bf;
    --low-gradient-color: #0009;
    --uc-bgcolor: #000;
    --btn-lm-bg-color: white;
    --btn-lm-border-color: white;
    --btn-lm-text-color: #292d3a;
    --btn-lm-bg-color-hover: #d4d4d4;
    --btn-lm-border-color-hover: #d4d4d4;
    --btn-lm-bg-color-disabled: #d4d8d8;
    --btn-lm-border-color-disabled: #d4d8d8;
    --btn-lm-text-color-disabled: #a0a2a8;
    --btn-lm-secondary-text-color: white;
    --btn-lm-secondary-text-color-disabled: #B4B4B4;
    --_gn-primary-nav-bg: #1d1f27;
    --_gn-secondary-nav-bg: #1d1f27;
    --_gn-header-bg: #292d3a;
    --_gn-flyout-bg: #1d1f27;
    --_gn-sec-more-bg: #292d3a;
    --_gn-flyout-shadow: linear-gradient(180deg, #0000004d -31.25%, #0000 100.0%);
    --_gn-flyout-hr: #3e4550;
    --_gn-search-color: white;
    --_gn-link-select-bg: #ffffff0a;
    --_gn-sec-link-select-bg: #1f222d;
    --_gn-nav-link-color: #d4d4d4;
    --_gn-nav-avatar-color: white;
    --esl-carousel-arrow-bg: #ddd;
    --esl-carousel-arrow-bg-hover: white;
    --esl-carousel-plain-control-bg: #e6e8e9;
    --esl-carousel-plain-control-color: #292d3a;
    --esl-carousel-plain-control-bg-hover: #d4d4d4;
    --esl-carousel-plain-control-bg-disabled: #a5a5a9;
    --cta-lm-color: #00E0AF;
    --cta-lm-color-disabled: #d4d8db;
    --cta-lm-color-hover: #01A982;
}

.fade-in-bottom-gradient {
    --_color: var(--fade-in-bottom-gradient-color, transparent);
    --_color2: var(--fade-in-bottom-gradient-color2, transparent);
    --_offset: var(--fade-in-bottom-gradient-offset, 0px);
    --_ratio: calc(var(--fade-in-bottom-gradient-height, 0)/100);
    bottom: calc(-1*var(--_offset));
    height: calc((100.0% + var(--_offset))*var(--_ratio));
    z-index: 1;
    position: absolute;
    inset-inline: 0;
}

.fade-in-bottom-gradient.linear {
    background: linear-gradient(0deg, var(--_color)0, transparent 100.0%);
}

.fade-in-bottom-gradient.radial {
    background: radial-gradient(153.0% 86.0% at 50.0% 14.0%, transparent 37.0%, var(--_color)97.0%);
}

.fade-in-bottom-gradient.radial-2 {
    background: radial-gradient(153.0% 86.0% at 50.0% 14.0%, transparent 37.0%, var(--_color2)67.0%, var(--_color)97.0%);
}

.image-only {
    position: relative;
}

.uc-bg-wrapper {
    position: absolute;
    inset: 0;
}

.uc-bg-wrapper,
.uc-bg-wrapper:not(.add-spec) {
    background-color: var(--uc-bgcolor);
}

smart-media.uc-bg-wrapper,
.uc-bg-wrapper smart-media {
    background: 0 0;
}

.adaptive-marquee {
    --additional-height: 0px;
    --am-vertical-padding: 60px;
    --am-columns-gap: 100px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.adaptive-marquee.bleed {
    --additional-height: var(--gn_height_primary);
}

.adaptive-marquee.bleed .content {
    margin-top: var(--gn_height_primary);
}

.adaptive-marquee .gn-overlay {
    width: 100%;
    height: var(--gn_height_primary);
    position: absolute;
    top: 0;
    left: 0;
}

.adaptive-marquee.light-theme .gn-overlay {
    background: linear-gradient(#ffffff80, #fff0);
}

.adaptive-marquee.dark-theme .gn-overlay {
    background: linear-gradient(#00000080 0, #0000);
}

.adaptive-marquee.image-position-left .content {
    flex-direction: row-reverse;
}

.adaptive-marquee .bg-wrapper {
    width: 100%;
    height: calc(100% + 1px);
    position: absolute;
    inset: -1px 0 0;
}

.adaptive-marquee .bg-wrapper .bg-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.adaptive-marquee .bg-wrapper:has(.bg-animation) .bg-animation {
    opacity: 0;
}

.adaptive-marquee .bg-wrapper:has(.bg-animation) .bg-animation[ready] {
    opacity: 1;
    transition: opacity .5s;
}

.adaptive-marquee .content-wrapper {
    align-self: stretch;
    align-items: center;
    width: 100%;
    display: flex;
}

.adaptive-marquee .content {
    width: 100%;
    padding-block: var(--am-vertical-padding);
    flex-direction: row;
    align-items: center;
    display: flex;
    gap: var(--am-columns-gap);
}

.adaptive-marquee .content .content-column {
    width: calc(50.0% - var(--am-columns-gap));
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.adaptive-marquee .content .content-column .categorical-label {
    --_ratiot: var(--f-extra-space-top-ratio, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
    --_ratiob: var(--f-extra-space-bottom-ratio, 0);
    --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em*var(--_ratioB) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-bottom: calc(var(--bottom-margin-crop-size) + 40px);
}

.adaptive-marquee .content .content-column .text-only {
    --to-gap: 18px;
}

.adaptive-marquee .content .content-column .text-only .rich-text-container ul:last-child {
    margin-bottom: 0;
}

.adaptive-marquee .content .content-column .txto-title-wrapper:last-child .txto-title {
    margin-bottom: 43px;
}

.adaptive-marquee .content .content-column .btn-holder {
    margin-top: 35px;
}

.adaptive-marquee .content .content-column .btn-holder .cta {
    margin-bottom: 20px;
}

.adaptive-marquee .content .content-column .btn-holder .cta:last-child {
    margin-bottom: 0;
}

.adaptive-marquee .content .content-column .asset-micromodule {
    margin-top: 25px;
}

.adaptive-marquee .content .image-column {
    width: 50%;
}

.adaptive-marquee .content .image-column .mobile-fallback-image {
    display: none;
}

.adaptive-marquee .content .image-column .img-container {
    aspect-ratio: 1.33333;
}

.adaptive-marquee .content .image-column .img-container img {
    object-fit: cover;
}

.adaptive-marquee .content-column,
.adaptive-marquee .image-column {
    z-index: 2;
    position: relative;
}

.adaptive-marquee .am-badge {
    width: auto;
    height: 40px;
    margin-bottom: 20px;
}

.adaptive-marquee .am-badge path {
    fill: var(--typo-icons-color);
}

.adaptive-marquee.imageless-content {
    --am-columns-gap: 0px;
}

.adaptive-marquee.imageless-content .content .image-column {
    width: auto;
}

.adaptive-marquee.imageless-content.layout-50-50 .content .content-column {
    width: 100%;
    max-width: 100%;
}

.adaptive-marquee.am-content-centered .content {
    justify-content: center;
}

.adaptive-marquee.am-content-centered .content .content-column {
    align-items: center;
}

.adaptive-marquee.am-content-centered .content .asset-micromodule {
    justify-content: center;
}

.adaptive-marquee .bg-wrapper.default {
    pointer-events: none;
    overflow: clip;
}

.adaptive-marquee .bg-wrapper.default:before {
    content: "";
    position: absolute;
    inset: 0;
}

.adaptive-marquee .bg-wrapper.default:after {
    content: "";
    background: var(--_bg-zone-color, inherit);
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.adaptive-marquee .bg-wrapper:is(.am-light-green, .am-light-grey, .am-light-blue) {
    background: #fff;
}

.adaptive-marquee .bg-wrapper:is(.am-dark-green, .am-dark-grey, .am-dark-blue) {
    background: #1d1f27;
}

.adaptive-marquee .bg-wrapper.am-dark-green:before {
    background: url(/content/dam/hpe/web-ui/images/gradients/def-green-dark.svg) top right/var(--am-bg-width, 100.0%)auto no-repeat;
}

.adaptive-marquee .bg-wrapper.am-light-green:before {
    background: url(/content/dam/hpe/web-ui/images/gradients/def-green-light.svg) top right/var(--am-bg-width, 100.0%)auto no-repeat;
}

.adaptive-marquee .bg-wrapper.am-light-grey:before {
    background: linear-gradient(107deg, white 20.0%, #d3d3d3)top right/var(--am-bg-width, 100.0%)auto no-repeat;
}

.adaptive-marquee .bg-wrapper.am-dark-grey:before {
    background: linear-gradient(107deg, #1d1f27 16.0%, #5c6673 81.0%)bottom right/var(--am-bg-width, 100.0%)auto no-repeat;
}

.adaptive-marquee .bg-wrapper.am-light-blue:before {
    background: url(/content/dam/hpe/web-ui/images/gradients/def-blue-light.svg) bottom right/var(--am-bg-width, 100.0%)auto no-repeat;
}

.adaptive-marquee .bg-wrapper.am-dark-blue:before {
    background: url(/content/dam/hpe/web-ui/images/gradients/def-blue-dark.svg) bottom right/var(--am-bg-width, 100.0%)auto no-repeat;
}

.adaptive-marquee .bg-wrapper:is(.am-dark-green, .am-light-green, .am-light-grey) {
    padding-top: var(--am-gb-offset);
    padding-right: var(--am-gb-offset);
    --am-gb-offset: 62.0%;
    --am-bg-width: 200.0%;
}

.adaptive-marquee .bg-wrapper:is(.am-dark-grey, .am-light-blue, .am-dark-blue) {
    --am-gb-offset: 20.0%;
    --am-bg-width: 100.0%;
    padding-bottom: var(--am-gb-offset);
    padding-left: calc(100.0% - var(--am-bg-width) + var(--am-gb-offset));
    padding-right: var(--am-gb-offset);
}

.adaptive-marquee .bg-wrapper.mirrored {
    --am-gb-offset: 36.0%;
    --am-bg-width: 150.0%;
    transform: scaleY(-1);
}

.adaptive-marquee.image-breakout {
    overflow: hidden;
}

.adaptive-marquee.image-breakout.image-breakout-bottom .image-column,
.adaptive-marquee.image-breakout.image-breakout-top .image-column {
    height: 100%;
    display: flex;
}

.adaptive-marquee.image-breakout.image-breakout-bottom .content,
.adaptive-marquee.image-breakout.image-breakout-top .content {
    height: calc(100.0% - var(--additional-height));
}

.adaptive-marquee.image-breakout.image-breakout-bottom {
    --am-image-translate-y: calc(var(--am-vertical-padding) + var(--am-image-breakout-offset-y, 0.0%));
}

.adaptive-marquee.image-breakout.image-breakout-bottom .image-column {
    align-items: flex-end;
}

.adaptive-marquee.image-breakout.image-breakout-top {
    --am-image-translate-y: calc((var(--am-vertical-padding) + var(--additional-height) + var(--am-image-breakout-offset-y, 0.0%))*-1);
}

.adaptive-marquee.image-breakout.image-breakout-top .image-column {
    align-items: flex-start;
}

.adaptive-marquee.image-breakout.image-breakout-right {
    --am-image-translate-x: calc(var(--container-offset-x) + var(--am-image-breakout-offset-x, 0.0%));
}

.adaptive-marquee.image-breakout.image-breakout-right .image-column {
    justify-content: flex-end;
}

.adaptive-marquee.image-breakout.image-breakout-left {
    --am-image-translate-x: calc((var(--container-offset-x) + var(--am-image-breakout-offset-x, 0.0%))*-1);
}

.adaptive-marquee.image-breakout.image-breakout-left .image-column {
    justify-content: flex-start;
}

.adaptive-marquee.image-breakout .image-column .image-only {
    transform: translate(var(--am-image-translate-x, 0), var(--am-image-translate-y, 0));
}

.adaptive-marquee.image-breakout .image-column .image-only .img-container {
    aspect-ratio: auto;
}

.adaptive-marquee.full-bleed-layout.bleed .content {
    margin-top: 0;
}

.adaptive-marquee.full-bleed-layout.bleed .content .content-column {
    margin-top: var(--additional-height);
}

.adaptive-marquee-99241870 {
    --fade-in-bottom-gradient-color2: transparent;
    --fade-in-bottom-gradient-height: 80;
}

@font-face {


    font-family: 'HPEGraphik';
    src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Thin-Web.woff2') format('woff2'), url('../fonts/graphik/HPEGraphik-Thin-Web.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;


}

@font-face {


    font-family: 'HPEGraphik';
    src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Light-Web.woff2') format('woff2'), url('../fonts/graphik/HPEGraphik-Light-Web.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;


}

@font-face {


    font-family: 'HPEGraphik';
    src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Regular-Web.woff2') format('woff2'), url('../fonts/graphik/HPEGraphik-Regular-Web.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;


}

@font-face {


    font-family: 'HPEGraphik';
    src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Medium-Web.woff2') format('woff2'), url('../fonts/graphik/HPEGraphik-Medium-Web.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;


}

@font-face {


    font-family: 'HPEGraphik';
    src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Semibold-Web.woff2') format('woff2'), url('../fonts/graphik/HPEGraphik-Semibold-Web.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;


}

@font-face {


    font-family: 'HPEGraphik';
    src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Bold-Web.woff2') format('woff2'), url('../fonts/graphik/HPEGraphik-Bold-Web.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;


}

@font-face {


    font-family: 'HPEGraphik';
    src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Black-Web.woff2') format('woff2'), url('../fonts/graphik/HPEGraphik-Black-Web.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;


}

@font-face {


    font-family: 'HPEGraphik';
    src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Light-Web.woff2') format('woff2'), url('../fonts/graphik/HPEGraphikXXCondensed-Light-Web.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-stretch: condensed;
    font-display: swap;


}

@font-face {


    font-family: 'HPEGraphik';
    src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Bold-Web.woff2') format('woff2'), url('../fonts/graphik/HPEGraphikXXCondensed-Bold-Web.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    font-display: swap;


}

.pl-20{
    padding-left: 20px !important;
}

.typo5 {
    --f-crop-enable: 1;
    --f-extra-space-top-ratio: 0.085;
    --f-extra-space-bottom-ratio: -0.042;
    --f-extra-space-top-ratio-cap: 0.135;
    --f-extra-space-bottom-ratio-cap: 0.135;
    --f-note-position: -0.8;
}

.typo5,
.typo5 [class*='body-copy'] {
    font-family: 'HPEGraphik', Arial, sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

.typo5 .rich-text-container,
.typo5.rich-text-container {
    color: var(--typo-text-color, inherit);
    font-weight: 400;
    font-size: 16px  !important;
    line-height: 1.5em;
    --f-base-size: 16px  !important;
}

.typo5 .rich-text-container,
.typo5.rich-text-container,
.typo5 .rich-text-container a,
.typo5.rich-text-container a,
.typo5 .rich-text-container p,
.typo5.rich-text-container p,
.typo5 .rich-text-container i,
.typo5.rich-text-container i,
.typo5 .rich-text-container b,
.typo5.rich-text-container b,
.typo5 .rich-text-container strong,
.typo5.rich-text-container strong,
.typo5 .rich-text-container u,
.typo5.rich-text-container u,
.typo5 .rich-text-container sub,
.typo5.rich-text-container sub,
.typo5 .rich-text-container sup,
.typo5.rich-text-container sup,
.typo5 .rich-text-container ul,
.typo5.rich-text-container ul,
.typo5 .rich-text-container ol,
.typo5.rich-text-container ol,
.typo5 .rich-text-container li,
.typo5.rich-text-container li,
.typo5 .rich-text-container span,
.typo5.rich-text-container span,
.typo5 .rich-text-container div,
.typo5.rich-text-container div {
    font-family: 'HPEGraphik', Arial, sans-serif !important;
}

.typo5 .rich-text-container.rich-text-container p,
.typo5 .rich-text-container.rich-text-container a,
.typo5 .rich-text-container.rich-text-container i,
.typo5 .rich-text-container.rich-text-container b,
.typo5 .rich-text-container.rich-text-container strong,
.typo5 .rich-text-container.rich-text-container u,
.typo5 .rich-text-container.rich-text-container sub,
.typo5 .rich-text-container.rich-text-container sup,
.typo5 .rich-text-container.rich-text-container ul,
.typo5 .rich-text-container.rich-text-container ol,
.typo5 .rich-text-container.rich-text-container li,
.typo5 .rich-text-container.rich-text-container span,
.typo5 .rich-text-container.rich-text-container div {
    color: inherit;
}

.typo5 .rich-text-container.rich-text-container u {
    border-color: inherit;
}

.typo5 .rich-text-container.rich-text-container a {
    border-bottom-color: var(--typo-link-underline-color);
}

.typo5 .rich-text-container.rich-text-container a:hover {
    border-bottom-color: var(--typo-link-hover-underline-color);
}

.typo5 .inline-link {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.typo5 .body-copy {
    color: var(--typo-text-color, inherit);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    --f-base-size: 16px;
}

.typo5 .body-copy-large {
    color: var(--typo-text-color, inherit);
    font-weight: 400;
    letter-spacing: -0.01em;
    font-size: 20px;
    line-height: 1.5em;
    --f-base-size: 20px;
}

.typo5 .body-copy-small {
    color: var(--typo-text-color, inherit);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.42857143em;
    --f-base-size: 14px;
}

.typo5 .body-copy-xsmall {
    color: var(--typo-text-color, inherit);
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    --f-base-size: 12px;
}

.typo5 .quote {
    letter-spacing: -0.01em;
    color: var(--typo-quote-color, inherit);
    font-weight: 400;
    font-size: 28px;
    line-height: 1.35714286em;
    --f-base-size: 28px;
}

.typo5 .quote.large {
    letter-spacing: -0.02em;
    color: var(--typo-quote-color, inherit);
    font-size: 32px;
    line-height: 1.3125em;
    --f-base-size: 32px;
}

.typo5 .quote.small {
    color: var(--typo-quote-color, inherit);
    font-size: 24px;
    line-height: 1.41666667em;
    --f-base-size: 24px;
}

.typo5 h1,
.typo5 h2,
.typo5 h3,
.typo5 h4,
.typo5 h5,
.typo5 h6,
.typo5 .tag-h1,
.typo5 .tag-h2,
.typo5 .tag-h3,
.typo5 .tag-h4,
.typo5 .tag-h5,
.typo5 .tag-h6 {
    font-family: 'HPEGraphik', Arial, sans-serif !important;
    text-transform: inherit;
    color: var(--typo-heading-color, inherit);
}

.typo5 h1,
.typo5 .tag-h1 {
    font-weight: 500;
    letter-spacing: -0.02em;
    font-size: 40px;
    line-height: 1.15em;
    --f-base-size: 40px;
}

.typo5 h1.large,
.typo5 .tag-h1.large {
    font-size: 40px;
    line-height: 1.15em;
    --f-base-size: 40px;
}

.typo5 h1.condensed,
.typo5 .tag-h1.condensed {
    font-weight: 700;
    font-stretch: condensed;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 48px;
    line-height: 1em;
    --f-base-size: 48px;
}

.typo5 h1.condensed.large,
.typo5 .tag-h1.condensed.large {
    font-size: 60px;
    line-height: 1em;
    --f-base-size: 60px;
}

.typo5 h2,
.typo5 .tag-h2 {
    font-weight: 500 !important;
    letter-spacing: -0.01em;
    font-size: 32px !important;
    line-height: 1.1875em;
    --f-base-size: 32px;
}

.typo5 h3,
.typo5 .tag-h3 {
    font-weight: 500;
    font-size: 26px;
    line-height: 1.23076923em;
    --f-base-size: 26px;
}

.typo5 h4,
.typo5 .tag-h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.3em;
    --f-base-size: 20px;
}

.typo5 h5,
.typo5 .tag-h5 {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 16px;
    line-height: 1.375em;
    --f-base-size: 16px;
}

.typo5 h6,
.typo5 .tag-h6 {
    font-weight: 500;
    letter-spacing: normal;
    font-size: 14px;
    line-height: 1.42857143em;
    --f-base-size: 14px;
}

.typo5 ul li,
.typo5 ol li {
    font-family: 'HPEGraphik', Arial, sans-serif !important;
    font-weight: inherit;
}

.typo5 ol li {
    color: inherit;
}

.typo5 b,
.typo5 strong {
    font-family: 'HPEGraphik', Arial, sans-serif !important;
    font-weight: 600;
}

.typo5 slim-text {
    font-family: 'HPEGraphik', Arial, sans-serif !important;
    font-weight: 300;
}

.typo5 .icon-lnk {
    font-family: 'HPEGraphik', Arial, sans-serif !important;
    font-weight: 600;
}

.typo5 .text-light {
    font-family: inherit;
    font-weight: 300;
}

.typo5 .text-regular {
    font-family: inherit;
    font-weight: 400;
}

.typo5 .text-semibold {
    font-family: inherit;
    font-weight: 600;
}

.typo5 .text-uppercase {
    text-transform: uppercase;
}

.typo5 .text-bold {
    font-family: inherit;
    font-weight: 700;
}

.typo5 smart-image {
    font-size: 14px;
    line-height: 1.42857143em;
    --f-base-size: 14px;
}

.typo5 .hpe-note-wrapper {
    color: inherit;
}

.typo5 .hpe-note {
    letter-spacing: normal;
}

.typo5 :is(h1, h2, h3, h4, h5, h6, .tag-h1, .tag-h2, .tag-h3, .tag-h4, .tag-h5, .tag-h6) i,
.typo5 :is(h1, h2, h3, h4, h5, h6, .tag-h1, .tag-h2, .tag-h3, .tag-h4, .tag-h5, .tag-h6) b,
.typo5 :is(h1, h2, h3, h4, h5, h6, .tag-h1, .tag-h2, .tag-h3, .tag-h4, .tag-h5, .tag-h6) strong,
.typo5 :is(h1, h2, h3, h4, h5, h6, .tag-h1, .tag-h2, .tag-h3, .tag-h4, .tag-h5, .tag-h6) u,
.typo5 :is(h1, h2, h3, h4, h5, h6, .tag-h1, .tag-h2, .tag-h3, .tag-h4, .tag-h5, .tag-h6) span {
    color: inherit;
}

.typo5 :is(h1, h2, h3, .tag-h1, .tag-h2, .tag-h3, .body-copy-large, .quote) {
    --f-note-position: -0.77;
}

.typo5 :is(.body-copy-small, .body-copy-xsmall) {
    --f-note-position: -0.85;
}

.typo5 .condensed {
    --f-extra-space-top-ratio: 0.13;
    --f-extra-space-bottom-ratio: -0.04;
    --f-note-position: -0.72;
}

.typo5 h1.condensed {
    --f-extra-space-top-ratio: 0.135;
    --f-extra-space-bottom-ratio: 0.135;
}

.typo5 .crop-top-extra-space {
    --_ratiot: var(--f-extra-space-top-ratio, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em * var(--_ratioT) + (1lh - 1em) / 2) * var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
}

.typo5 .crop-bottom-extra-space {
    --_ratiob: var(--f-extra-space-bottom-ratio, 0);
    --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em * var(--_ratioB) + (1lh - 1em) / 2) * var(--f-crop-enable, 0));
    margin-bottom: var(--bottom-margin-crop-size);
}

.typo5 .crop-extra-space {
    --_ratiot: var(--f-extra-space-top-ratio, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em * var(--_ratioT) + (1lh - 1em) / 2) * var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
    --_ratiob: var(--f-extra-space-bottom-ratio, 0);
    --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em * var(--_ratioB) + (1lh - 1em) / 2) * var(--f-crop-enable, 0));
    margin-bottom: var(--bottom-margin-crop-size);
}

.typo5 .crop-to-capital.crop-top-extra-space {
    --_ratiot: var(--f-extra-space-top-ratio-cap, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em * var(--_ratioT) + (1lh - 1em) / 2) * var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
}

.typo5 .crop-to-capital.crop-bottom-extra-space {
    --_ratiob: var(--f-extra-space-bottom-ratio-cap, 0);
    --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em * var(--_ratioB) + (1lh - 1em) / 2) * var(--f-crop-enable, 0));
    margin-bottom: var(--bottom-margin-crop-size);
}

.typo5 .crop-to-capital.crop-extra-space {
    --_ratiot: var(--f-extra-space-top-ratio-cap, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em * var(--_ratioT) + (1lh - 1em) / 2) * var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
    --_ratiob: var(--f-extra-space-bottom-ratio-cap, 0);
    --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em * var(--_ratioB) + (1lh - 1em) / 2) * var(--f-crop-enable, 0));
    margin-bottom: var(--bottom-margin-crop-size);
}

.dark-theme,
.dark-theme-prespecific,
.dark-theme-specific {
    --typo-text-color: #e5e5e5;
    --typo-quote-color: white;
    --typo-heading-color: white;
    --typo-icons-color: white;
    --typo-link-underline-color: rgba(255, 255, 255, 0.6);
    --typo-link-hover-underline-color: white;
    --btn-v4-color: white;
}

body,
.light-theme,
.light-theme-prespecific,
.light-theme-specific {
    --typo-text-color: #67686E;
    --typo-quote-color: #444444;
    --typo-heading-color: #292d3a;
    --typo-icons-color: black;
    --typo-link-underline-color: #01A982;
    --typo-link-hover-underline-color: #707070;
}

.hf-centered-content {
    display: flex;
    position: relative;
    width: 100%;
    max-width: 1800px;
}

.hf-centered-content,
.centered-content {
    margin: 0 auto;
    padding: 0 var(--container-offset-x, 0);
}

.centered-content-fade {
    margin: 0;
    padding: 0 var(--container-offset-x);
}

.centered-content .centered-content-fade,
.hf-centered-content .centered-content-fade {
    width: var(--100vw, 100vw);
    margin-left: calc(50% - 0.5 * var(--100vw, 100vw));
    margin-right: calc(50% - 0.5 * var(--100vw, 100vw));
}

.base-modal .centered-content-fade,
.tab-container .bg-wrapper-component .centered-content-fade {
    width: auto;
    margin: 0;
    padding: 0 var(--container-offset-x);
    mask: none;
    overflow: clip;
}

.container-fluid.container-gutter {
    padding-left: var(--container-offset-x, 0);
    padding-right: var(--container-offset-x, 0);
}

.dark-theme .icon-lnk .icon-wrap::after,
body .dark-theme-prespecific .icon-lnk .icon-wrap::after,
html body .dark-theme-specific .icon-lnk .icon-wrap::after {
    border-color: #333333;
}

.light-theme .icon-lnk .icon-wrap::after,
body .light-theme-prespecific .icon-lnk .icon-wrap::after,
html body .light-theme-specific .icon-lnk .icon-wrap::after {
    border-color: #01A982;
}

.icon-lnk:hover,
.icon-lnk:focus {
    color: #000000;
}

.light-theme,
.light-theme-prespecific,
.light-theme-specific {
    --btn-v4-color: #444444;
}

:root,
.light-theme {
    --btn-lm-bg-color: #292d3a;
    --btn-lm-border-color: #292d3a;
    --btn-lm-text-color: white;
    --btn-lm-bg-color-hover: #535c66;
    --btn-lm-border-color-hover: #535c66;
    --btn-lm-bg-color-disabled: #d4d8d8;
    --btn-lm-border-color-disabled: #d4d8d8;
    --btn-lm-text-color-disabled: #a0a2a8;
    --btn-lm-secondary-text-color: #292d3a;
    --btn-lm-secondary-text-color-disabled: #a0a2a8;
    --cta-lm-color: #068667;
    --cta-lm-color-disabled: #a0a2a8;
    --cta-lm-color-hover: #005f49;
}

.cta.btn-landmark,
.cta.btn-landmark:visited {
    --btn-lm-border-width: 0px;
    --cta-lm-arrow-icon-color: var(--btn-lm-text-color);
    padding: calc(10px - var(--btn-lm-border-width)) calc(20px - var(--btn-lm-border-width));
    border-width: var(--btn-lm-border-width);
    transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    background: var(--btn-lm-bg-color);
    border-color: var(--btn-lm-border-color);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border-style: solid;
    gap: 12px;
    font-size: 20px;
    line-height: 1.2em;
    --f-base-size: 20px;
    font-family: 'HPEGraphik', Arial, sans-serif !important;
    font-weight: 500;
}

.cta.btn-landmark .arrow-icon,
.cta.btn-landmark:visited .arrow-icon {
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M1.67%2010L18.34%2010M18.34%2010L11.67%2016.67M18.34%2010L11.67%203.33%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E');
    mask-size: 100% 100%;
    background: var(--cta-lm-arrow-icon-color, #01A982);
}

.cta.btn-landmark .video-icon,
.cta.btn-landmark:visited .video-icon {
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2.5%203.08C2.5%202.45%203.18%202.05%203.74%202.35L16.19%209.27C16.76%209.59%2016.76%2010.41%2016.19%2010.73L3.74%2017.65C3.18%2017.95%202.5%2017.55%202.5%2016.92L2.5%203.08Z%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E');
    mask-size: 100% 100%;
    background: var(--cta-lm-arrow-icon-color, #01A982);
}

.cta.btn-landmark .download-icon,
.cta.btn-landmark:visited .download-icon {
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2%2016V18C2%2020.21%203.79%2022%206%2022H18C20.21%2022%2022%2020.21%2022%2018V16M12%2014V2M7%2010L12%2015L17%2010%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20/%3E%3C/svg%3E');
    mask-size: 100% 100%;
    background: var(--cta-lm-arrow-icon-color, #01A982);
}

.cta.btn-landmark .external-icon,
.cta.btn-landmark:visited .external-icon {
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22%2015V18C22%2020.21%2020.21%2022%2018%2022H6C3.79%2022%202%2020.21%202%2018V6C2%203.79%203.79%202%206%202H9M15%202H22V9M11%2013L21%203%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    mask-size: 100% 100%;
    background: var(--cta-lm-arrow-icon-color, #01A982);
}

.cta.btn-landmark .email-icon,
.cta.btn-landmark:visited .email-icon {
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M20%203a3%203%200%200%201%203%203v12a3%203%200%200%201-3%203H4a3%203%200%200%201-3-3V6a3%203%200%200%201%203-3h16Zm-6.46%2011.24a3%203%200%200%201-3.08%200L3%209.77V18a1%201%200%200%200%201%201h16a1%201%200%200%200%201-1V9.77l-7.46%204.47ZM4%205a1%201%200%200%200-1%201v1.43l8.49%205.1a1%201%200%200%200%201.02%200L21%207.43V6a1%201%200%200%200-1-1H4Z%22%20clip-rule%3D%22evenodd%22/%3E%3C/svg%3E');
    mask-size: 100% 100%;
    background: var(--cta-lm-arrow-icon-color, currentColor);
}

.cta.btn-landmark[external-link] .icon,
.cta.btn-landmark:visited[external-link] .icon {
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22%2015V18C22%2020.21%2020.21%2022%2018%2022H6C3.79%2022%202%2020.21%202%2018V6C2%203.79%203.79%202%206%202H9M15%202H22V9M11%2013L21%203%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    mask-size: 100% 100%;
    background: var(--cta-lm-arrow-icon-color, #01A982);
}

.cta.btn-landmark slim-text,
.cta.btn-landmark:visited slim-text {
    font-weight: 300;
}

.cta.btn-landmark:not([disabled], .disabled),
.cta.btn-landmark:visited:not([disabled], .disabled) {
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    background-color: var(--btn-lm-bg-color);
}

.clickable-area:hover~.clickable-area-wrapper .cta.btn-landmark:not([disabled], .disabled),
.clickable-area:hover~.clickable-area-wrapper .cta.btn-landmark:visited:not([disabled], .disabled),
.cta.btn-landmark:not([disabled], .disabled):hover,
.cta.btn-landmark:visited:not([disabled], .disabled):hover,
body:not(.disabled-focus) .clickable-area:focus~.clickable-area-wrapper .cta.btn-landmark:not([disabled], .disabled),
body:not(.disabled-focus) .clickable-area:focus~.clickable-area-wrapper .cta.btn-landmark:visited:not([disabled], .disabled),
body:not(.disabled-focus) .cta.btn-landmark:not([disabled], .disabled):focus,
body:not(.disabled-focus) .cta.btn-landmark:visited:not([disabled], .disabled):focus {
    background-color: var(--btn-lm-bg-color-hover);
    border-color: var(--btn-lm-border-color-hover);
}

.clickable-area:hover~.clickable-area-wrapper .cta.btn-landmark:not([disabled], .disabled) .text,
.clickable-area:hover~.clickable-area-wrapper .cta.btn-landmark:visited:not([disabled], .disabled) .text,
.cta.btn-landmark:not([disabled], .disabled):hover .text,
.cta.btn-landmark:visited:not([disabled], .disabled):hover .text,
body:not(.disabled-focus) .clickable-area:focus~.clickable-area-wrapper .cta.btn-landmark:not([disabled], .disabled) .text,
body:not(.disabled-focus) .clickable-area:focus~.clickable-area-wrapper .cta.btn-landmark:visited:not([disabled], .disabled) .text,
body:not(.disabled-focus) .cta.btn-landmark:not([disabled], .disabled):focus .text,
body:not(.disabled-focus) .cta.btn-landmark:visited:not([disabled], .disabled):focus .text {
    color: var(--btn-lm-text-color);
}

.cta.btn-landmark.disabled,
.cta.btn-landmark:visited.disabled,
.cta.btn-landmark[disabled],
.cta.btn-landmark:visited[disabled] {
    cursor: default;
    background-color: var(--btn-lm-bg-color-disabled);
    border-color: var(--btn-lm-border-color-disabled);
    --cta-lm-arrow-icon-color: var(--btn-lm-text-color-disabled);
}

.cta.btn-landmark.disabled .hpe-chat-hide-online,
.cta.btn-landmark:visited.disabled .hpe-chat-hide-online,
.cta.btn-landmark[disabled] .hpe-chat-hide-online,
.cta.btn-landmark:visited[disabled] .hpe-chat-hide-online,
.cta.btn-landmark.disabled .hpe-chat-hide-offline,
.cta.btn-landmark:visited.disabled .hpe-chat-hide-offline,
.cta.btn-landmark[disabled] .hpe-chat-hide-offline,
.cta.btn-landmark:visited[disabled] .hpe-chat-hide-offline,
.cta.btn-landmark.disabled .text,
.cta.btn-landmark:visited.disabled .text,
.cta.btn-landmark[disabled] .text,
.cta.btn-landmark:visited[disabled] .text {
    color: var(--btn-lm-text-color-disabled);
}

.cta.btn-landmark:not(.adaptive),
.cta.btn-landmark:visited:not(.adaptive) {
    max-width: 400px;
}

.cta.btn-landmark .hpe-chat-hide-online,
.cta.btn-landmark:visited .hpe-chat-hide-online,
.cta.btn-landmark .hpe-chat-hide-offline,
.cta.btn-landmark:visited .hpe-chat-hide-offline,
.cta.btn-landmark .text,
.cta.btn-landmark:visited .text {
    color: var(--btn-lm-text-color);
}

.cta.btn-landmark .icon,
.cta.btn-landmark:visited .icon {
    aspect-ratio: 1;
    min-width: 20px;
}

.cta.btn-landmark .icon.none-icon,
.cta.btn-landmark:visited .icon.none-icon {
    display: none;
}

.cta.btn-landmark.secondary,
.cta.btn-landmark:visited.secondary {
    --btn-lm-border-width: 4px;
    --btn-lm-bg-color: transparent;
    --btn-lm-border-color: #01A982;
    --btn-lm-bg-color-hover: transparent;
    --btn-lm-border-color-hover: #068667;
    --btn-lm-bg-color-disabled: transparent;
    --btn-lm-border-color-disabled: #d4d8d8;
    --btn-lm-text-color: var(--btn-lm-secondary-text-color, #292d3a);
    --btn-lm-text-color-disabled: var(--btn-lm-secondary-text-color-disabled, #a0a2a8);
    --cta-lm-arrow-icon-color: var(--btn-lm-text-color, #292d3a);
}

.cta.btn-landmark.secondary .text,
.cta.btn-landmark:visited.secondary .text {
    color: var(--btn-lm-text-color, #292d3a);
}

.cta.btn-landmark.small,
.cta.btn-landmark:visited.small {
    gap: 8px;
    padding: calc(16px - var(--btn-lm-border-width)) calc(24px - var(--btn-lm-border-width));
}

.cta.btn-landmark.small .text,
.cta.btn-landmark:visited.small .text {
    font-size: 16px;
    line-height: 1.5em;
    --f-base-size: 16px;
}

.cta.btn-landmark.small .icon,
.cta.btn-landmark:visited.small .icon {
    min-width: 16px;
}

.cta.btn-landmark.large,
.cta.btn-landmark:visited.large {
    padding: calc(22px - var(--btn-lm-border-width)) calc(40px - var(--btn-lm-border-width));
}

.cta.btn-landmark.large .text,
.cta.btn-landmark:visited.large .text {
    font-size: 24px;
    line-height: 1.16666667em;
    --f-base-size: 24px;
}

.cta.btn-landmark.large .icon,
.cta.btn-landmark:visited.large .icon {
    min-width: 24px;
}

.cta.btn-landmark.btn-chat-overlay {
    --btn-lm-bg-color: rgba(255, 255, 255, 0.9);
    --btn-lm-border-color: rgba(255, 255, 255, 0.9);
    --btn-lm-bg-color-hover: rgba(255, 255, 255, 0.9);
    --btn-lm-border-color-hover: rgba(255, 255, 255, 0.9);
    --btn-lm-text-color: #292d3a;
    --cta-lm-arrow-icon-color: #292d3a;
    box-shadow: 0 0 13.8px 0 rgba(0, 0, 0, 0.25);
    gap: 0;
    padding: calc(16px - var(--btn-lm-border-width));
}

.cta.btn-landmark.btn-chat-overlay .icon {
    width: 24px;
    height: 24px;
}

.cta.btn-landmark.btn-chat-overlay .text {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.5em;
    --f-base-size: 16px;
    max-width: 0;
    transition: 0.3s max-width 0.05s ease-in-out;
    animation: 5s expand 3s ease-in-out;
}

.cta.btn-landmark.btn-chat-overlay .text::before,
.cta.btn-landmark.btn-chat-overlay .text::after {
    content: '';
    display: inline-block;
}

.cta.btn-landmark.btn-chat-overlay .text::before {
    padding-left: 24px;
}

.cta.btn-landmark.btn-chat-overlay .text::after {
    padding-left: 9px;
}

@keyframes expand {



    0%,
    100% {
        max-width: 0;
    }

    6%,
    94% {
        max-width: 300px;
    }


}

.cta.btn-landmark.btn-chat-overlay:is(:hover, :focus-visible) .text {
    max-width: 300px;
    transition: 0.3s max-width 0s ease-in-out;
}

.btn-cta-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.btn-cta-group.left-alignment {
    align-items: flex-start;
}

.btn-cta-group.center-alignment {
    align-items: center;
}

.btn-cta-group.right-alignment {
    align-items: flex-end;
}

.btn-cta-group.inline-layout {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.btn-cta-group.inline-layout.left-alignment {
    justify-content: flex-start;
}

.btn-cta-group.inline-layout.center-alignment {
    justify-content: center;
}

.btn-cta-group.inline-layout.right-alignment {
    justify-content: flex-end;
}

.text-only {
    --to-gap: 30px;
}

.text-only .txto-title {
    display: inline-block;
    padding: 0;
}

.text-only .txto-title-alternate {
    margin: 0;
}

.text-only .txto-title-alternate .txto-title {
    color: inherit;
    display: block;
}

.text-only .txto-title-alternate .txto-title-text {
    display: inline-block;
}

.text-only .txto-title-alternate .txto-title-text:not(.art-text-gradient) {
    color: inherit;
}

.text-only .txto-title-wrapper {
    display: flow-root;
}

.text-only .txto-title-wrapper .txto-title {
    --crop-margin-bottom: var(--to-gap);
    --_ratioB: var(--f-extra-space-bottom-ratio-cap, 0);
    --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em*var(--_ratioB) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-bottom: var(--bottom-margin-crop-size);
}

.text-only:not(.keep-extra-spaces) .txto-title {
    --_ratioT: var(--f-extra-space-top-ratio, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
}

.text-only:not(.keep-extra-spaces) .txto-title:lang(de) {
    --f-extra-space-top-ratio: 0;
}

.text-only:not(.keep-extra-spaces) .txto-title-wrapper:last-child {
    --to-gap: 0px;
}

.text-only:not(.keep-extra-spaces) .rich-text-container>:first-child {
    --crop-margin-top: 0px;
    --_ratiot: var(--f-extra-space-top-ratio, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
}

.text-only:not(.keep-extra-spaces) .rich-text-container>:last-child {
    --crop-margin-bottom: 0px;
    --_ratiob: var(--f-extra-space-bottom-ratio, 0);
    --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em*var(--_ratioB) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-bottom: var(--bottom-margin-crop-size);
}

.text-only:not(.keep-extra-spaces) .rich-text-container[esl-line-clamp]>:last-child {
    --crop-margin-bottom: 2.5px;
}

.text-only .rich-text-container :is(h3, h4, h5, h6):first-child {
    --_ratiot: var(--f-extra-space-top-ratio, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
}

.text-only .rich-text-container ul,
.text-only .rich-text-container ol {
    --crop-margin-bottom: 30px;
    --crop-margin-top: 30px;
    --_ratiob: var(--f-extra-space-bottom-ratio, 0);
    --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em*var(--_ratioB) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-bottom: var(--bottom-margin-crop-size);
}

.text-only .rich-text-container ul:not(:first-child),
.text-only .rich-text-container ol:not(:first-child),
.text-only .rich-text-container ul:not(:first-child)>li,
.text-only .rich-text-container ol:not(:first-child)>li,
.text-only .rich-text-container ul:first-child li:not(:first-child),
.text-only .rich-text-container ol:first-child li:not(:first-child) {
    --_ratiot: var(--f-extra-space-top-ratio, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
}

.text-only .rich-text-container li {
    --crop-margin-top: 0px;
    --crop-margin-bottom: 0px;
    --_ratiob: var(--f-extra-space-bottom-ratio, 0);
    --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em*var(--_ratioB) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-bottom: var(--bottom-margin-crop-size);
}

.text-only .rich-text-container li:not(:last-child) {
    --crop-margin-bottom: 19px;
}

.text-only.text-only.text-only-114462053 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.simple-card {
    height: 100%;
    padding: 24px;
    position: relative;
    
}

.simple-card .sc-bg-image {
    object-fit: cover;
    z-index: -1;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

.simple-card .sc-bg-image:not(.img-container-loaded) {
    opacity: 0 !important;
}

.simple-card .sc-content-wrapper {
    flex-direction: column;
    height: 100%;
    display: flex;
}

.simple-card .sc-content-wrapper .sc-image-wrapper {
    width: fit-content;
}

.simple-card .sc-content-wrapper .sc-image-wrapper .sc-img-container {
    width: var(--_img_width, var(--_img_size));
    height: var(--_img_height, var(--_img_size));
    flex-direction: column;
    justify-content: center;
    display: flex;
}

.simple-card .sc-content-wrapper .sc-image-wrapper .sc-image {
    width: auto;
    height: auto;
    max-height: 100%;
}

.simple-card .sc-content-wrapper .sc-image-wrapper .sc-image.img-svg {
    width: 100%;
    height: 100%;
}

.simple-card .sc-content-wrapper.icon-enabled .sc-image-wrapper {
    --_img_size: 32px;
}

.simple-card .sc-content-wrapper.icon-enabled .sc-image-wrapper .sc-image {
    height: 100%;
}

.simple-card .sc-content-wrapper.avatar-enabled .sc-image-wrapper {
    --_img_size: 64px;
}

.simple-card .sc-content-wrapper.avatar-enabled .sc-image-wrapper .sc-image {
    object-fit: cover;
    border-radius: 50%;
}

.simple-card .sc-content-wrapper.logo-enabled .sc-image-wrapper {
    --_img_width: auto;
    --_img_height: 32px;
}

.simple-card .sc-content-wrapper.logo-enabled .sc-image-wrapper,
.simple-card .sc-content-wrapper.avatar-enabled .sc-image-wrapper,
.simple-card .sc-content-wrapper.icon-enabled .sc-image-wrapper {
    margin-bottom: 24px;
}

.simple-card .sc-content-wrapper .sc-content {
    position: relative;
}

.simple-card .sc-content-wrapper .sc-content:not(:last-child) {
    margin-bottom: 32px;
}

.simple-card .sc-content-wrapper .sc-content .text-only {
    --to-gap: 16px;
}

.simple-card .sc-content-wrapper .sc-content .txto-description :is(ul, ol):last-child {
    --crop-margin-bottom: 0px;
}

.simple-card .sc-content-wrapper.align-content-right .sc-content .sc-image-wrapper {
    margin-left: auto;
}

.simple-card .sc-content-wrapper.align-content-right .sc-cta-wrapper {
    align-items: flex-end;
}

.simple-card .sc-content-wrapper.align-content-right .sc-cta-wrapper .hpe-arrow-link,
.simple-card .sc-content-wrapper.align-content-right .sc-cta-wrapper .text {
    text-align: right;
}

.simple-card .sc-content-wrapper.align-content-center .sc-content .sc-image-wrapper {
    margin-left: auto;
    margin-right: auto;
}

.simple-card .sc-content-wrapper.align-content-center .sc-cta-wrapper {
    align-items: center;
}

.simple-card .sc-content-wrapper.align-content-center .sc-cta-wrapper .hpe-arrow-link,
.simple-card .sc-content-wrapper.align-content-center .sc-cta-wrapper .text {
    text-align: center;
}

.simple-card .sc-content-wrapper .sc-cta-wrapper {
    margin-top: auto;
}

.simple-card .sc-content-wrapper .sc-cta-wrapper .sc-cta:not(:last-child) {
    margin-bottom: 24px;
}

.simple-card .sc-content-wrapper .sc-cta-wrapper .cta {
    min-width: auto;
}

.simple-card.sc-clickable .txto-description a,
.simple-card.sc-clickable .hpe-note {
    z-index: 2;
}

body:not(.disabled-focus) .simple-card:has(.uc-card-wrapper:focus) {
    outline: 2px solid #2ad2c9;
}

.uc-card-wrapper {
    z-index: 1;
    position: absolute;
    inset: 0;
}

.uc-card-wrapper:focus-visible {
    outline: none;
}

:is(.uc-card, .uc-card-shadow) {
    z-index: 1;
}

:is(.uc-card, .uc-card-shadow) .uc-card-hover-bg {
    opacity: 0;
    z-index: -1;
    background: linear-gradient(160deg, #00e0af00 70%, #00e0af66 100%);
    transition: opacity .5s linear;
    position: absolute;
    inset: 0;
}

:is(.uc-card, .uc-card-shadow):has(.uc-card-wrapper:hover) .uc-card-hover-bg {
    opacity: 1;
}

:is(.uc-card, .uc-card-shadow):has(.uc-card-wrapper:hover) .hpe-arrow-link .arrow {
    transform: none;
}

body:not(.disabled-focus) .uc-card:has(.uc-card-wrapper:focus) {
    outline: 2px solid #2ad2c9;
}

.hpe-card-grid {
    --_cg-columns: 1;
    --_cg-gap: 24px;
}

.hpe-card-grid .card-grid-content {
    gap: var(--_cg-gap);
    flex-wrap: wrap;
    display: flex;
}

.hpe-card-grid .card-grid-content .card-grid-item {
    flex: 0 0 calc((100.0% - var(--_cg-gap)*(var(--_cg-columns) - 1))/var(--_cg-columns));
}

.hpe-card-grid .card-grid-content .centered-content {
    --container-offset-x: 0;
}

.hpe-card-grid .card-grid-content.card-grid-center-alignment {
    justify-content: center;
}

.hpe-card-grid .card-grid-content.simple-card-grid .simple-card-wrapper {
    height: 100%;
}

.hpe-card-grid .card-grid-content.content-block-grid {
    row-gap: 48px;
}

div,
p {
    font-family: 'HPEGraphik', Arial, sans-serif !important;
}

.hpe-table-typo-light {
    border: 0;
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    color: white !important;
    font-family: 'HPEGraphik', Arial, sans-serif !important;
}
.hpe-course-attendance {
    border: 0;
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-family: 'HPEGraphik', Arial, sans-serif !important;
}

.hpe-table-typo-light.fixed-col {
    table-layout: fixed;
}

.hpe-table-typo-light th {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #CCCCCC;
    white-space: nowrap;
    vertical-align: bottom;
    padding: 8px 10px 8px 0;
    min-width: 200px;
    color: white;
}
.recertify-through th {
    text-align: left;
    font-size: 16px;
    list-style: none;
    text-transform: capitalize;
    border-bottom: 1px solid #CCCCCC;
    white-space:unset;
    vertical-align: top;
    padding: 10px;
    min-width: 0;
    color: white;
}
.recertify-through.news-file th {
    background-color: #1d1f27;
    /* color: #1d1f27; */
    padding: 20px;
}
.recertify-through.news-file td{
    color: #1d1f27;
    padding: 20px;
    vertical-align: middle;
}
.recertify-through.news-file td p {
    color: #1d1f27;
    line-height: 1.5em;
}
.recertify-through.news-file td p a  {
    color: #005f49;
    font-size: 16px !important;
    cursor: pointer;
}
.recertify-through.news-file td ul  {
    padding-left: 20px;
    color: #1d1f27;
}
.recertify-through.news-file td ul li, .recertify-through.news-file td ul li a {
   color: #1d1f27;
   list-style-type: disc;
   font-size: 16px !important;   
}

.recertify-through td p  {
    font-size: 16px !important;
}

.pan_card_caption_shadow,
.pan_card_body,
.pan_card_wrap {
    padding: 0 !important;
    border: none !important;
}

.hpe-table-typo-light th.center {
    text-align: center;
}

.hpe-table-typo-light td {
    border-bottom: 1px solid #666;
    color: white;
    vertical-align: top;
    padding: 16px 10px 16px 0;
}
.recertify-through td {
       padding: 20px 10px;
}

.hpe-table-typo-light tr td:first-child,
.hpe-table-typo-light tr th:first-child {
    padding-left: 10px;
}

.hpe-table-typo-light tr td:last-child,
.hpe-table-typo-light tr th:last-child {
    padding-right: 10px;
}

.hpe-table-typo-light tr:hover td,
.hpe-table-typo-light tr.active td {
    background: transparent;
}

.hpe-table-typo-light tr:last-child td {
    border-bottom-color: #999999;
}


.hpe-course-attendance thead{
    background: #292d3a;
    color: white;
}
.hpe-course-attendance thead th{
    font-weight: 600;
    color: white;
    font-size: 16px;
    vertical-align: middle;
        font-family: 'HPEGraphik', Arial, sans-serif !important;
}
.hpe-course-attendance tbody td, .hpe-course-attendance tbody td a {
    font-size: 16px;
}
.hpe-course-attendance thead th, .hpe-course-attendance tbody td{
    padding: 20px;
    text-align: left;
}
.hpe-course-attendance tbody tr:not(:last-child) {
   border-bottom: 1px solid;
}
.hpe-course-attendance tbody tr:last-child {
   border-bottom: 2px solid;
}


.hpe-course-attendance td a, .recertify-link, .hpe-chat-hide-online a:hover{
    color: #005f49 !important;
    text-decoration: none;
}
.hpe-course-attendance td a:hover, .recertify-link:hover, .hpe-chat-hide-online a{
    color: #068667 !important;
}

.hpe-chat-hide-online a{
    text-decoration: none;
    position: relative;
}

.hpe-chat-hide-online a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* adjust distance from text */
    width: 0;
    height: 2px;
    background: currentColor;
    transition: width 0.8s ease;
}


.hpe-chat-hide-online a:hover::after {
    width: 100%;
}

.hpe-course-attendance ul{
    padding-left: 20px;
    margin-top: 1rem !important;
}
.hpe-course-attendance ul li{
    list-style: disc;
    font-size: 16px !important;
}


.dark-theme p,
body .dark-theme-prespecific p,
html body .dark-theme-specific p,
.dark-theme span,
body .dark-theme-prespecific span,
html body .dark-theme-specific span,
.dark-theme ul,
body .dark-theme-prespecific ul,
html body .dark-theme-specific ul,
.dark-theme li,
body .dark-theme-prespecific li,
html body .dark-theme-specific li,
.dark-theme div,
body .dark-theme-prespecific div,
html body .dark-theme-specific div,
.dark-theme strong,
body .dark-theme-prespecific strong,
html body .dark-theme-specific strong,
.dark-theme b,
body .dark-theme-prespecific b,
html body .dark-theme-specific b,
.dark-theme i,
body .dark-theme-prespecific i,
html body .dark-theme-specific i,
.dark-theme em,
body .dark-theme-prespecific em,
html body .dark-theme-specific em,
.dark-theme u,
body .dark-theme-prespecific u,
html body .dark-theme-specific u,
.dark-theme h2,
body .dark-theme-prespecific h2,
html body .dark-theme-specific h2,
.dark-theme h3,
body .dark-theme-prespecific h3,
html body .dark-theme-specific h3,
.dark-theme h4,
body .dark-theme-prespecific h4,
html body .dark-theme-specific h4,
.dark-theme h5,
body .dark-theme-prespecific h5,
html body .dark-theme-specific h5,
.dark-theme h6,
body .dark-theme-prespecific h6,
html body .dark-theme-specific h6,
.dark-theme .body-copy-large,
body .dark-theme-prespecific .body-copy-large,
html body .dark-theme-specific .body-copy-large,
.dark-theme .body-copy,
body .dark-theme-prespecific .body-copy,
html body .dark-theme-specific .body-copy,
.dark-theme .body-copy-small,
body .dark-theme-prespecific .body-copy-small,
html body .dark-theme-specific .body-copy-small,
.dark-theme .caption,
body .dark-theme-prespecific .caption,
html body .dark-theme-specific .caption,
.dark-theme a,
body .dark-theme-prespecific a,
html body .dark-theme-specific a,
.dark-theme a:hover,
body .dark-theme-prespecific a:hover,
html body .dark-theme-specific a:hover,
.dark-theme a:focus,
body .dark-theme-prespecific a:focus,
html body .dark-theme-specific a:focus,
.dark-theme a:visited,
body .dark-theme-prespecific a:visited,
html body .dark-theme-specific a:visited {
    color: #FFFFFF;
}

.light-theme p,
body .light-theme-prespecific p,
html body .light-theme-specific p,
.light-theme span,
body .light-theme-prespecific span,
html body .light-theme-specific span,
.light-theme ul,
body .light-theme-prespecific ul,
html body .light-theme-specific ul,
.light-theme li,
body .light-theme-prespecific li,
html body .light-theme-specific li,
.light-theme div,
body .light-theme-prespecific div,
html body .light-theme-specific div,
.light-theme strong,
body .light-theme-prespecific strong,
html body .light-theme-specific strong,
.light-theme b,
body .light-theme-prespecific b,
html body .light-theme-specific b,
.light-theme i,
body .light-theme-prespecific i,
html body .light-theme-specific i,
.light-theme em,
body .light-theme-prespecific em,
html body .light-theme-specific em,
.light-theme u,
body .light-theme-prespecific u,
html body .light-theme-specific u,
.light-theme h2,
body .light-theme-prespecific h2,
html body .light-theme-specific h2,
.light-theme h3,
body .light-theme-prespecific h3,
html body .light-theme-specific h3,
.light-theme h4,
body .light-theme-prespecific h4,
html body .light-theme-specific h4,
.light-theme h5,
body .light-theme-prespecific h5,
html body .light-theme-specific h5,
.light-theme h6,
body .light-theme-prespecific h6,
html body .light-theme-specific h6,
.light-theme .body-copy-large,
body .light-theme-prespecific .body-copy-large,
html body .light-theme-specific .body-copy-large,
.light-theme .body-copy,
body .light-theme-prespecific .body-copy,
html body .light-theme-specific .body-copy,
.light-theme .body-copy-small,
body .light-theme-prespecific .body-copy-small,
html body .light-theme-specific .body-copy-small,
.light-theme .caption,
body .light-theme-prespecific .caption,
html body .light-theme-specific .caption,
.light-theme a,
body .light-theme-prespecific a,
html body .light-theme-specific a,
.light-theme a:hover,
body .light-theme-prespecific a:hover,
html body .light-theme-specific a:hover,
.light-theme a:focus,
body .light-theme-prespecific a:focus,
html body .light-theme-specific a:focus,
.light-theme a:visited,
body .light-theme-prespecific a:visited,
html body .light-theme-specific a:visited {
    color: #000000;
}

ul:not(.type-checkmark),
.body-copy>ul:not(.type-checkmark),
ul:not(.type-checkmark)>li.body-copy {
    --bullet-width: 6px;
    line-height: 2rem;
    padding: 0;
    margin: 0;
}

ul:not(.type-checkmark)>li {
    --bullet-height: var(--bullet-width);
    list-style-type: none;
}

.hpe-card-grid--2034847578 {
    margin-bottom: 60px;
}

.hpe-arrow-link {
    position: relative;
    font-size: 20px;
    line-height: 1.2em;
    --f-base-size: 20px;
    font-family: 'Metric Semibold', Arial, sans-serif;
    cursor: pointer;
    color: #01A982;
    fill: #01A982;
    text-decoration: none;
    padding-right: 5px;
}

.hpe-arrow-link .text {
    color: inherit;
}

.hpe-arrow-link:visited,
.hpe-arrow-link.hovered,
.hpe-arrow-link:hover,
.hpe-arrow-link:focus {
    color: #01A982;
    fill: #01A982;
    text-decoration: none;
}

.hpe-arrow-link:visited .arrow,
.hpe-arrow-link.hovered .arrow,
.hpe-arrow-link:hover .arrow,
body:not(.disabled-focus) .hpe-arrow-link:focus .arrow {
    transform: translateX(5px);
}

.hpe-arrow-link.white-type:not(#add-spec) {
    color: #FFFFFF;
    fill: #01A982;
}

.hpe-arrow-link.white-type:not(#add-spec):visited,
.hpe-arrow-link.white-type:not(#add-spec).hovered,
.hpe-arrow-link.white-type:not(#add-spec):hover,
.hpe-arrow-link.white-type:not(#add-spec):focus {
    color: #FFFFFF;
    fill: #01A982;
}

.hpe-arrow-link.white-type:not(#add-spec) .arrow,
.hpe-arrow-link.white-type:not(#add-spec) .arrow-wrapper {
    color: inherit;
    fill: #01A982;
}

.hpe-arrow-link .arrow-wrapper {
    white-space: nowrap;
}

.hpe-arrow-link .arrow {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 5px;
    vertical-align: text-bottom;
    transition: transform 150ms ease-in-out;
}

.hpe-arrow-link:hover .arrow,
body:not(.disabled-focus) .hpe-arrow-link:focus .arrow,
:is(.clickable-area:hover, .clickable-area:focus)~.clickable-area-wrapper .hpe-arrow-link .arrow {
    transform: translateX(5px);
}

.hpe-arrow-link.color-light-blue {
    color: #7FF9E2;
    fill: #7FF9E2;
}

.hpe-arrow-link.color-light-blue:visited,
.hpe-arrow-link.color-light-blue.hovered,
.hpe-arrow-link.color-light-blue:hover,
.hpe-arrow-link.color-light-blue:focus {
    color: #7FF9E2;
    fill: #7FF9E2;
}

.hpe-arrow-link.color-light-blue .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%237FF9E2%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E') no-repeat;
}

.hpe-arrow-link.color-medium-blue {
    color: #32DAC8;
    fill: #32DAC8;
}

.hpe-arrow-link.color-medium-blue:visited,
.hpe-arrow-link.color-medium-blue.hovered,
.hpe-arrow-link.color-medium-blue:hover,
.hpe-arrow-link.color-medium-blue:focus {
    color: #32DAC8;
    fill: #32DAC8;
}

.hpe-arrow-link.color-medium-blue .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%2332DAC8%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E') no-repeat;
}

.hpe-arrow-link.color-dark-blue {
    color: #0D5265;
    fill: #0D5265;
}

.hpe-arrow-link.color-dark-blue:visited,
.hpe-arrow-link.color-dark-blue.hovered,
.hpe-arrow-link.color-dark-blue:hover,
.hpe-arrow-link.color-dark-blue:focus {
    color: #0D5265;
    fill: #0D5265;
}

.hpe-arrow-link.color-dark-blue .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%230D5265%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E') no-repeat;
}

.hpe-arrow-link.color-aruba-orange {
    color: #FF8300;
    fill: #FF8300;
}

.hpe-arrow-link.color-aruba-orange:visited,
.hpe-arrow-link.color-aruba-orange.hovered,
.hpe-arrow-link.color-aruba-orange:hover,
.hpe-arrow-link.color-aruba-orange:focus {
    color: #FF8300;
    fill: #FF8300;
}

.hpe-arrow-link.color-aruba-orange .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%23FF8300%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E') no-repeat;
}

.hpe-arrow-link.color-light-purple {
    color: #C140FF;
    fill: #C140FF;
}

.hpe-arrow-link.color-light-purple:visited,
.hpe-arrow-link.color-light-purple.hovered,
.hpe-arrow-link.color-light-purple:hover,
.hpe-arrow-link.color-light-purple:focus {
    color: #C140FF;
    fill: #C140FF;
}

.hpe-arrow-link.color-light-purple .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%23C140FF%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E') no-repeat;
}

.hpe-arrow-link.color-medium-purple {
    color: #7630EA;
    fill: #7630EA;
}

.hpe-arrow-link.color-medium-purple:visited,
.hpe-arrow-link.color-medium-purple.hovered,
.hpe-arrow-link.color-medium-purple:hover,
.hpe-arrow-link.color-medium-purple:focus {
    color: #7630EA;
    fill: #7630EA;
}

.hpe-arrow-link.color-medium-purple .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%237630EA%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E') no-repeat;
}

.hpe-arrow-link.color-yellow {
    color: #FEC901;
    fill: #FEC901;
}

.hpe-arrow-link.color-yellow:visited,
.hpe-arrow-link.color-yellow.hovered,
.hpe-arrow-link.color-yellow:hover,
.hpe-arrow-link.color-yellow:focus {
    color: #FEC901;
    fill: #FEC901;
}

.hpe-arrow-link.color-yellow .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%23FEC901%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E') no-repeat;
}

.hpe-arrow-link.color-black {
    color: #000000;
    fill: #000000;
}

.hpe-arrow-link.color-black:visited,
.hpe-arrow-link.color-black.hovered,
.hpe-arrow-link.color-black:hover,
.hpe-arrow-link.color-black:focus {
    color: #000000;
    fill: #000000;
}

.hpe-arrow-link.color-black .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E') no-repeat;
}

.hpe-arrow-link.color-white {
    color: #FFFFFF;
    fill: #FFFFFF;
}

.hpe-arrow-link.color-white:visited,
.hpe-arrow-link.color-white.hovered,
.hpe-arrow-link.color-white:hover,
.hpe-arrow-link.color-white:focus {
    color: #FFFFFF;
    fill: #FFFFFF;
}

.hpe-arrow-link.color-white .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E') no-repeat;
}

.dark-theme .icon-lnk.typo3 .icon-wrap::after,
body .dark-theme-prespecific .icon-lnk.typo3 .icon-wrap::after,
html body .dark-theme-specific .icon-lnk.typo3 .icon-wrap::after {
    border-color: #01A982;
}

.hpe-arrow-link-back {
    display: inline-block;
    padding: 0;
}

.hpe-arrow-link-back .arrow {
    transform: rotate(180deg) translateX(5px);
}

.hpe-arrow-link-back:hover .arrow {
    transform: rotate(180deg) translateX(10px);
}

.hpe-arrow-link.typo5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5em;
    --f-base-size: 16px;
}

.hpe-arrow-link.typo5 .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%2301A982%22%20d%3D%22M9.58579%206.00005L5.89289%202.30716L7.30711%200.892944L12.7071%206.29294L13.4142%207.00005L12.7071%207.70716L7.30711%2013.1072L5.89289%2011.6929L9.58579%208.00005H0V6.00005H9.58579Z%22/%3E%3C/svg%3E') no-repeat;
    width: 0.7em;
    height: 0.85em;
    transition: transform 150ms ease-in-out;
    margin-left: 8px;
}

.hpe-arrow-link.typo5 .link-text {
    color: inherit;
}

.hpe-arrow-link.typo5.large {
    font-size: 20px;
    line-height: 1.5em;
    --f-base-size: 20px;
}

.hpe-arrow-link.typo5.large .arrow {
    margin-left: 10px;
}

.hpe-arrow-link.typo5.small {
    font-size: 14px;
    line-height: 1.42857143em;
    --f-base-size: 14px;
}

.hpe-arrow-link.typo5.white-link:not(.add-spec) {
    color: #fff;
}

.hpe-arrow-link.typo5.white-link:not(.add-spec) .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M9.58579%206.00005L5.89289%202.30716L7.30711%200.892944L12.7071%206.29294L13.4142%207.00005L12.7071%207.70716L7.30711%2013.1072L5.89289%2011.6929L9.58579%208.00005H0V6.00005H9.58579Z%22/%3E%3C/svg%3E') no-repeat;
}

.hpe-arrow-link.typo5.black-link:not(.add-spec) {
    color: #444444;
}

.hpe-arrow-link.typo5.black-link:not(.add-spec) .arrow {
    background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M9.58579%206.00005L5.89289%202.30716L7.30711%200.892944L12.7071%206.29294L13.4142%207.00005L12.7071%207.70716L7.30711%2013.1072L5.89289%2011.6929L9.58579%208.00005H0V6.00005H9.58579Z%22/%3E%3C/svg%3E') no-repeat;
}

.hpe-arrow-link.landmark,
.hpe-arrow-link.landmark:visited {
    font-size: 20px;
    line-height: 1.2em;
    --f-base-size: 20px;
    font-family: 'HPEGraphik', Arial, sans-serif !important;
    font-weight: 500;
    overflow-wrap: break-word;
    word-break: break-word;
    transition: color 0.15s ease-in-out;
    color: var(--cta-lm-color);
    --cta-lm-arrow-icon-color: var(--cta-lm-color);
}

.hpe-arrow-link.landmark span,
.hpe-arrow-link.landmark:visited span {
    color: inherit;
}

.hpe-arrow-link.landmark.disabled,
.hpe-arrow-link.landmark:visited.disabled,
.hpe-arrow-link.landmark[disabled],
.hpe-arrow-link.landmark:visited[disabled] {
    cursor: default;
    --cta-lm-arrow-icon-color: var(--cta-lm-color-disabled);
    color: var(--cta-lm-color-disabled);
}

.hpe-arrow-link.landmark:focus,
.hpe-arrow-link.landmark:visited:focus {
    color: var(--cta-lm-color);
}

.hpe-arrow-link.landmark:not([disabled], .disabled):hover,
.hpe-arrow-link.landmark:visited:not([disabled], .disabled):hover,
body:not(.disabled-focus) .hpe-arrow-link.landmark:not([disabled], .disabled):focus,
body:not(.disabled-focus) .hpe-arrow-link.landmark:visited:not([disabled], .disabled):focus,
:is(.clickable-area:hover, .clickable-area:focus)~.clickable-area-wrapper .hpe-arrow-link.landmark:not([disabled], .disabled),
:is(.clickable-area:hover, .clickable-area:focus)~.clickable-area-wrapper .hpe-arrow-link.landmark:visited:not([disabled], .disabled) {
    --cta-lm-arrow-icon-color: var(--cta-lm-color-hover);
    color: var(--cta-lm-color-hover);
}

.hpe-arrow-link.landmark:not([disabled], .disabled):hover .arrow,
.hpe-arrow-link.landmark:visited:not([disabled], .disabled):hover .arrow,
body:not(.disabled-focus) .hpe-arrow-link.landmark:not([disabled], .disabled):focus .arrow,
body:not(.disabled-focus) .hpe-arrow-link.landmark:visited:not([disabled], .disabled):focus .arrow,
:is(.clickable-area:hover, .clickable-area:focus)~.clickable-area-wrapper .hpe-arrow-link.landmark:not([disabled], .disabled) .arrow,
:is(.clickable-area:hover, .clickable-area:focus)~.clickable-area-wrapper .hpe-arrow-link.landmark:visited:not([disabled], .disabled) .arrow {
    transform: none;
}

.hpe-arrow-link.landmark .arrow,
.hpe-arrow-link.landmark:visited .arrow {
    --cta-lm-icon-size: 20px;
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M1.67%2010L18.34%2010M18.34%2010L11.67%2016.67M18.34%2010L11.67%203.33%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E');
    mask-size: 100% 100%;
    background: var(--cta-lm-arrow-icon-color, #01A982);
    aspect-ratio: 1;
    width: var(--cta-lm-icon-size);
    height: var(--cta-lm-icon-size);
    transition: background 0.15s ease-in-out;
    margin-inline-start: 12px;
    vertical-align: middle;
    margin-bottom: 0.1em;
}

.hpe-arrow-link.landmark[external-link] .arrow,
.hpe-arrow-link.landmark:visited[external-link] .arrow {
    mask-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M22%2015V18C22%2020.21%2020.21%2022%2018%2022H6C3.79%2022%202%2020.21%202%2018V6C2%203.79%203.79%202%206%202H9M15%202H22V9M11%2013L21%203%22%20stroke%3D%22%2301A982%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    mask-size: 100% 100%;
    background: var(--cta-lm-arrow-icon-color, #01A982);
}

.hpe-arrow-link.landmark.black-link,
.hpe-arrow-link.landmark:visited.black-link {
    --cta-lm-color: #292d3a;
    --cta-lm-color-disabled: #a0a2a8;
    --cta-lm-color-hover: #21242e;
    color: var(--cta-lm-color);
}

.hpe-arrow-link.landmark.white-link,
.hpe-arrow-link.landmark:visited.white-link {
    --cta-lm-color: white;
    --cta-lm-color-disabled: #d4d8db;
    --cta-lm-color-hover: #f7f7f7;
    color: var(--cta-lm-color);
}

.hpe-arrow-link.landmark.large,
.hpe-arrow-link.landmark:visited.large {
    font-size: 24px;
    line-height: 1.16666667em;
    --f-base-size: 24px;
}

.hpe-arrow-link.landmark.small,
.hpe-arrow-link.landmark:visited.small {
    font-size: 16px;
    line-height: 1.5em;
    --f-base-size: 16px;
}

.hpe-arrow-link.landmark.small .arrow,
.hpe-arrow-link.landmark:visited.small .arrow {
    margin-inline-start: 8px;
    --cta-lm-icon-size: 16px;
}

.unwrap {
    display: contents;
}

.break-words {
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: inherit;
}

.nowrap {
    white-space: nowrap;
}

.sc-content-desc p {
    font-size: inherit !important;
}

.text-only.text-only.text-only--1466957509 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.accolade-bar {
    --esl-carousel-side-space: 0px;
    --ab-slide-padding-top: 40px;
}

.accolade-bar [esl-carousel-slides] {
    gap: 0;
}

.accolade-bar .accolade-bar-slide {
    background: var(--_ab-bg-color, transparent);
    flex-direction: column;
    width: 100%;
    display: flex;
}

.accolade-bar .accolade-bar-slide:before {
    content: "";
    min-height: var(--ab-slide-padding-top);
    flex: 1 0 0;
}

.accolade-bar .accolade-bar-slide:after {
    content: "";
    min-height: max(var(--ab-slide-padding-top), var(--esl-carousel-control-block-height));
    flex: 1 0 0;
}

.accolade-bar .accolade-bar-slide.dark-theme {
    --_ab-bg-color: #1d1f27;
}

.accolade-bar .accolade-bar-slide.light-theme {
    --_ab-bg-color: #f7f7f7;
}

.accolade-bar .accolade-bar-bg-wrapper,
.accolade-bar .accolade-bar-bg-gradient {
    position: absolute;
    inset: 0;
}

.accolade-bar .accolade-bar-bg-wrapper {
    z-index: -1;
}

.accolade-bar .accolade-bar-bg-gradient {
    background-image: linear-gradient(to bottom, var(--_ab-bg-color), transparent);
}

.accolade-bar .accolade-bar-bg-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.accolade-bar .accolade-bar-content {
    flex-direction: column;
    flex: 1 0 0;
    width: 100%;
    display: flex;
}

.accolade-bar .accolade-bar-content.accolade-bar-mode-image {
    gap: 40px;
}

.accolade-bar .accolade-bar-content .accolade-bar-col {
    flex: 0 100%;
}

.accolade-bar .accolade-bar-content .accolade-bar-asset {
    justify-content: center;
    display: flex;
}

.accolade-bar .accolade-bar-content .accolade-bar-cta-group {
    gap: 17px;
    margin-top: 20px;
    display: flex;
}

.accolade-bar .accolade-bar-content .accolade-bar-disclaimer {
    margin-top: 20px;
}

.accolade-bar .accolade-bar-content .accolade-bar-disclaimer p:last-child {
    margin-bottom: 0;
}

.accolade-bar .accolade-bar-content .accolade-bar-logo-wrapper {
    text-align: center;
    width: 120px;
}

.accolade-bar .accolade-bar-content .accolade-bar-logo-title {
    margin-bottom: 10px;
}

.accolade-bar .accolade-bar-content .accolade-bar-logo {
    width: 100%;
    height: 60px;
}

.accolade-bar .accolade-bar-content .accolade-bar-logo-img {
    text-align: center;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.accolade-bar .accolade-bar-content .accolade-bar-image-container {
    max-width: 350px;
    max-height: 300px;
}

.accolade-bar .accolade-bar-content .accolade-bar-image-container .image-only,
.accolade-bar .accolade-bar-content .accolade-bar-image-container .io-container {
    width: 100%;
    height: 100%;
}

img {
    text-align: center;
    vertical-align: middle;
    border: 0;
}

.img-container {
    position: relative;
    background: url(./loader.gif) 50% / 40px no-repeat;
    box-shadow: inset 1px 1px #eee, inset -1px -1px #eee;
}

.img-container>img {
    width: 100%;
}

.img-container img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.img-container-loaded {
    box-shadow: none;
    background: 0 0;
    border: none;
}

.image-only .io-container {
    box-shadow: none;
}

.img-container[esl-image-container]>img {
    opacity: 0;
}

.img-container.img-noratio img {
    position: relative;
}

.img-container[esl-image-container].img-container-loaded>img {
    opacity: 1;
    transition: opacity .4s;
}

.image-only.has-video-animation .io-image {
    display: none;
}

.img-container:after {
    content: "";
    width: 100%;
    height: 0;
    display: block;
}

smart-media {
    display: block;
}

smart-media {
    background: #000 url(./loader.gif) 50% / 40px no-repeat;
}

.img-container>smart-media {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

smart-media[ready] {
    background: #000;
}

.image-only .io-video {
    display: none;
}

.image-only.has-video-animation .io-video {
    opacity: 0;
    display: block;
}

.image-only.has-video-animation .io-video[ready] {
    opacity: 1;
    background: 0 0;
    transition: opacity .4s;
}

.image-only.has-video-animation .img-container.img-noratio .io-video {
    position: relative;
}

audio,
canvas,
progress,
video {
    vertical-align: baseline;
    display: inline-block;
}

smart-media .esl-media-inner {
    width: 100%;
    display: block;
}

smart-media .esl-media-inner:not(audio) {
    height: 100%;
}

.accolade-bar .accolade-bar-content .accolade-bar-image-container .io-image {
    object-fit: contain;
}

.bg-wrapper-component {
    --bwc-bg-color: transparent;
    flex-direction: column;
    display: flex;
}

.bg-wrapper-component.dark-theme {
    --bwc-bg-color: black;
}

:root .dark-theme {
    --uc-card-bg-color: #292d3a;
}

.bg-wrapper-component .bwc-content-wrap {
    position: relative;
}

.bg-wrapper-component .bwc-bg-container {
    background-color: var(--bwc-bg-color);
    position: absolute;
    inset: 0;
    overflow: hidden;
    transform: translate(0, 0);
    mask-image: radial-gradient(circle, #000 100%, #0000 100%);
}

.esl-carousel-nav-container {
    --esl-carousel-arrow-offset: calc((var(--esl-carousel-arrow-size) + var(--esl-carousel-arrow-padding) + var(--esl-carousel-side-space)) * -1);
    position: relative;
}

.hpe-carousel-incomplete,
.esl-carousel-nav-container:has(.esl-carousel[incomplete]) {
    --esl-carousel-control-block-height: 0px;
}

esl-carousel {
    box-sizing: content-box;
    max-width: 100%;
    margin: calc(var(--esl-carousel-side-space, 0) * -1);
    padding: var(--esl-carousel-side-space, 0);
    display: block;
    position: relative;
    overflow: clip;
}

esl-carousel.esl-carousel-horizontal {
    touch-action: pan-y;
}

.esl-carousel-css-fade.lm-carousel-fade {
    --esl-carousel-step-duration: .75s;
}

[esl-carousel-slides] {
    z-index: 0;
    gap: 20px;
    width: 100%;
    margin: 0;
    display: flex;
    position: relative;
    transform: translate(0, 0);
}

.esl-carousel-css-renderer [esl-carousel-slides] {
    grid-template-areas: "slide";
    width: 100%;
    display: grid;
    position: relative;
}

esl-carousel.esl-carousel-horizontal [esl-carousel-slides] {
    flex-direction: row;
}

.esl-carousel-css-renderer [esl-carousel-slide] {
    z-index: 0;
    backface-visibility: hidden;
    grid-area: slide;
    position: relative;
}

.esl-carousel-css-renderer [esl-carousel-slide][active] {
    z-index: 1;
}

.esl-carousel-css-renderer.esl-carousel-css-fade [esl-carousel-slide] {
    opacity: 0;
}

.esl-carousel-css-renderer.esl-carousel-css-fade [esl-carousel-slide][active] {
    opacity: 1;
}

.cb-cta-group {
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 2rem;
    flex-direction: row;
}

.cb-cta-group a {
    text-decoration: none;
}

.content-block {
    gap: 48px;
    display: flex;
    position: relative;
}

.content-block-1890119807 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.content-block .cb-text-content {
    flex-direction: column;
    display: flex;
}

.content-block .cb-content {
    --container-offset-x: 0;
}

.content-block .cb-text-content.vertical-center {
    justify-content: center;
}

.content-block.layout-50-50 .cb-content {
    flex: 50%;
}


.content-block .cb-text {
    --to-gap: 20px;
}

.announcement {
    --an-offset-top: 0;
    --an-offset-right: 0;
    --an-v-offset: 0;
}

.announcement.an-top-right .an-extra-space {
    margin-top: var(--an-offset-top);
    margin-right: var(--an-offset-right);
}

.announcement.an-top-right .an-image {
    top: calc(-1*var(--an-offset-top));
}

.announcement.an-bottom-right .an-extra-space {
    margin-right: var(--an-offset-right);
}

.announcement.an-bottom-right .an-image {
    top: calc(-1*var(--an-offset-top));
}

.announcement.an-center-right .an-content .an-bg-image {
    display: none;
}

.announcement.an-center-right .image-only {
    margin-bottom: var(--an-v-offset);
}

.announcement .an-wrapper {
    position: relative;
}

.announcement .an-bg-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.announcement .an-image {
    z-index: 1;
    position: relative;
}

.announcement .image-only {
    width: 250px;
}

.announcement .an-content {
    padding: 35px 30px;
    position: relative;
}

.announcement .text-only :is(.txto-title, .txto-title-wrapper) {
    display: block;
}

.announcement .an-cta {
    flex-wrap: wrap;
    align-items: center;
    gap: 17px;
    margin-top: 25px;
    display: flex;
}

.announcement-1182107966 .an-container {
    margin-top: 60px;
    margin-bottom: 60px;
}

.content-block.layout-vertical {
    flex-direction: column;
    gap: 32px;
}

.content-block .cb-badge {
    align-self: flex-start;
    width: auto;
    max-width: 100%;
    height: 24px;
    margin-bottom: 24px;
}

.content-block .cb-label {
    margin-bottom: 24px;
}

.content-block .cb-text a,
.content-block .cb-text hpe-note {
    z-index: 2;
}

.content-block .cb-cta-group {
    gap: 15px;
    margin-top: 18px;
}

.content-block .cb-cta-group.inline-layout {
    gap: 18px;
}

.content-block .cb-cta-group:not(.inline-layout) .hpe-arrow-link {
    margin-top: -6px;
}

.content-block .cb-cta-group:not(.inline-layout) .hpe-arrow-link+.hpe-arrow-link,
.content-block .cb-cta-group:not(.inline-layout) .hpe-arrow-link+span.hidden+.hpe-arrow-link {
    margin-top: -10px;
}

.content-block .cb-cta-group.cb-clickable-card .cta {
    position: static;
}

.content-block .cb-cta-group.cb-clickable-card .cta:after {
    content: "";
    position: absolute;
    inset: 0;
}

.content-block .cd-wrapper,
.content-block .asset-micromodule {
    margin-top: 32px;
}

.content-block .cb-text-content.vertical-bottom {
    justify-content: flex-end;
}

.content-block .cb-text-content.horizontal-center .cb-badge {
    align-self: center;
}

.content-block .cb-text-content.horizontal-right .cb-badge {
    align-self: flex-end;
}

.content-block .cb-content:only-child {
    flex-basis: 100%;
}

.content-block.layout-33-66 .cb-image-content,
.content-block.layout-66-33.image-right .cb-image-content {
    flex-basis: 33.3%;
}

.content-block.layout-33-66 .cb-text-content,
.content-block.layout-66-33.image-right .cb-text-content,
.content-block.layout-66-33 .cb-image-content,
.content-block.layout-33-66.image-right .cb-image-content {
    flex-basis: 66.6%;
}

.content-block.layout-66-33 .cb-text-content,
.content-block.layout-33-66.image-right .cb-text-content {
    flex-basis: 33.3%;
}

.content-block-1859694507 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.content-block--512570487 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.content-block--1378548072 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.tab-container {
    display: block;
    position: relative;
    margin-bottom: 0px;
}

.tab-container .tc-tabs-wrapper {
    height: 57px;
    margin-bottom: 20px;
    display: block;
    position: relative;
}

.tab-container .tc-tabs-wrapper .hpe-tabs {
    margin: 0;
}

.tab-container .tc-tabs-content {
    padding-bottom: 3px;
    position: relative;
}

.tab-container[in-viewport][tabs-invisible] .tc-tabs-container {
    z-index: 98;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 4px #00000080;
}

.dark-theme .tab-container[in-viewport][tabs-invisible] .tc-tabs-container {
    background-color: #1d1f27;
}

.anchor-nav-v3-stickied .tab-container[in-viewport][tabs-invisible] .tc-tabs-container {
    top: 61px;
}

.uc-anchor-nav-sticked .tab-container[in-viewport][tabs-invisible] .tc-tabs-container {
    top: var(--an-height, 0);
}

.tab-container .tc-arrow {
    padding-inline: 0;
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
}

.tab-container .tc-arrow[disabled] {
    visibility: hidden;
    opacity: 0;
}

.tab-container .tc-panel[open]:not(.animate) {
    overflow: visible;
}

.tab-container .tc-panel-body .hf-centered-content,
.tab-container .tc-panel-body .centered-content,
.tab-container .tc-panel-body .container-gutter,
.tab-container .tc-panel-body .container-fluid,
.tab-container .tc-panel-body .container-gutter.container-fluid {
    margin-inline: 0;
    padding-inline: 0;
}

.tab-container .tc-panel-body .esl-carousel-nav-container {
    --esl-carousel-arrow-offset: calc(var(--esl-carousel-arrow-size)*-1 - 15px);
}

.hpe-tabs {
    --tab-arrow-gap: -30px;
    --arrow-color: #068667;
    --arrow-size: 25px;
    --tab-text-color: #67686e;
    --tab-text-color-active: #292d3a;
    --tab-accent-color: none;
    --tab-accent-color-active: #068667;
    --tab-accent-color-hover: #d4d8d8;
    --tab-accent-size: 4px;
    --tab-gap: 32px;
    --tab-padding: 16px 0;
    margin-bottom: 20px;
}

.dark-theme .hpe-tabs {
    --tab-text-color: #e5e5e5;
    --tab-text-color-active: white;
    --arrow-color: #00e0af;
    --tab-accent-color-active: #00e0af;
}

.hpe-tabs .esl-tab-container {
    gap: var(--tab-gap);
}

.hpe-tabs .esl-tab-container li {
    list-style-type: none;
        margin: 0;
}

.hpe-tabs .hpe-tab {
    display: inline-block;
    position: relative;
}

.hpe-tabs .hpe-tab:after {
    background-color: var(--tab-accent-color, none);
    width: 100%;
    height: var(--tab-accent-size, 2px);
    content: "";
    transition: background-color .1s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
}

.hpe-tabs .hpe-tab:hover:after {
    background-color: var(--tab-accent-color-hover, #d4d8d8);
}

.hpe-tabs .hpe-tab.active .hpe-tab-title,
.hpe-tabs .hpe-tab[active] .hpe-tab-title {
    color: var(--tab-text-color-active);
}

.hpe-tabs .hpe-tab.active:after,
.hpe-tabs .hpe-tab[active]:after {
    background-color: var(--tab-accent-color-active, #068667);
}

.hpe-tabs .hpe-tab:focus {
    outline-offset: -2px;
}

.hpe-tabs .hpe-tab-title {
    padding: var(--tab-padding, 16px 0);
    color: var(--tab-text-color);
}

.hpe-tabs[scrollable][has-scroll] :is(.arrow-prev, .arrow-next) {
    display: flex;
}

.hpe-tabs[scrollable] :is(.arrow-prev, .arrow-next) {
    opacity: 1;
    background: 0 0;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 100%;
    padding: 0;
    position: absolute;
}

.hpe-tabs[scrollable] :is(.arrow-prev, .arrow-next)[disabled] {
    visibility: hidden;
}

.hpe-tabs[scrollable] .arrow-prev:not(.add-spec) {
    left: var(--tab-arrow-gap, -30px);
}

.hpe-tabs[scrollable] .arrow-next:not(.add-spec) {
    right: var(--tab-arrow-gap, -30px);
}

esl-tabs[scrollable]:not(.scrollable-disabled) {
    align-items: center;
    display: flex;
}

esl-tabs[scrollable]:not(.scrollable-disabled) .arrow-prev,
esl-tabs[scrollable]:not(.scrollable-disabled) .arrow-next {
    flex: none;
}

esl-panel-group {
    box-sizing: content-box;
    display: block;
}

esl-panel {
    visibility: hidden;
    height: auto;
    max-height: 0;
    transition: max-height .5s ease-in-out, visibility 0s linear .5s;
    display: block;
    overflow: hidden;
}

esl-panel.open {
    visibility: visible;
    max-height: none;
    transition: max-height .5s ease-in-out, visibility linear;
}

esl-panel-group[current-mode=tabs]>esl-panel {
    opacity: 0;
    transition: max-height .5s ease-in-out, visibility 0s linear .5s, opacity .5s ease-in-out;
}

esl-panel-group[current-mode=tabs]>esl-panel.open {
    opacity: 1;
    transition: max-height .5s ease-in-out, visibility linear, opacity .5s ease-in-out;
}

esl-tabs[scrollable] .arrow-prev,
esl-tabs[scrollable] .arrow-next {
    z-index: 2;
    opacity: .5;
    cursor: pointer;
    appearance: none;
    background: 0 0;
    border: none;
    width: 35px;
    height: 35px;
    display: none;
}

esl-tabs[scrollable] .arrow-prev {
    left: 0;
}

.esl-scrollable-content {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: auto;
}

esl-tabs .esl-tab-container {
    flex-flow: row;
    display: flex;
}

esl-tabs[scrollable]:not(.scrollable-disabled)>.esl-tab-container {
    white-space: nowrap;
    flex-flow: row;
    flex: auto;
    display: flex;
    position: relative;
    overflow: hidden;
}

esl-tabs[scrollable]:not(.scrollable-disabled)>.esl-tab-container.esl-scrollable-content {
    overflow: auto;
}

.sc-content ul {
    padding-left: 20px;
}

.rich-text-container a {
    color: #01a982 !important;
}

.rich-text-container ul li {
    position: relative;
}

.bulleted-list ul li:before,
.rich-text-container ul li:before {
    content: "";
    background-color: #c6c9ca;
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    top: 9px;
    left: -20px;
}

.typo5 .rich-text-container ul li:before {
    width: var(--bullet-width, 0px);
    height: var(--bullet-height, 0px);
    background-color: var(--bullet-color, #01a982);
}

.typo5 .rich-text-container:not(.add-spec) ul li:before {
    --bullet-top: calc((1lh - var(--bullet-height)) / 2);
    top: var(--bullet-top, 0);
}

.flex-container-row-2003123232 {
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.flex-container .flex-container-content-686994204 {
    margin-left: auto;
    margin-right: 0px;
}

.flex-container .flex-container-column-686994204 {
    order: 1;
    padding-top: 0px;
    padding-bottom: 20px;
    min-width: 100%;
}

.content-block-1844659056 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.flex-container .flex-container-content-686994205 {
    margin-left: auto;
    margin-right: auto;
}

.flex-container .flex-container-column-686994205 {
    order: 1;
    padding-top: 0px;
    padding-bottom: 0px;
}

.flex-container-row-264786077 {
    gap: 30px;
}

.flex-container .flex-container-column--595220263 {
    order: 1;
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 45%;
}

.flex-container .flex-container-content--595220263 {
    margin-left: auto;
    margin-right: auto;
}

.flex-container .flex-container-column--595220262 {
    order: 1;
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 45%;
}

.flex-container .flex-container-content--595220262 {
    margin-left: auto;
    margin-right: auto;
}

.flex-container .flex-container-content--595220261 {
    margin-left: auto;
    margin-right: auto;
}

.flex-container .flex-container-column--595220261 {
    order: 1;
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 45%;
}

@media (width>=1px) and (width<=991px) {
    .adaptive-marquee.image-position-left .content {
        flex-direction: column;
    }
}

@media (width>=768px) {
    .adaptive-marquee .bg-wrapper:has(.bg-animation) .bg-image {
        display: none;
    }
}

@media (width>=1px) and (width<=767px) {
    .adaptive-marquee .bg-wrapper:has(.bg-animation) .bg-animation {
        display: none;
    }
}

@media (width>=992px) and (width<=1599px) {
    .adaptive-marquee .content .content-column .categorical-label {
        --_ratiob: var(--f-extra-space-bottom-ratio, 0);
        --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em*var(--_ratioB) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
        margin-bottom: calc(var(--bottom-margin-crop-size) + 35px);
    }
}

@media (width>=1px) and (width<=991px) {
    .adaptive-marquee .content .content-column .categorical-label {
        --_ratiob: var(--f-extra-space-bottom-ratio, 0);
        --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em*var(--_ratioB) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
        margin-bottom: calc(var(--bottom-margin-crop-size) + 18px);
    }
}

@media (width>=992px) and (width<=1599px) {
    .adaptive-marquee .content .content-column .text-only {
        --to-gap: 35px;
    }
}

@media (width>=1600px) {
    .adaptive-marquee .content .content-column .text-only {
        --to-gap: 40px;
    }
}

@media (width>=768px) and (width<=991px) {
    .adaptive-marquee .content .content-column .txto-title-wrapper:last-child .txto-title {
        margin-bottom: 53px;
    }
}

@media (width>=992px) and (width<=1599px) {
    .adaptive-marquee .content .content-column .txto-title-wrapper:last-child .txto-title {
        margin-bottom: 70px;
    }
}

@media (width>=1600px) {
    .adaptive-marquee .content .content-column .txto-title-wrapper:last-child .txto-title {
        margin-bottom: 75px;
    }
}

@media (width>=768px) {
    .adaptive-marquee .content .content-column .asset-micromodule {
        margin-top: 35px;
    }
}

@media (width>=768px) {
    .adaptive-marquee .am-badge {
        height: 60px;
        margin-bottom: 35px;
    }
}

@media (width>=768px) {
    .adaptive-marquee.imageless-content .content .content-column {
        width: 83.333%;
    }
}

@media (width>=768px) {
    .adaptive-marquee.imageless-content.layout-66-33 .content .content-column {
        width: 66.666%;
    }
}

@media (width>=992px) {
    .adaptive-marquee.imageless-content.layout-50-50 .content .content-column {
        width: 50%;
    }
}

@media (width>=768px) and (width<=991px) {
    .adaptive-marquee.am-content-centered.imageless-content .content .content-column {
        align-self: center;
    }
}

@media (width>=1600px) {
    .adaptive-marquee {
        min-height: calc(895px + var(--additional-height, 0px));
    }
}

@media (width>=1200px) and (width<=1599px) {
    .adaptive-marquee {
        min-height: calc(535px + var(--additional-height, 0px));
    }
}

@media (width>=992px) and (width<=1199px) {
    .adaptive-marquee {
        min-height: calc(431px + var(--additional-height, 0px));
    }
}

@media (width>=1px) and (width<=991px) {
    .adaptive-marquee {
        --am-delay: 0s;
        --am-mobile-flex-direction: column;
        --am-gradient-direction: to bottom;
    }

    body:not(.disabled-focus) .adaptive-marquee:focus-within {
        overflow: visible;
    }

    .adaptive-marquee.am-mobile-image-position-above {
        --am-mobile-flex-direction: column-reverse;
        --am-gradient-direction: to top;
    }

    .adaptive-marquee .content {
        justify-content: center;
    }

    .adaptive-marquee.hide-bg-image-on-mobile .bg-image,
    .adaptive-marquee.hide-bg-image-on-mobile smart-media,
    .adaptive-marquee.hide-bg-image-on-mobile .bg-wrapper:before,
    .adaptive-marquee.hide-bg-image-on-mobile .bg-wrapper:after {
        display: none;
    }

    .adaptive-marquee,
    .adaptive-marquee.image-position-left {
        --am-columns-gap: 40px;
    }

    .adaptive-marquee.imageless-content:not(.has-fallback-image) .content-wrapper .image-column,
    .adaptive-marquee.image-position-left.imageless-content:not(.has-fallback-image) .content-wrapper .image-column {
        display: none;
    }

    .adaptive-marquee.has-fallback-image,
    .adaptive-marquee.image-position-left.has-fallback-image {
        --am-columns-gap: 40px;
    }

    .adaptive-marquee.has-fallback-image .content,
    .adaptive-marquee.image-position-left.has-fallback-image .content {
        justify-content: center;
    }

    .adaptive-marquee.has-fallback-image .content .image-column>.image-only,
    .adaptive-marquee.image-position-left.has-fallback-image .content .image-column>.image-only {
        display: none;
    }

    .adaptive-marquee.has-fallback-image .content .mobile-fallback-image,
    .adaptive-marquee.image-position-left.has-fallback-image .content .mobile-fallback-image {
        display: block;
    }

    .adaptive-marquee .content,
    .adaptive-marquee.image-position-left .content {
        flex-direction: var(--am-mobile-flex-direction, column);
        height: 100%;
    }

    .adaptive-marquee .gradient-overlay,
    .adaptive-marquee.image-position-left .gradient-overlay {
        inset: 0;
    }

    .adaptive-marquee.dark-theme .gradient-overlay,
    .adaptive-marquee.image-position-left.dark-theme .gradient-overlay {
        background: linear-gradient(var(--am-gradient-direction), #000c 0, #0009 60%, #0000);
    }

    .adaptive-marquee.light-theme .gradient-overlay,
    .adaptive-marquee.image-position-left.light-theme .gradient-overlay {
        background: linear-gradient(var(--am-gradient-direction), #fffc 0, #fff9 60%, #fff0);
    }
}

@media (width>=768px) and (width<=991px) {
    .adaptive-marquee {
        min-height: calc(640px + var(--additional-height, 0px));
    }

    .adaptive-marquee:not(.has-image) {
        min-height: calc(500px + var(--additional-height, 0px));
    }

    .adaptive-marquee .content .content-column {
        align-self: flex-start;
        width: 100%;
        max-width: 750px;
    }

    .adaptive-marquee .content .image-column {
        align-self: flex-end;
        width: 65%;
    }

    .adaptive-marquee.has-image .content .content-column {
        max-width: 100%;
    }

    .adaptive-marquee.has-image .content .image-column {
        width: 100%;
    }
}

@media (width>=1px) and (width<=767px) {
    .adaptive-marquee {
        min-height: calc(563px + var(--additional-height, 0px));
    }

    .adaptive-marquee:not(.has-image) {
        min-height: calc(440px + var(--additional-height, 0px));
    }

    .adaptive-marquee .content .image-column,
    .adaptive-marquee .content .content-column {
        width: 100%;
    }

    .adaptive-marquee .content .content-column .btn-holder {
        width: 100%;
        margin-top: 25px;
    }
}

@media (width>=992px) {
    .adaptive-marquee[esl-animate] .content-column {
        opacity: 0;
        transition: opacity linear;
    }

    .adaptive-marquee.text-fade-in .content-column {
        opacity: 1;
        transition: opacity .3s linear var(--am-delay, 0s);
    }
}

@media (width>=360px) {
    .adaptive-marquee .bg-wrapper:is(.am-dark-green, .am-light-green, .am-light-grey) {
        --am-gb-offset: 49.0%;
    }
}

@media (width>=460px) {
    .adaptive-marquee .bg-wrapper:is(.am-dark-green, .am-light-green, .am-light-grey) {
        --am-gb-offset: 37.0%;
        --am-bg-width: 150.0%;
    }
}

@media (width>=600px) {
    .adaptive-marquee .bg-wrapper:is(.am-dark-green, .am-light-green, .am-light-grey) {
        --am-gb-offset: 29.0%;
        --am-bg-width: 120%;
    }
}

@media (width>=768px) {
    .adaptive-marquee .bg-wrapper:is(.am-dark-green, .am-light-green, .am-light-grey) {
        --am-gb-offset: 25.0%;
        --am-bg-width: 100.0%;
    }
}

@media (width>=768px) {
    .adaptive-marquee .bg-wrapper:is(.am-dark-grey, .am-light-blue, .am-dark-blue) {
        --am-bg-width: 64.0%;
        --am-gb-offset: 10.0%;
    }
}

@media (width>=360px) {
    .adaptive-marquee .bg-wrapper.mirrored {
        --am-gb-offset: 28.0%;
    }
}

@media (width>=460px) {
    .adaptive-marquee .bg-wrapper.mirrored {
        --am-gb-offset: 22.0%;
        --am-bg-width: 115.0%;
    }
}

@media (width>=600px) {
    .adaptive-marquee .bg-wrapper.mirrored {
        --am-gb-offset: 17.0%;
        --am-bg-width: 100.0%;
    }
}

@media (width>=768px) {
    .adaptive-marquee .bg-wrapper.mirrored {
        --am-gb-offset: 20.0%;
    }
}

@media (width>=1px) and (width<=991px) {

    .adaptive-marquee.image-breakout.image-breakout-bottom .image-column,
    .adaptive-marquee.image-breakout.image-breakout-top .image-column,
    .adaptive-marquee.image-breakout.image-breakout-bottom .gradient-overlay,
    .adaptive-marquee.image-breakout.image-breakout-top .gradient-overlay {
        z-index: 0;
    }
}

@media (width>=1px) and (width<=991px) {
    .adaptive-marquee.image-breakout.image-breakout-bottom .gradient-overlay {
        --am-gradient-direction: to bottom;
    }

    .adaptive-marquee.image-breakout.image-breakout-bottom .content {
        flex-direction: column;
    }

    .adaptive-marquee.image-breakout.image-breakout-bottom .image-only {
        margin-top: var(--am-offset-compensation, 0);
    }
}

@media (width>=1px) and (width<=991px) {
    .adaptive-marquee.image-breakout.image-breakout-top .gradient-overlay {
        --am-gradient-direction: to top;
    }

    .adaptive-marquee.image-breakout.image-breakout-top .content {
        flex-direction: column-reverse;
    }

    .adaptive-marquee.image-breakout.image-breakout-top .image-only {
        margin-bottom: var(--am-offset-compensation, 0);
    }
}

@media (width>=1px) and (width<=767px) {
    .adaptive-marquee.full-bleed-layout .content-wrapper {
        padding-inline: 0;
    }

    .adaptive-marquee.full-bleed-layout:not([esl-carousel-slide]) .content-wrapper .content-column {
        padding-inline: var(--container-offset-x);
    }

    .adaptive-marquee.full-bleed-layout:not([esl-carousel-slide]).am-mobile-image-position-above .content-wrapper .content {
        padding-block-start: 0;
    }

    .adaptive-marquee.full-bleed-layout:not([esl-carousel-slide]).am-mobile-image-position-below .content-wrapper .content {
        padding-block-end: 0;
    }
}

@media (width>=1px) and (width<=991px) {
    .adaptive-marquee.full-bleed-layout:not([esl-carousel-slide]) .content .image-column .img-container {
        aspect-ratio: 1;
    }
}

@media (width>=992px) {
    .adaptive-marquee.full-bleed-layout {
        --am-content-offset: var(--container-offset-x);
        --am-image-width: calc(100vw/2);
        --am-content-width: calc(100.0% - var(--am-image-width) - var(--am-columns-gap));
    }

    .adaptive-marquee.full-bleed-layout .content-wrapper {
        margin-inline-start: var(--am-content-offset);
        padding-inline: 0;
    }

    .adaptive-marquee.full-bleed-layout .content-wrapper .content {
        height: 100%;
        padding-block: 0;
    }

    .adaptive-marquee.full-bleed-layout .content-wrapper .content .image-column,
    .adaptive-marquee.full-bleed-layout .content-wrapper .content .image-only,
    .adaptive-marquee.full-bleed-layout .content-wrapper .content .img-container {
        height: 100%;
    }

    .adaptive-marquee.full-bleed-layout .content-wrapper .content .image-column {
        width: var(--am-image-width);
    }

    .adaptive-marquee.full-bleed-layout .content-wrapper .content .image-column .img-container {
        aspect-ratio: auto;
    }

    .adaptive-marquee.full-bleed-layout .content-wrapper .content .image-column img {
        object-fit: cover;
        object-position: top left;
    }

    .adaptive-marquee.full-bleed-layout .content-wrapper .content .content-column {
        width: var(--am-content-width);
        padding-inline: 0;
        padding-block: var(--am-vertical-padding);
    }

    .adaptive-marquee.full-bleed-layout.image-position-left .content-wrapper {
        margin-inline-start: 0;
        margin-inline-end: var(--am-content-offset);
    }

    .adaptive-marquee.full-bleed-layout.image-position-left .content-wrapper .content .image-column img {
        object-position: top right;
    }
}

@media (width>=1800px) {
    .adaptive-marquee.full-bleed-layout {
        --am-content-offset: calc((100vw - 1600px)/2);
        max-height: 1200px;
    }

    .adaptive-marquee.full-bleed-layout .content-wrapper {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {

    .typo5 .rich-text-container,
    .typo5.rich-text-container {
        font-size: 18px !important;
        line-height: 1.44444444em;
        --f-base-size: 18px;
    }
}

@media (min-width: 1600px) {

    .typo5 .rich-text-container,
    .typo5.rich-text-container {
        font-size: 20px !important;
        line-height: 1.5em;
        --f-base-size: 20px;
        letter-spacing: -0.01em;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .typo5 .body-copy {
        font-size: 18px;
        line-height: 1.44444444em;
        --f-base-size: 18px;
    }
}

@media (min-width: 1600px) {
    .typo5 .body-copy {
        font-size: 20px;
        line-height: 1.5em;
        --f-base-size: 20px;
        letter-spacing: -0.01em;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .typo5 .body-copy-large {
        font-size: 24px;
        line-height: 1.41666667em;
        --f-base-size: 24px;
    }
}

@media (min-width: 1600px) {
    .typo5 .body-copy-large {
        font-size: 28px;
        line-height: 1.35714286em;
        --f-base-size: 28px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .typo5 .body-copy-small {
        font-size: 16px;
        line-height: 1.5em;
        --f-base-size: 16px;
    }
}

@media (min-width: 1600px) {
    .typo5 .body-copy-small {
        font-size: 16px;
        line-height: 1.5em;
        --f-base-size: 16px;
        letter-spacing: normal;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .typo5 .body-copy-xsmall {
        font-size: 14px;
        line-height: 1.42857143em;
        --f-base-size: 14px;
    }
}

@media (min-width: 1600px) {
    .typo5 .body-copy-xsmall {
        font-size: 14px;
        line-height: 1.42857143em;
        --f-base-size: 14px;
        letter-spacing: normal;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .typo5 .quote {
        font-size: 40px;
        line-height: 1.25em;
        --f-base-size: 40px;
    }
}

@media (min-width: 1600px) {
    .typo5 .quote {
        font-size: 44px;
        line-height: 1.22727273em;
        --f-base-size: 44px;
    }
}

@media (min-width: 992px) {
    .typo5 .quote {
        letter-spacing: -0.03em;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .typo5 .quote.large {
        font-size: 48px;
        line-height: 1.20833333em;
        --f-base-size: 48px;
    }
}

@media (min-width: 1600px) {
    .typo5 .quote.large {
        font-size: 52px;
        line-height: 1.19230769em;
        --f-base-size: 52px;
    }
}

@media (min-width: 992px) {
    .typo5 .quote.large {
        letter-spacing: -0.04em;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .typo5 .quote.small {
        font-size: 32px;
        line-height: 1.3125em;
        --f-base-size: 32px;
    }
}

@media (min-width: 1600px) {
    .typo5 .quote.small {
        font-size: 36px;
        line-height: 1.27777778em;
        --f-base-size: 36px;
    }
}

@media (min-width: 992px) {
    .typo5 .quote.small {
        letter-spacing: -0.02em;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {

    .typo5 h1,
    .typo5 .tag-h1 {
        letter-spacing: -0.03em;
        font-size: 56px;
        line-height: 1.10714286em;
        --f-base-size: 56px;
    }
}

@media (min-width: 1600px) {

    .typo5 h1,
    .typo5 .tag-h1 {
        letter-spacing: -0.04em;
        font-size: 68px;
        line-height: 1.08823529em;
        --f-base-size: 68px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {

    .typo5 h1.large,
    .typo5 .tag-h1.large {
        font-size: 68px;
        line-height: 1.08823529em;
        --f-base-size: 68px;
        letter-spacing: -0.04em;
    }
}

@media (min-width: 1600px) {

    .typo5 h1.large,
    .typo5 .tag-h1.large {
        font-size: 84px;
        line-height: 1.07142857em;
        --f-base-size: 84px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {

    .typo5 h1.condensed,
    .typo5 .tag-h1.condensed {
        font-size: 80px;
        line-height: 1em;
        --f-base-size: 80px;
    }
}

@media (min-width: 1600px) {

    .typo5 h1.condensed,
    .typo5 .tag-h1.condensed {
        font-size: 96px;
        line-height: 1em;
        --f-base-size: 96px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {

    .typo5 h1.condensed.large,
    .typo5 .tag-h1.condensed.large {
        font-size: 96px;
        line-height: 1em;
        --f-base-size: 96px;
    }
}

@media (min-width: 1600px) {

    .typo5 h1.condensed.large,
    .typo5 .tag-h1.condensed.large {
        font-size: 112px;
        line-height: 1em;
        --f-base-size: 112px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {

    .typo5 h2,
    .typo5 .tag-h2 {
        font-size: 35px !important;
        line-height: 1.15em;
        --f-base-size: 40px;
    }
}

@media (min-width: 1600px) {

    .typo5 h2,
    .typo5 .tag-h2 {
        font-size: 45px;
        line-height: 1.11538462em !important;
        --f-base-size: 52px;
    }
}

@media (min-width: 992px) {

    .typo5 h2,
    .typo5 .tag-h2 {
        letter-spacing: -0.02em !important;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {

    .typo5 h3,
    .typo5 .tag-h3 {
        font-size: 32px;
        line-height: 1.1875em !important;
        --f-base-size: 32px;
    }
}

@media (min-width: 1600px) {

    .typo5 h3,
    .typo5 .tag-h3 {
        font-size: 36px;
        line-height: 1.16666667em;
        --f-base-size: 36px;
    }
}

@media (min-width: 992px) {

    .typo5 h3,
    .typo5 .tag-h3 {
        letter-spacing: -0.01em;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {

    .typo5 h4,
    .typo5 .tag-h4 {
        font-size: 24px;
        line-height: 1.25em;
        --f-base-size: 24px;
    }
}

@media (min-width: 1600px) {

    .typo5 h4,
    .typo5 .tag-h4 {
        font-size: 28px;
        line-height: 1.21428571em;
        --f-base-size: 28px;
        letter-spacing: -0.01em;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {

    .typo5 h5,
    .typo5 .tag-h5 {
        font-size: 18px;
        line-height: 1.33333333em;
        --f-base-size: 18px;
    }
}

@media (min-width: 1600px) {

    .typo5 h5,
    .typo5 .tag-h5 {
        font-size: 20px;
        line-height: 1.3em;
        --f-base-size: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {

    .typo5 h6,
    .typo5 .tag-h6 {
        font-size: 16px;
        line-height: 1.375em;
        --f-base-size: 16px;
    }
}

@media (min-width: 1600px) {

    .typo5 h6,
    .typo5 .tag-h6 {
        font-size: 16px;
        line-height: 1.375em;
        --f-base-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .typo5 smart-image {
        font-size: 16px;
        line-height: 1.5em;
        --f-base-size: 16px;
    }
}

@media (min-width: 1600px) {
    .typo5 smart-image {
        font-size: 16px;
        line-height: 1.5em;
        --f-base-size: 16px;
    }
}

@media (min-width: 1600px) {
    :root {
        --container-offset-x: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    :root {
        --container-offset-x: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    :root {
        --container-offset-x: 30px;
    }
}

@media (min-width: 1px) and (max-width: 767px) {
    :root {
        --container-offset-x: 20px;
    }
}

@media (min-width: 1px) and (max-width: 991px) {
    .hf-centered-content {
        display: block;
    }
}

@media (min-width: 1600px) {

    .hf-centered-content,
    .centered-content {
        max-width: 1800px;
    }
}

@media (min-width: 1800px) {
    .centered-content-fade {
        --_padding-centered: calc(var(--container-offset-x) + (var(--100vw, 100vw) - 1800px) / 2);
        padding: 0 max(var(--container-offset-x), var(--_padding-centered));
        mask: linear-gradient(to left, transparent calc(50vw - 1200px), white calc(50vw - 900px), white calc(50vw + 900px), transparent calc(50vw + 1200px));
    }
}

@media (min-width: 1600px) {
    .container-fluid.container-gutter {
        max-width: 1800px;
    }
}

@media (width >=1200px) {
    .dark-theme {
        --_gn-secondary-nav-bg: #292d3a;
    }
}

@media (min-width: 1200px) {

    .cta.btn-landmark:not(.adaptive),
    .cta.btn-landmark:visited:not(.adaptive) {
        max-width: 650px;
    }
}

@media (min-width: 1px) and (max-width: 767px) {

    .cta.btn-landmark:not(.small),
    .cta.btn-landmark:visited:not(.small) {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 1px) and (max-width: 1599px) {

    .cta.btn-landmark,
    .cta.btn-landmark:visited {
        padding: calc(10px - var(--btn-lm-border-width)) calc(20px - var(--btn-lm-border-width));
    }

    .cta.btn-landmark .text,
    .cta.btn-landmark:visited .text {
        font-size: 18px;
        line-height: 1.33333333em;
        --f-base-size: 18px;
    }

    .cta.btn-landmark .icon,
    .cta.btn-landmark:visited .icon {
        min-width: 16px;
    }

    .cta.btn-landmark.small,
    .cta.btn-landmark:visited.small {
        padding: calc(12px - var(--btn-lm-border-width)) calc(24px - var(--btn-lm-border-width));
    }

    .cta.btn-landmark.small .text,
    .cta.btn-landmark:visited.small .text {
        font-size: 16px;
        line-height: 1.5em;
        --f-base-size: 16px;
    }

    .cta.btn-landmark.large,
    .cta.btn-landmark:visited.large {
        padding: calc(16px - var(--btn-lm-border-width)) calc(36px - var(--btn-lm-border-width));
    }

    .cta.btn-landmark.large .text,
    .cta.btn-landmark:visited.large .text {
        font-size: 20px;
        line-height: 1.4em;
        --f-base-size: 20px;
    }

    .cta.btn-landmark.large .icon,
    .cta.btn-landmark:visited.large .icon {
        min-width: 20px;
    }
}

@media (min-width: 1px) and (max-width: 991px) {

    .cta.btn-landmark.large .text,
    .cta.btn-landmark:visited.large .text {
        font-size: 18px;
        line-height: 1.33333333em;
        --f-base-size: 18px;
    }
}

@media (min-width: 1px) and (max-width: 767px) {
    .cta.btn-landmark.btn-chat-overlay {
        width: unset;
        min-width: unset;
    }
}

@media (width>=1600px) {
    .simple-card {
        padding: 32px;
    }
}

@media (width>=768px) and (width<=1199px) {
    .simple-card .sc-content-wrapper.icon-enabled .sc-image-wrapper {
        --_img_size: 40px;
    }
}

@media (width>=1200px) {
    .simple-card .sc-content-wrapper.icon-enabled .sc-image-wrapper {
        --_img_size: 48px;
    }
}

@media (width>=1200px) {
    .simple-card .sc-content-wrapper.icon-enabled.icon-large .sc-image-wrapper {
        --_img_size: 64px;
    }
}

@media (width>=768px) and (width<=1199px) {
    .simple-card .sc-content-wrapper.avatar-enabled .sc-image-wrapper {
        --_img_size: 72px;
    }
}

@media (width>=1200px) {
    .simple-card .sc-content-wrapper.avatar-enabled .sc-image-wrapper {
        --_img_size: 96px;
    }
}

@media (width>=768px) and (width<=1199px) {
    .simple-card .sc-content-wrapper.logo-enabled .sc-image-wrapper {
        --_img_height: 40px;
    }
}

@media (width>=1200px) {
    .simple-card .sc-content-wrapper.logo-enabled .sc-image-wrapper {
        --_img_height: 64px;
    }
}

@media (width>=1600px) {

    .simple-card .sc-content-wrapper.logo-enabled .sc-image-wrapper,
    .simple-card .sc-content-wrapper.avatar-enabled .sc-image-wrapper,
    .simple-card .sc-content-wrapper.icon-enabled .sc-image-wrapper {
        margin-bottom: 32px;
    }
}

@media (width>=992px) {
    .simple-card .sc-content-wrapper .sc-content .text-only {
        --to-gap: 24px;
    }
}

@media (width>=992px) and (width<=1599px) {
    .hpe-card-grid {
        --_cg-gap: 32px;
    }
}

@media (width>=1600px) {
    .hpe-card-grid {
        --_cg-gap: 40px;
    }
}

@media (width>=768px) {
    .hpe-card-grid .card-grid-content.columns-2 {
        --_cg-columns: 2;
    }
}

@media (width>=768px) and (width<=991px) {
    .hpe-card-grid .card-grid-content.columns-3 {
        --_cg-columns: 2;
    }
}

@media (width>=992px) {
    .hpe-card-grid .card-grid-content.columns-3 {
        --_cg-columns: 3;
    }
}

@media (width>=768px) and (width<=991px) {
    .hpe-card-grid .card-grid-content.columns-4 {
        --_cg-columns: 2;
    }
}

@media (width>=992px) and (width<=1599px) {
    .hpe-card-grid .card-grid-content.columns-4 {
        --_cg-columns: 3;
    }
}

@media (width>=1600px) {
    .hpe-card-grid .card-grid-content.columns-4 {
        --_cg-columns: 4;
    }
}

@media (width>=992px) and (width<=1599px) {
    .hpe-card-grid .card-grid-content.uc-card-grid.columns-2 {
        --_cg-columns: 1;
    }

    .hpe-card-grid .card-grid-content.uc-card-grid.columns-3 {
        --_cg-columns: 2;
    }
}

@media (width>=1px) and (width<=767px) {
    .hpe-card-grid .card-grid-content.uc-card-grid .uc-card-no-image .uc-card-image {
        display: none;
    }

    .hpe-card-grid .card-grid-content.uc-card-grid .uc-card-no-image .uc-card-content {
        border-top: 1px solid #0000001f;
    }
}

@media (width>=768px) and (width<=1199px) {
    .hpe-card-grid .card-grid-content.simple-card-grid {
        --_cg-columns: 2;
    }

    .hpe-card-grid .card-grid-content.simple-card-grid.columns-3 .card-grid-item:last-child:nth-of-type(odd) {
        flex: 100%;
    }
}

@media (width>=1200px) {
    .hpe-card-grid .card-grid-content.simple-card-grid.columns-2 {
        --_cg-columns: 2;
    }

    .hpe-card-grid .card-grid-content.simple-card-grid.columns-3 {
        --_cg-columns: 3;
    }

    .hpe-card-grid .card-grid-content.simple-card-grid.columns-4 {
        --_cg-columns: 4;
    }
}

@media (width>=992px) {
    .hpe-card-grid .card-grid-content.content-block-grid {
        row-gap: 64px;
    }
}

@media (width>=768px) {
    .hpe-card-grid .card-grid-content.content-block-grid.columns-2 {
        --_cg-columns: 2;
    }

    .hpe-card-grid .card-grid-content.content-block-grid.columns-3 {
        --_cg-columns: 3;
    }
}

@media (width>=768px) and (width<=1199px) {
    .hpe-card-grid .card-grid-content.content-block-grid.columns-4 {
        --_cg-columns: 2;
    }
}

@media (width>=1200px) {
    .hpe-card-grid .card-grid-content.content-block-grid.columns-4 {
        --_cg-columns: 4;
    }
}

@media screen and (max-width: 768px) {
    .hpe-table-typo-light {
        table-layout: fixed;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hpe-arrow-link {
        font-size: 19px;
        line-height: 1.21052632em;
        --f-base-size: 19px;
    }
}

@media (min-width: 1px) and (max-width: 991px) {
    .hpe-arrow-link {
        font-size: 18px;
        line-height: 1.11111111em;
        --f-base-size: 18px;
    }
}

@media (min-width: 768px) {
    .hpe-arrow-link.body-copy-small {
        font-size: 18px;
        line-height: 1.11111111em;
        --f-base-size: 18px;
    }
}

@media (min-width: 1px) and (max-width: 767px) {
    .hpe-arrow-link.body-copy-small {
        font-size: 17px;
        line-height: 1.17647059em;
        --f-base-size: 17px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .hpe-arrow-link.typo5 {
        font-size: 18px;
        line-height: 1.44444444em;
        --f-base-size: 18px;
    }
}

@media (min-width: 1600px) {
    .hpe-arrow-link.typo5 {
        font-size: 20px;
        line-height: 1.5em;
        --f-base-size: 20px;
    }
}

@media (min-width: 768px) {
    .hpe-arrow-link.typo5 .arrow {
        margin-left: 10px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .hpe-arrow-link.typo5.large {
        font-size: 24px;
        line-height: 1.41666667em;
        --f-base-size: 24px;
    }
}

@media (min-width: 1600px) {
    .hpe-arrow-link.typo5.large {
        font-size: 28px;
        line-height: 1.35714286em;
        --f-base-size: 28px;
    }
}

@media (min-width: 768px) {
    .hpe-arrow-link.typo5.large .arrow {
        margin-left: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1599px) {
    .hpe-arrow-link.typo5.small {
        font-size: 16px;
        line-height: 1.5em;
        --f-base-size: 16px;
    }
}

@media (min-width: 1600px) {
    .hpe-arrow-link.typo5.small {
        font-size: 16px;
        line-height: 1.5em;
        --f-base-size: 16px;
    }
}

@media (min-width: 992px) {
    .hpe-arrow-link.typo5.small .arrow {
        margin-left: 8px;
    }
}

@media (min-width: 1px) and (max-width: 1599px) {

    .hpe-arrow-link.landmark,
    .hpe-arrow-link.landmark:visited {
        font-size: 18px;
        line-height: 1.33333333em;
        --f-base-size: 18px;
    }

    .hpe-arrow-link.landmark .arrow,
    .hpe-arrow-link.landmark:visited .arrow {
        --cta-lm-icon-size: 20px;
    }

    .hpe-arrow-link.landmark.small,
    .hpe-arrow-link.landmark:visited.small {
        font-size: 16px;
        line-height: 1.5em;
        --f-base-size: 16px;
    }

    .hpe-arrow-link.landmark.small .arrow,
    .hpe-arrow-link.landmark:visited.small .arrow {
        --cta-lm-icon-size: 16px;
    }

    .hpe-arrow-link.landmark.large,
    .hpe-arrow-link.landmark:visited.large {
        font-size: 20px;
        line-height: 1.4em;
        --f-base-size: 20px;
    }
}

@media (min-width: 1px) and (max-width: 991px) {

    .hpe-arrow-link.landmark.large,
    .hpe-arrow-link.landmark:visited.large {
        font-size: 18px;
        line-height: 1.33333333em;
        --f-base-size: 18px;
    }
}

@media (width>=992px) and (width<=1599px) {
    .accolade-bar {
        --ab-slide-padding-top: 50px;
    }
}

@media (width>=1600px) {
    .accolade-bar {
        --ab-slide-padding-top: 50px;
    }
}

@media (width>=768px) {
    .accolade-bar .accolade-bar-bg-gradient {
        background-image: linear-gradient(to right, var(--_ab-bg-color), transparent);
    }
}

@media (width>=768px) and (width<=991px) {
    .accolade-bar .accolade-bar-bg-gradient {
        width: 66%;
    }
}

@media (width>=992px) {
    .accolade-bar .accolade-bar-bg-gradient {
        width: 50%;
    }
}

@media (width>=768px) {
    .accolade-bar .accolade-bar-content {
        flex-direction: row;
        align-items: center;
    }
}

@media (width>=768px) and (width<=1199px) {
    .accolade-bar .accolade-bar-content.accolade-bar-mode-image {
        gap: 48px;
    }
}

@media (width>=1200px) {
    .accolade-bar .accolade-bar-content.accolade-bar-mode-image {
        gap: 60px;
    }
}

@media (width>=768px) {
    .accolade-bar .accolade-bar-content.accolade-bar-mode-image.accolade-bar-image-left {
        flex-direction: row-reverse;
    }
}

@media (width>=768px) and (width<=991px) {
    .accolade-bar .accolade-bar-content.accolade-bar-mode-image .accolade-bar-col {
        flex-basis: 50%;
    }
}

@media (width>=768px) {
    .accolade-bar .accolade-bar-content.accolade-bar-mode-image .accolade-bar-asset {
        justify-content: center;
        align-self: center;
    }
}

@media (width>=768px) and (width<=991px) {
    .accolade-bar .accolade-bar-content .accolade-bar-col {
        flex-basis: 66%;
    }
}

@media (width>=992px) {
    .accolade-bar .accolade-bar-content .accolade-bar-col {
        flex-basis: 50%;
    }
}

@media (width>=768px) {
    .accolade-bar .accolade-bar-content .accolade-bar-asset {
        justify-content: flex-end;
        align-self: flex-end;
    }
}

@media (width>=768px) and (width<=991px) {
    .accolade-bar .accolade-bar-content .accolade-bar-asset {
        flex-basis: 34%;
    }
}

@media (width>=1600px) {
    .accolade-bar .accolade-bar-content .accolade-bar-cta-group {
        gap: 35px;
    }
}

@media (width>=768px) {
    .accolade-bar .accolade-bar-content .accolade-bar-cta-group {
        margin-top: 30px;
    }
}

@media (width>=768px) {
    .accolade-bar .accolade-bar-content .accolade-bar-disclaimer {
        margin-top: 30px;
    }
}

@media (width>=1px) and (width<=767px) {
    .accolade-bar .accolade-bar-content .accolade-bar-logo-wrapper {
        margin-top: 30px;
    }
}

@media (width>=768px) {
    .accolade-bar .accolade-bar-content .accolade-bar-logo-wrapper {
        width: 200px;
    }
}

@media (width>=768px) {
    .accolade-bar .accolade-bar-content .accolade-bar-logo {
        height: 100px;
    }
}

@media (width>=768px) and (width<=991px) {
    .accolade-bar .accolade-bar-content .accolade-bar-image-container {
        max-height: 400px;
    }
}

@media (width>=1200px) and (width<=1599px) {
    .accolade-bar .accolade-bar-content .accolade-bar-image-container {
        max-width: 500px;
        max-height: 350px;
    }
}

@media (width>=1600px) {
    .accolade-bar .accolade-bar-content .accolade-bar-image-container {
        max-width: 700px;
        max-height: 500px;
    }
}

@media (width>=1800px) {
    .generic-modal .accolade-bar .esl-carousel-arrow {
        --esl-carousel-arrow-offset: 25px;
    }
}

@media (width >=992px) {
    .esl-carousel-nav-container {
        --esl-carousel-arrow-offset: calc(var(--container-offset-x) - var(--esl-carousel-arrow-size) - 15px);
    }
}

@media (width >=1px) and (width <=767px) {
    .content-block {
        flex-direction: column;
    }
}

@media (width >=992px) {
    .content-block {
        gap: 40px;
    }
}

@media (min-width: 768px) {
    .content-block-1890119807 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .content-block-1890119807 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .content-block-1890119807 {
        margin-top: 40px;
        margin-bottom: 0px;
    }
}

@media (min-width: 1600px) {
    .content-block-1890119807 {
        margin-top: 40px;
        margin-bottom: 0px;
    }
}

@media (width>=768px) and (width<=1199px) {
    .announcement {
        --an-offset-right: 40px;
        --an-v-offset: 48px;
    }
}

@media (width>=1200px) {
    .announcement {
        --an-offset-right: 60px;
        --an-v-offset: 96px;
    }
}

@media (width>=768px) and (width<=1199px) {
    .announcement.an-top-right {
        --an-offset-top: 50px;
    }
}

@media (width>=1200px) and (width<=1599px) {
    .announcement.an-top-right {
        --an-offset-top: 60px;
    }
}

@media (width>=1600px) {
    .announcement.an-top-right {
        --an-offset-top: 100px;
    }
}

@media (width>=768px) {
    .announcement.an-top-right .an-image {
        float: right;
        right: calc(-1*var(--an-offset-right));
    }

    .announcement.an-top-right .an-container {
        display: block;
    }
}

@media (width>=768px) and (width<=991px) {
    .announcement.an-top-right .an-image {
        margin-bottom: -20px;
    }
}

@media (width>=992px) and (width<=1199px) {
    .announcement.an-top-right .an-image {
        margin-bottom: -15px;
    }
}

@media (width>=1200px) and (width<=1599px) {
    .announcement.an-top-right .an-image {
        margin-bottom: -22px;
    }
}

@media (width>=1600px) {
    .announcement.an-top-right .an-image {
        margin-bottom: -50px;
    }
}

@media (width>=768px) and (width<=1199px) {
    .announcement.an-bottom-right {
        --an-offset-top: 28px;
    }
}

@media (width>=1200px) {
    .announcement.an-bottom-right {
        --an-offset-top: 66px;
    }
}

@media (width>=768px) {
    .announcement.an-bottom-right .an-image {
        float: right;
        margin-right: calc(-1*var(--an-offset-right));
    }

    .announcement.an-bottom-right .an-container {
        display: block;
    }
}

@media (width>=768px) and (width<=991px) {
    .announcement.an-bottom-right .image-only {
        width: 330px;
    }
}

@media (width>=1200px) and (width<=1599px) {
    .announcement.an-bottom-right .image-only {
        width: 505px;
    }
}

@media (width>=768px) and (width<=1599px) {
    .announcement.an-center-right .an-content {
        padding-inline: 0 20px;
    }
}

@media (width>=1600px) {
    .announcement.an-center-right .an-content {
        padding-inline: 0 30px;
    }
}

@media (width>=768px) and (width<=991px) {
    .announcement.an-center-right .image-only {
        width: 260px;
    }
}

@media (width>=992px) and (width<=1199px) {
    .announcement.an-center-right .image-only {
        width: 330px;
    }
}

@media (width>=1200px) and (width<=1599px) {
    .announcement.an-center-right .image-only {
        width: 428px;
    }
}

@media (width>=1600px) {
    .announcement.an-center-right .image-only {
        width: 600px;
    }
}

@media (width>=768px) {
    .announcement.an-center-right .an-container {
        min-height: var(--an-image-height, 0);
        align-items: flex-end;
        display: flex;
    }

    .announcement.an-center-right .an-wrapper {
        padding: 0 var(--an-v-offset);
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
        display: flex;
        background: 0 0 !important;
    }

    .announcement.an-center-right .an-wrapper>.an-bg-image {
        display: none;
    }

    .announcement.an-center-right .an-content {
        width: 50%;
    }

    .announcement.an-center-right .an-content .an-bg-image {
        height: 100%;
        width: calc(200.0% + var(--an-v-offset)*2);
        left: calc(var(--an-v-offset)*-1);
        display: block;
    }

    .announcement.an-center-right .an-content .text-only {
        position: relative;
    }

    .announcement.an-center-right-inscribed .an-wrapper {
        padding-inline: var(--an-v-offset);
        align-items: center;
        gap: 40px;
        padding-block: 55px;
        display: flex;
    }
}

@media (width>=1600px) {
    .announcement.an-center-right-inscribed .an-wrapper {
        gap: 60px;
    }
}

@media (width>=768px) and (width<=991px) {
    .announcement.an-center-right-inscribed .image-only {
        width: 180px;
    }
}

@media (width>=992px) and (width<=1199px) {
    .announcement.an-center-right-inscribed .image-only {
        width: 264px;
    }
}

@media (width>=1200px) and (width<=1599px) {
    .announcement.an-center-right-inscribed .image-only {
        width: 286px;
    }
}

@media (width>=1600px) {
    .announcement.an-center-right-inscribed .image-only {
        width: 386px;
    }
}

@media (width>=768px) {
    .announcement.an-center-right-inscribed .an-content {
        padding: 0;
    }
}

@media (width>=1px) and (width<=767px) {
    .announcement .an-wrapper {
        flex-direction: column;
        display: flex;
    }
}

@media (width>=1px) and (width<=767px) {
    .announcement .an-image {
        order: -1;
        padding: 30px 30px 0;
    }
}

@media (width>=1px) and (width<=767px) {
    .announcement .image-only {
        margin: 0 auto;
    }
}

@media (width>=768px) and (width<=991px) {
    .announcement .image-only {
        width: 275px;
    }
}

@media (width>=992px) and (width<=1199px) {
    .announcement .image-only {
        width: 345px;
    }
}

@media (width>=1200px) and (width<=1599px) {
    .announcement .image-only {
        width: 485px;
    }
}

@media (width>=1600px) {
    .announcement .image-only {
        width: 721px;
    }
}

@media (width>=768px) and (width<=1199px) {
    .announcement .an-content {
        padding: 30px;
    }
}

@media (width>=1200px) {
    .announcement .an-content {
        padding: 40px;
    }
}

@media (width>=1200px) {
    .announcement .an-cta {
        margin-top: 36px;
    }
}

@media (width>=1600px) {
    .announcement .an-cta {
        gap: 25px;
    }
}

@media (min-width: 768px) {
    .announcement-1182107966 .an-container {
        margin-top: 0px;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .announcement-1182107966 .an-container {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .announcement-1182107966 .an-container {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1600px) {
    .announcement-1182107966 .an-container {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (width>=1px) and (width<=767px) {
    .content-block {
        flex-direction: column;
    }
}

@media (width>=1600px) {
    .content-block.layout-vertical {
        gap: 20px;
    }
}


@media (width>=1200px) and (width<=1599px) {
    .content-block .cb-badge {
        height: 25px;
    }
}

@media (width>=1600px) {
    .content-block .cb-badge {
        height: 40px;
        margin-bottom: 32px;
    }
}

@media (width>=1600px) {
    .content-block .cb-label {
        margin-bottom: 32px;
    }
}

@media (width>=1600px) {
    .content-block .cb-text {
        --to-gap: 18px;
    }
}



@media (width>=1600px) {

    .content-block .cb-cta-group:not(.inline-layout) .hpe-arrow-link+.hpe-arrow-link,
    .content-block .cb-cta-group:not(.inline-layout) .hpe-arrow-link+span.hidden+.hpe-arrow-link {
        margin-top: -14px;
    }
}

@media (width>=1200px) and (width<=1599px) {

    .content-block .cd-wrapper,
    .content-block .asset-micromodule {
        margin-top: 40px;
    }
}

@media (width>=1600px) {

    .content-block .cd-wrapper,
    .content-block .asset-micromodule {
        margin-top: 48px;
    }
}

@media (width>=768px) {
    .content-block.image-right {
        flex-direction: row-reverse;
    }
}

@media (min-width: 768px) {
    .content-block-1859694507 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .content-block-1859694507 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .content-block-1859694507 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1600px) {
    .content-block-1859694507 {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (min-width: 768px) {
    .content-block--512570487 {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .content-block--512570487 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .content-block--512570487 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 1600px) {
    .content-block--512570487 {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

@media (min-width: 768px) {
    .content-block--1378548072 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .content-block--1378548072 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .content-block--1378548072 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 1600px) {
    .content-block--1378548072 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (width>=992px) {
    .tab-container .tc-tabs-wrapper {
        height: auto;
    }
}

@media (width>=992px) and (width<=1599px) {
    .tab-container .tc-tabs-wrapper {
        margin-bottom: 30px;
    }
}

@media (width>=1600px) {
    .tab-container .tc-tabs-wrapper {
        margin-bottom: 40px;
    }
}

@media (width>=992px) {
    .tab-container[in-viewport][tabs-invisible] .tc-tabs-container {
        z-index: 1;
        box-shadow: none;
        background-color: #0000;
        position: relative;
    }
}

@media (width>=768px) and (width<=991px) {
    .anchor-nav-v3-stickied .tab-container[in-viewport][tabs-invisible] .tc-tabs-container {
        top: 90px;
    }
}

@media (width>=992px) {
    .anchor-nav-v3-stickied .tab-container[in-viewport][tabs-invisible] .tc-tabs-container {
        top: 0;
    }
}

@media (width>=992px) {
    .uc-anchor-nav-sticked .tab-container[in-viewport][tabs-invisible] .tc-tabs-container {
        top: 0;
    }
}

@media (width>=1px) and (width<=991px) {
    .tab-container .hpe-tab-title {
        opacity: 1;
        transition: opacity .3s ease-in-out;
    }
}

@media (width>=1px) and (width<=767px) {
    .tab-container .tc-panel-body .card-carousel {
        margin-inline: calc(-1*var(--container-offset-x));
    }
}

@media (width>=768px) {
    .hpe-tabs {
        --tab-arrow-gap: -35px;
    }
}

@media (width>=768px) and (width<=1199px) {
    .hpe-tabs {
        --tab-gap: 22px;
    }
}

@media (width>=992px) and (width<=1599px) {
    .hpe-tabs {
        --tab-gap: 20px;
        --tab-padding: 20px 0;
    }
}

@media (width>=1200px) {
    .hpe-tabs {
        --tab-gap: 30px;
    }
}

@media (width>=1600px) {
    .hpe-tabs {
        --tab-gap: 35px;
        --tab-padding: 24px 0;
    }
}

@media (width>=992px) and (width<=1599px) {
    .hpe-tabs {
        margin-bottom: 30px;
    }
}

@media (width>=1600px) {
    .hpe-tabs {
        margin-bottom: 40px;
    }
}

@media (width >=992px) {
    .tab-container .tc-tabs-wrapper {
        height: auto;
    }
}

@media (width >=992px) and (width <=1599px) {
    .tab-container .tc-tabs-wrapper {
        margin-bottom: 30px;
    }
}

.flex-container-row {
    flex-direction: row;
    display: flex;
}

.flex-container-row.flex-container-wrap {
    flex-wrap: wrap;
}


@media (min-width: 768px) {
    .flex-container .flex-container-content-686994204 {
        margin-right: 20px;
    }

    .flex-container .flex-container-column-686994204 {
        order: 0;
        padding-bottom: 20px;
        min-width: 100%;
    }
}

@media (min-width: 992px) {
    .flex-container .flex-container-column-686994204 {
        padding-bottom: 30px;
        min-width: 100%;
    }
}

@media (min-width: 1200px) {
    .flex-container .flex-container-column-686994204 {
        padding-bottom: 30px;
        min-width: 30%;
    }
}

@media (min-width: 1600px) {
    .flex-container .flex-container-column-686994204 {
        padding-bottom: 30px;
        min-width: 50%;
    }
}

@media (min-width: 768px) {
    .flex-container .flex-container-column-686994205 {
        order: 0;
    }
}

@media (min-width: 768px) {
    .flex-container-row-264786077 {
        gap: 25px;
    }
}

@media (min-width: 768px) {
    .flex-container .flex-container-column--595220263 {
        order: 0;
        min-width: 45%;
    }
}

@media (min-width: 992px) {
    .flex-container .flex-container-column--595220263 {
        min-width: 45%;
    }
}

@media (min-width: 1200px) {
    .flex-container .flex-container-column--595220263 {
        min-width: 100%;
    }
}

@media (min-width: 1600px) {
    .flex-container .flex-container-column--595220263 {
        min-width: 100%;
    }
}

@media (min-width: 768px) {
    .flex-container .flex-container-column--595220262 {
        order: 0;
        min-width: 45%;
    }
}

@media (min-width: 992px) {
    .flex-container .flex-container-column--595220262 {
        min-width: 45%;
    }
}

@media (min-width: 1200px) {
    .flex-container .flex-container-column--595220262 {
        min-width: 100%;
    }
}

@media (min-width: 1600px) {
    .flex-container .flex-container-column--595220262 {
        min-width: 100%;
    }
}

@media (min-width: 768px) {
    .flex-container .flex-container-column--595220261 {
        order: 0;
        min-width: 45%;
    }
}

@media (min-width: 992px) {
    .flex-container .flex-container-column--595220261 {
        min-width: 45%;
    }
}

@media (min-width: 1200px) {
    .flex-container .flex-container-column--595220261 {
        min-width: 100%;
    }
}

@media (min-width: 1600px) {
    .flex-container .flex-container-column--595220261 {
        min-width: 100%;
    }
}

.flex-container-content {
    margin-top: auto;
    margin-bottom: auto;
}

.flex-container-column {
    flex: 1px;
    width: auto;
    min-width: 0;
}

.flex-container-column.flex-container-top {
    align-self: flex-start;
}

.flex-container.centered-content .flex-container-column {
    --container-offset-x: 0;
}

.text-left {
    text-align: left !important;
}

@media (width >=1px) and (width <=767px) {
    .flex-container.flex-container-stack-xs>.flex-container-row {
        flex-direction: column;
    }
}

.horizontal-ruler.style-bg-white {
    background-color: #fff
}

.horizontal-ruler.style-bg-grey {
    background-color: #f6f6f6
}

.horizontal-ruler.style-bg-none {
    background-color: #0000
}

.horizontal-ruler hr {
    border-color: #0000;
    margin: 0
}

.horizontal-ruler hr.coloredborder.color-light-grey {
    border-color: #dadada
}

.horizontal-ruler hr.coloredborder.color-light-medium-grey {
    border-color: #ccc
}

.horizontal-ruler hr.coloredborder.color-dark-medium-grey {
    border-color: #666
}

.horizontal-ruler hr.coloredborder.color-dark-grey {
    border-color: #333
}

.horizontal-ruler .container-fluid.container-gutter {
    margin: 0 auto
}

.our-customers {
    --esl-carousel-side-space: 0px;
    --oc-slide-padding-top: 40px;
    display: block
}

@media (width>=992px) and (width<=1599px) {
    .our-customers {
        --oc-slide-padding-top: 64px
    }
}

@media (width>=1600px) {
    .our-customers {
        --oc-slide-padding-top: 72px
    }
}

.our-customers [esl-carousel-slides] {
    gap: 0
}

@media (width>=1px) and (width<=767px) {
    .generic-modal-content .our-customers .esl-carousel-plain-control {
        z-index: 1
    }
}

.uc-gradient {
    inset: var(--uc-gradient-position, 0 25.0% 0 0);
    z-index: 1;
    position: absolute
}

.uc-gradient.high-gradient {
    background: linear-gradient(var(--uc-gradient-direction, to right), var(--high-gradient-color, #fffffff2), #fff0)
}

.uc-gradient.medium-gradient {
    background: linear-gradient(var(--uc-gradient-direction, to right), var(--medium-gradient-color, #ffffffd9), #fff0)
}

.uc-gradient.low-gradient {
    background: linear-gradient(var(--uc-gradient-direction, to right), var(--low-gradient-color, #ffffffb3), #fff0)
}

.light-theme {
    --high-gradient-color: #fffffff2;
    --medium-gradient-color: #ffffffd9;
    --low-gradient-color: #ffffffb3
}

.dark-theme {
    --high-gradient-color: #000000e6;
    --medium-gradient-color: #000000bf;
    --low-gradient-color: #0009
}

.oc-slide {
    background: #f7f7f7;
    flex-direction: column;
    width: 100%;
    height: auto;
    display: flex
}

.oc-slide.dark-theme .btn-v3[class*=sec-],
.dark-theme .oc-slide .btn-v3[class*=sec-],
body .dark-theme-prespecific .oc-slide .btn-v3[class*=sec-],
html body .dark-theme-specific .oc-slide .btn-v3[class*=sec-],
.oc-slide.dark-theme .btn-v3[class*=sec-]:hover,
.dark-theme .oc-slide .btn-v3[class*=sec-]:hover,
body .dark-theme-prespecific .oc-slide .btn-v3[class*=sec-]:hover,
html body .dark-theme-specific .oc-slide .btn-v3[class*=sec-]:hover,
.oc-slide.dark-theme .btn-v3[class*=sec-].hover,
.dark-theme .oc-slide .btn-v3[class*=sec-].hover,
body .dark-theme-prespecific .oc-slide .btn-v3[class*=sec-].hover,
html body .dark-theme-specific .oc-slide .btn-v3[class*=sec-].hover,
.oc-slide.dark-theme .btn-v3[class*=sec-]:focus,
.dark-theme .oc-slide .btn-v3[class*=sec-]:focus,
body .dark-theme-prespecific .oc-slide .btn-v3[class*=sec-]:focus,
html body .dark-theme-specific .oc-slide .btn-v3[class*=sec-]:focus,
.oc-slide.dark-theme .btn-v3[class*=sec-]:visited,
.dark-theme .oc-slide .btn-v3[class*=sec-]:visited,
body .dark-theme-prespecific .oc-slide .btn-v3[class*=sec-]:visited,
html body .dark-theme-specific .oc-slide .btn-v3[class*=sec-]:visited {
    color: #fff
}

.oc-slide.dark-theme .btn-v3[class*=sec-] .btn-arrow:after,
.dark-theme .oc-slide .btn-v3[class*=sec-] .btn-arrow:after,
body .dark-theme-prespecific .oc-slide .btn-v3[class*=sec-] .btn-arrow:after,
html body .dark-theme-specific .oc-slide .btn-v3[class*=sec-] .btn-arrow:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E) no-repeat
}

.oc-slide.dark-theme .btn-v3.sec-white,
.dark-theme .oc-slide .btn-v3.sec-white,
body .dark-theme-prespecific .oc-slide .btn-v3.sec-white,
html body .dark-theme-specific .oc-slide .btn-v3.sec-white {
    border-color: #fff
}

.oc-slide.dark-theme .btn-v3.sec-white:after,
.dark-theme .oc-slide .btn-v3.sec-white:after,
body .dark-theme-prespecific .oc-slide .btn-v3.sec-white:after,
html body .dark-theme-specific .oc-slide .btn-v3.sec-white:after {
    box-shadow: 0 0 0 4px #fff
}

.oc-slide.light-theme .btn-v3[class*=sec-],
.light-theme .oc-slide .btn-v3[class*=sec-],
body .light-theme-prespecific .oc-slide .btn-v3[class*=sec-],
html body .light-theme-specific .oc-slide .btn-v3[class*=sec-],
.oc-slide.light-theme .btn-v3[class*=sec-]:hover,
.light-theme .oc-slide .btn-v3[class*=sec-]:hover,
body .light-theme-prespecific .oc-slide .btn-v3[class*=sec-]:hover,
html body .light-theme-specific .oc-slide .btn-v3[class*=sec-]:hover,
.oc-slide.light-theme .btn-v3[class*=sec-].hover,
.light-theme .oc-slide .btn-v3[class*=sec-].hover,
body .light-theme-prespecific .oc-slide .btn-v3[class*=sec-].hover,
html body .light-theme-specific .oc-slide .btn-v3[class*=sec-].hover,
.oc-slide.light-theme .btn-v3[class*=sec-]:focus,
.light-theme .oc-slide .btn-v3[class*=sec-]:focus,
body .light-theme-prespecific .oc-slide .btn-v3[class*=sec-]:focus,
html body .light-theme-specific .oc-slide .btn-v3[class*=sec-]:focus,
.oc-slide.light-theme .btn-v3[class*=sec-]:visited,
.light-theme .oc-slide .btn-v3[class*=sec-]:visited,
body .light-theme-prespecific .oc-slide .btn-v3[class*=sec-]:visited,
html body .light-theme-specific .oc-slide .btn-v3[class*=sec-]:visited {
    color: #000
}

.oc-slide.light-theme .btn-v3[class*=sec-] .btn-arrow:after,
.light-theme .oc-slide .btn-v3[class*=sec-] .btn-arrow:after,
body .light-theme-prespecific .oc-slide .btn-v3[class*=sec-] .btn-arrow:after,
html body .light-theme-specific .oc-slide .btn-v3[class*=sec-] .btn-arrow:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%2301A982%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E) no-repeat
}

.oc-slide.light-theme .btn-v3.sec-light-purple .btn-arrow:after,
.light-theme .oc-slide .btn-v3.sec-light-purple .btn-arrow:after,
body .light-theme-prespecific .oc-slide .btn-v3.sec-light-purple .btn-arrow:after,
html body .light-theme-specific .oc-slide .btn-v3.sec-light-purple .btn-arrow:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%23C140FF%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E) no-repeat
}

.oc-slide.light-theme .btn-v3.sec-medium-purple .btn-arrow:after,
.light-theme .oc-slide .btn-v3.sec-medium-purple .btn-arrow:after,
body .light-theme-prespecific .oc-slide .btn-v3.sec-medium-purple .btn-arrow:after,
html body .light-theme-specific .oc-slide .btn-v3.sec-medium-purple .btn-arrow:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%237630EA%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E) no-repeat
}

.oc-slide.light-theme .btn-v3.sec-medium-blue .btn-arrow:after,
.light-theme .oc-slide .btn-v3.sec-medium-blue .btn-arrow:after,
body .light-theme-prespecific .oc-slide .btn-v3.sec-medium-blue .btn-arrow:after,
html body .light-theme-specific .oc-slide .btn-v3.sec-medium-blue .btn-arrow:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%2332DAC8%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E) no-repeat
}

.oc-slide.light-theme .btn-v3.sec-dark-blue .btn-arrow:after,
.light-theme .oc-slide .btn-v3.sec-dark-blue .btn-arrow:after,
body .light-theme-prespecific .oc-slide .btn-v3.sec-dark-blue .btn-arrow:after,
html body .light-theme-specific .oc-slide .btn-v3.sec-dark-blue .btn-arrow:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%230D5265%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E) no-repeat
}

.oc-slide.light-theme .btn-v3.sec-light-blue .btn-arrow:after,
.light-theme .oc-slide .btn-v3.sec-light-blue .btn-arrow:after,
body .light-theme-prespecific .oc-slide .btn-v3.sec-light-blue .btn-arrow:after,
html body .light-theme-specific .oc-slide .btn-v3.sec-light-blue .btn-arrow:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%237FF9E2%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E) no-repeat
}

.oc-slide.light-theme .btn-v3.sec-orange .btn-arrow:after,
.light-theme .oc-slide .btn-v3.sec-orange .btn-arrow:after,
body .light-theme-prespecific .oc-slide .btn-v3.sec-orange .btn-arrow:after,
html body .light-theme-specific .oc-slide .btn-v3.sec-orange .btn-arrow:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%23FF8300%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E) no-repeat
}

.oc-slide.light-theme .btn-v3.sec-yellow .btn-arrow:after,
.light-theme .oc-slide .btn-v3.sec-yellow .btn-arrow:after,
body .light-theme-prespecific .oc-slide .btn-v3.sec-yellow .btn-arrow:after,
html body .light-theme-specific .oc-slide .btn-v3.sec-yellow .btn-arrow:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%23FEC901%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E) no-repeat
}

.oc-slide.light-theme .btn-v3.sec-white .btn-arrow:after,
.light-theme .oc-slide .btn-v3.sec-white .btn-arrow:after,
body .light-theme-prespecific .oc-slide .btn-v3.sec-white .btn-arrow:after,
html body .light-theme-specific .oc-slide .btn-v3.sec-white .btn-arrow:after {
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20471.2%20471.2%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M456.57%20248.48a18.45%2018.45%200%200%200%205.43-12.9%2017.88%2017.88%200%200%200-5.43-12.9L340.08%20106.19a18.34%2018.34%200%200%200-25.93%2025.93l85.26%2085.13H27.53a18.33%2018.33%200%201%200%200%2036.66h371.88l-85.26%2085.26a18.34%2018.34%200%200%200%2025.93%2025.93z%22/%3E%3C/svg%3E) no-repeat
}

.oc-slide:before {
    content: "";
    min-height: var(--oc-slide-padding-top);
    flex: 1 0 0
}

.oc-slide:after {
    content: "";
    min-height: max(var(--oc-slide-padding-top), var(--esl-carousel-control-block-height));
    flex: 1 0 0
}

@media (width>=768px) {
    .oc-slide.justify-end .oc-slide-content {
        justify-content: flex-end
    }

    .oc-slide.justify-end .oc-slide-overlay {
        --uc-gradient-direction: to left
    }
}

.oc-slide.dark-theme {
    background: #000
}

.oc-slide-accent {
    z-index: -2;
    opacity: 0;
    transition: opacity 0s linear .25s;
    display: none;
    position: absolute;
    inset: 0
}

@media (width>=1px) and (width<=991px) {
    .oc-slide-accent {
        display: block
    }
}

.oc-slide.active+.oc-slide-accent {
    opacity: 1;
    z-index: -1;
    transition: opacity .25s linear
}

.oc-slide .oc-slide-image-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.oc-slide .oc-slide-image-container .oc-slide-image {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.oc-slide .oc-slide-overlay {
    pointer-events: none;
    display: block;
    position: absolute;
    inset: 0
}

@media (width>=1px) and (width<=767px) {
    .oc-slide .oc-slide-overlay {
        --uc-gradient-direction: to bottom
    }
}

.oc-slide .oc-slide-content {
    z-index: 1;
    flex-direction: row;
    flex: 1 0 0;
    align-items: center;
    width: 100%;
    display: flex
}

@media (width>=768px) {
    .oc-slide .oc-slide-content {
        background: 0 0
    }
}

.oc-slide .oc-slide-content .oc-card {
    width: 100%
}

@media (width>=768px) and (width<=991px) {
    .oc-slide .oc-slide-content .oc-card {
        max-width: 400px
    }
}

@media (width>=992px) and (width<=1199px) {
    .oc-slide .oc-slide-content .oc-card {
        max-width: 456px
    }
}

@media (width>=1200px) and (width<=1599px) {
    .oc-slide .oc-slide-content .oc-card {
        max-width: 520px
    }
}

@media (width>=1600px) {
    .oc-slide .oc-slide-content .oc-card {
        width: 640px
    }

    .oc-slide {
        min-height: 450px
    }
}

@media (width>=1200px) and (width<=1599px) {
    .oc-slide {
        min-height: 400px
    }
}

@media (width>=768px) and (width<=1199px) {
    .oc-slide {
        min-height: 428px
    }
}

.oc-card {
    position: relative
}

@media (width>=1px) and (width<=767px) {
    .oc-card {
        height: 100%;
        --gradient-offset: 0 !important
    }

    .oc-card .oc-card-accent {
        display: none
    }
}

.oc-card .oc-card-icon-container {
    align-items: center;
    max-width: 50%;
    height: 44px;
    display: flex;
    position: relative
}

@media (width>=768px) and (width<=1199px) {
    .oc-card .oc-card-icon-container {
        height: 59px
    }
}

@media (width>=1200px) {
    .oc-card .oc-card-icon-container {
        height: 96px
    }
}

.oc-card .oc-card-icon {
    object-fit: contain;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.oc-card .hpe-note {
    z-index: 2;
    color: #01a982;
    background: #fff;
    border-color: #01a982
}

.oc-card .hpe-note.active,
.oc-card .hpe-note:hover,
.oc-card .hpe-note.highlight {
    color: #fff;
    background: #01a982
}

.oc-card .oc-card-description {
    --_ratioT: var(--f-extra-space-top-ratio, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
    margin-top: calc(var(--top-margin-crop-size) + 10px);
    --_ratioB: var(--f-extra-space-bottom-ratio, 0);
    --bottom-margin-crop-size: calc(var(--crop-margin-bottom, 0px) - (1em*var(--_ratioB) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-bottom: var(--bottom-margin-crop-size)
}

@media (width>=992px) and (width<=1599px) {
    .oc-card .oc-card-description {
        --_ratioT: var(--f-extra-space-top-ratio, 0);
        --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
        margin-top: var(--top-margin-crop-size);
        margin-top: calc(var(--top-margin-crop-size) + 20px)
    }
}

@media (width>=1600px) {
    .oc-card .oc-card-description {
        --_ratioT: var(--f-extra-space-top-ratio, 0);
        --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
        margin-top: var(--top-margin-crop-size);
        margin-top: calc(var(--top-margin-crop-size) + 20px)
    }
}

.oc-card .oc-card-description>:is(h1, h2, h3, .tag-h1, .tag-h2, .tag-h3) {
    margin-top: 10px
}

.oc-card .oc-card-description>:is(h4, h5, h6, .tag-h4, .tag-h5, .tag-h6) {
    margin-top: 0
}

.oc-card .oc-card-description>:last-child {
    margin-bottom: 0
}

.oc-card .oc-card-title {
    --_ratioT: var(--f-extra-space-top-ratio, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size);
    margin-top: calc(var(--top-margin-crop-size) + 30px)
}

@media (width>=992px) and (width<=1599px) {
    .oc-card .oc-card-title {
        --_ratioT: var(--f-extra-space-top-ratio, 0);
        --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
        margin-top: var(--top-margin-crop-size);
        margin-top: calc(var(--top-margin-crop-size) + 20px)
    }
}

@media (width>=1600px) {
    .oc-card .oc-card-title {
        --_ratioT: var(--f-extra-space-top-ratio, 0);
        --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
        margin-top: var(--top-margin-crop-size);
        margin-top: calc(var(--top-margin-crop-size) + 35px)
    }
}

.oc-card .oc-card-title:first-child {
    --_ratioT: var(--f-extra-space-top-ratio, 0);
    --top-margin-crop-size: calc(var(--crop-margin-top, 0px) - (1em*var(--_ratioT) + (1lh - 1em)/2)*var(--f-crop-enable, 0));
    margin-top: var(--top-margin-crop-size)
}

.oc-card .oc-card-buttons {
    margin-top: 30px
}

@media (width>=1600px) {
    .oc-card .oc-card-buttons {
        margin-top: 40px
    }
}

.oc-card .oc-card-buttons .oc-cta {
    margin-bottom: 25px
}

.oc-card .oc-card-buttons .oc-cta:last-child {
    margin-bottom: 0
}

:root {
    --esl-slide-initial-size: 100.0%;
    --esl-carousel-side-space: 5px;
    --esl-carousel-step-duration: .25s
}



esl-carousel:not(.esl-carousel) [esl-carousel-slide] {
    max-width: 100%;
    max-height: 100%
}

esl-carousel.esl-carousel-vertical {
    touch-action: pan-x
}

esl-carousel.esl-carousel-vertical [esl-carousel-slides] {
    flex-direction: column
}

esl-carousel.esl-carousel-horizontal {
    touch-action: pan-y
}

esl-carousel.esl-carousel-horizontal [esl-carousel-slides] {
    flex-direction: row
}

esl-carousel[dragging] {
    cursor: grabbing
}

esl-carousel[animating] {
    margin-inline: 0;
    padding-inline: 0
}

esl-carousel[dragging] [esl-carousel-slides],
esl-carousel[animating] [esl-carousel-slides] {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none
}

esl-carousel[empty] {
    --esl-carousel-side-space: 0
}

esl-carousel[empty] [esl-carousel-slides] {
    display: none
}



[esl-carousel-slide] {
    z-index: 1;
    flex: none;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.esl-carousel-no-extra-space {
    --esl-carousel-side-space: 0
}

.esl-carousel-default-renderer [esl-carousel-slides] {
    flex-wrap: nowrap;
    max-width: 100%;
    max-height: 100%;
    transition: none;
    display: flex
}

.esl-carousel-default-renderer.esl-carousel-horizontal [esl-carousel-slide] {
    width: var(--esl-slide-size, var(--esl-slide-initial-size))
}

.esl-carousel-default-renderer.esl-carousel-vertical [esl-carousel-slide] {
    height: var(--esl-slide-size, var(--esl-slide-initial-size))
}

.esl-carousel-grid-renderer [esl-carousel-slides] {
    grid-template-rows: 1fr 1fr;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    max-width: 100%;
    max-height: 100%;
    transition: none;
    display: grid
}

.esl-carousel-grid-renderer.esl-carousel-vertical [esl-carousel-slides] {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    grid-auto-flow: row
}

.esl-carousel-grid-renderer.esl-carousel-horizontal :is([esl-carousel-slide], [esl-carousel-fake-slide]) {
    width: var(--esl-slide-size, --esl-slide-initial-size, 100.0%)
}

.esl-carousel-grid-renderer.esl-carousel-vertical :is([esl-carousel-slide], [esl-carousel-fake-slide]) {
    height: var(--esl-slide-size, --esl-slide-initial-size, 100.0%)
}



.esl-carousel-css-renderer [esl-carousel-slide] {
    z-index: 0;
    backface-visibility: hidden;
    grid-area: slide;
    position: relative
}

.esl-carousel-css-renderer [esl-carousel-slide][active] {
    z-index: 1
}

.esl-carousel-css-renderer.esl-carousel-css-fade[animating] [esl-carousel-slide] {
    transition: opacity var(--esl-carousel-step-duration)linear
}

.esl-carousel-css-renderer.esl-carousel-css-fade [esl-carousel-slide] {
    opacity: 0
}

.esl-carousel-css-renderer.esl-carousel-css-fade [esl-carousel-slide][active] {
    opacity: 1
}

.esl-carousel-css-renderer.esl-carousel-css-fade[animating] [esl-carousel-slide][pre-active] {
    z-index: 2;
    opacity: 1
}

.esl-carousel-css-renderer.esl-carousel-css-fade[shifted] [esl-carousel-slide][pre-active] {
    z-index: 2;
    opacity: var(--esl-carousel-offset-ratio, 0)
}

.esl-carousel-css-renderer.esl-carousel-css-slide [esl-carousel-slides] {
    transform: translate3d(var(--esl-carousel-offset, 0), 0, 0)
}

.esl-carousel-css-renderer.esl-carousel-css-slide [esl-carousel-slides].forward {
    transform: translate(-100%)
}

.esl-carousel-css-renderer.esl-carousel-css-slide [esl-carousel-slides].backward {
    transform: translate(100%)
}

.esl-carousel-css-renderer.esl-carousel-css-slide[animating] [esl-carousel-slide],
.esl-carousel-css-renderer.esl-carousel-css-slide[animating] [esl-carousel-slides] {
    transition: transform var(--esl-carousel-step-duration)linear
}

.esl-carousel-css-renderer.esl-carousel-css-slide [esl-carousel-slide][pre-active][next] {
    left: 100%
}

.esl-carousel-css-renderer.esl-carousel-css-slide [esl-carousel-slide][active] {
    left: 0
}

.esl-carousel-css-renderer.esl-carousel-css-slide [esl-carousel-slide][pre-active][prev] {
    left: -100%
}

[esl-carousel-nav]:not([active]) {
    display: none
}

[esl-carousel-nav][disabled] {
    pointer-events: none
}

:root {
    --esl-carousel-arrow-size: 40px;
    --esl-carousel-arrow-padding: 0px;
    --esl-carousel-arrow-bg: grey
}

.esl-carousel-nav-container {
    --esl-carousel-arrow-offset: calc((var(--esl-carousel-arrow-size) + var(--esl-carousel-arrow-padding) + var(--esl-carousel-side-space))*-1);
    position: relative
}

.esl-carousel-arrow {
    z-index: 3;
    padding: var(--esl-carousel-arrow-padding);
    cursor: pointer;
    appearance: none;
    filter: drop-shadow(0 0 4px var(--esl-carousel-arrow-bg));
    opacity: .75;
    background: 0 0;
    border: none;
    place-content: center;
    display: grid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.esl-carousel-arrow:hover {
    opacity: 1
}

.esl-carousel-arrow[disabled] {
    opacity: .25
}

.esl-carousel-arrow.prev {
    left: var(--esl-carousel-arrow-offset)
}

.esl-carousel-arrow.prev.inner {
    left: 0
}

.esl-carousel-arrow.next {
    right: var(--esl-carousel-arrow-offset)
}

.esl-carousel-arrow.next.inner {
    right: 0
}

.esl-carousel-arrow:before {
    content: "";
    width: var(--esl-carousel-arrow-size);
    height: var(--esl-carousel-arrow-size);
    background: var(--esl-carousel-arrow-bg);
    clip-path: polygon(20% 50%, 70% 0%, 80% 5%, 35% 50%, 80% 95%, 70% 100%);
    display: block
}

.esl-carousel-arrow.next:before {
    transform: scaleX(-1)
}

.esl-carousel-dots {
    align-items: center;
    gap: .5rem;
    width: fit-content;
    margin: 1rem auto;
    display: flex
}

.esl-carousel-dots:empty {
    display: none
}

.esl-carousel-dot {
    box-sizing: content-box;
    aspect-ratio: 1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    appearance: none;
    border-radius: 100%;
    flex: none;
    min-width: 9px;
    margin: 0;
    padding: 0
}

.esl-carousel-dot:is(*, :focus, :active, :hover) {
    border: var(--esl-carousel-dot-border, 1px solid transparent);
    background: var(--esl-carousel-dot-color, #76767680);
    background-clip: content-box
}

.esl-carousel-dot[active] {
    border: var(--esl-carousel-dot-active-border, 1px solid #bababa);
    background: var(--esl-carousel-dot-active-color, #ffffff80);
    background-clip: content-box
}

@media (width>=1px) and (width<=767px) {
    :root {
        --esl-carousel-side-space: 0px;
        --esl-carousel-arrow-size: 20px;
        --esl-carousel-arrow-padding: 5px
    }
}

@media (width>=768px) and (width<=1599px) {
    :root {
        --esl-carousel-arrow-size: 30px
    }
}

@media (width>=1600px) {
    :root {
        --esl-carousel-arrow-size: 40px
    }
}

.esl-carousel-dot {
    width: 9px;
    margin: 0;
    padding: 0
}

.hide-inactive-slides:not([active]) [esl-carousel-slide]:not([active]) {
    visibility: hidden
}

.show-siblings :is(esl-carousel, .esl-carousel) {
    overflow: visible
}

.uc-modal .show-siblings :is(esl-carousel, .esl-carousel) {
    overflow: hidden
}

@media (width>=1px) and (width<=767px) {
    .show-siblings-xs {
        padding-inline: 0
    }

    .show-siblings-xs :is(esl-carousel, .esl-carousel) {
        padding-inline: var(--container-offset-x);
        margin-inline: 0
    }

    .show-siblings-xs :is(esl-carousel, .esl-carousel) [esl-carousel-slide] {
        width: var(--esl-slide-size, 100.0%)
    }

    .show-siblings-xs :is(esl-carousel, .esl-carousel) [esl-carousel-slide]:not([active]) {
        visibility: visible
    }

    .esl-carousel-nav-container {
        --esl-carousel-arrow-offset: 0px
    }
}

@media (width>=768px) and (width<=991px) {
    .esl-carousel-nav-container {
        --esl-carousel-arrow-offset: calc(var(--container-offset-x) - var(--esl-carousel-arrow-size) - 5px)
    }
}

@media (width>=992px) {
    .esl-carousel-nav-container {
        --esl-carousel-arrow-offset: calc(var(--container-offset-x) - var(--esl-carousel-arrow-size) - 15px)
    }
}

.esl-carousel-nav-container .esl-carousel-arrow {
    filter: drop-shadow(0 0 1px var(--esl-carousel-arrow-bg))
}

.esl-carousel-nav-container .esl-carousel-arrow:hover {
    --esl-carousel-arrow-bg: var(--esl-carousel-arrow-bg-hover)
}

.esl-carousel-nav-container .esl-carousel-arrow,
.esl-carousel-nav-container .esl-carousel-arrow:hover {
    opacity: 1;
    transition: color .2s linear
}

.esl-carousel-nav-container .esl-carousel-arrow[disabled] {
    opacity: .5
}

@media (width>=1px) and (width<=767px) {
    .esl-carousel-nav-container .esl-carousel-arrow.tall-no-arrow-xs {
        --esl-carousel-arrow-bg: transparent;
        height: 100%
    }
}

:is(html, .light-theme) {
    --esl-carousel-arrow-bg: #707070;
    --esl-carousel-arrow-bg-hover: #505050
}

.dark-theme {
    --esl-carousel-arrow-bg: #ddd;
    --esl-carousel-arrow-bg-hover: white
}

:root {
    --esl-carousel-control-block-top-padding: 32px;
    --esl-carousel-control-block-bottom-padding: 24px;
    --esl-carousel-control-block-control-gap: 12px;
    --esl-carousel-plain-control-size: 12px;
    --esl-carousel-plain-control-padding: 14px;
    --esl-carousel-control-block-height: calc(var(--esl-carousel-control-block-top-padding) + var(--esl-carousel-control-block-bottom-padding) + var(--esl-carousel-plain-control-size) + var(--esl-carousel-plain-control-padding)*2)
}

@media (width>=1600px) {
    :root {
        --esl-carousel-control-block-top-padding: 48px;
        --esl-carousel-control-block-bottom-padding: 32px;
        --esl-carousel-control-block-control-gap: 16px;
        --esl-carousel-plain-control-size: 16px;
        --esl-carousel-plain-control-padding: 20px
    }
}

.esl-carousel-nav-container.esl-carousel-control-absolute .esl-carousel-control-block {
    padding-top: var(--esl-carousel-control-block-top-padding);
    padding-bottom: calc(var(--esl-carousel-control-block-bottom-padding) + var(--esl-carousel-side-space));
    position: absolute;
    bottom: 0
}

.esl-carousel-nav-container .esl-carousel-control-block {
    align-items: center;
    gap: var(--esl-carousel-control-block-control-gap);
    display: flex
}

.esl-carousel-nav-container .esl-carousel-control-block .esl-carousel-plain-control {
    padding: var(--esl-carousel-plain-control-padding);
    background-color: var(--esl-carousel-plain-control-bg);
    appearance: none;
    z-index: 3;
    border: none;
    border-radius: 50%;
    transition: background-color .2s ease-out;
    position: relative
}

.esl-carousel-nav-container .esl-carousel-control-block .esl-carousel-plain-control.next:before {
    transform: scaleX(-1)
}

.esl-carousel-nav-container .esl-carousel-control-block .esl-carousel-plain-control:before {
    content: "";
    width: var(--esl-carousel-plain-control-size);
    height: var(--esl-carousel-plain-control-size);
    background-color: var(--esl-carousel-plain-control-color);
    clip-path: polygon(13% 50%, 60% 5%, 70% 15%, 32% 50%, 70% 90%, 60% 100%);
    display: block
}

.esl-carousel-nav-container .esl-carousel-control-block .esl-carousel-plain-control:hover {
    background-color: var(--esl-carousel-plain-control-bg-hover)
}

.esl-carousel-nav-container .esl-carousel-control-block .esl-carousel-plain-control[disabled] {
    background-color: var(--esl-carousel-plain-control-bg-disabled)
}

.esl-carousel-nav-container .esl-carousel-info {
    margin-left: 16px
}

@media (width>=768px) {
    .esl-carousel-nav-container .esl-carousel-info {
        display: none
    }
}

.hpe-carousel-incomplete,
.esl-carousel-nav-container:has(.esl-carousel[incomplete]) {
    --esl-carousel-control-block-height: 0px
}

.hpe-carousel-incomplete .esl-carousel-info,
.esl-carousel-nav-container:has(.esl-carousel[incomplete]) .esl-carousel-info {
    display: none
}

:is(html, .light-theme) {
    --esl-carousel-plain-control-bg: #535c66;
    --esl-carousel-plain-control-color: white;
    --esl-carousel-plain-control-bg-hover: #67686e;
    --esl-carousel-plain-control-bg-disabled: #b4b6ba
}

.dark-theme {
    --esl-carousel-plain-control-bg: #e6e8e9;
    --esl-carousel-plain-control-color: #292d3a;
    --esl-carousel-plain-control-bg-hover: #d4d4d4;
    --esl-carousel-plain-control-bg-disabled: #a5a5a9
}


.esl-carousel-css-fade.lm-carousel-fade[animating] [esl-carousel-slide] {
    transition: opacity .25s linear
}

.esl-carousel-css-fade.lm-carousel-fade[animating] .content-fade-delay {
    transition: opacity .25s linear .5s
}

.esl-carousel-css-fade.lm-carousel-fade [esl-carousel-slide][pre-active] .content-fade-delay {
    opacity: 0
}

.esl-carousel-css-fade.lm-carousel-fade[animating] [esl-carousel-slide][active] .content-fade-delay {
    opacity: 0;
    transition: opacity .25s linear .25s
}

.esl-carousel-css-fade.lm-carousel-fade[animating] [esl-carousel-slide][pre-active] .content-fade-delay {
    opacity: 1
}



.float100 {
    width: 100%;
}

#news-events {
    background: #f6f6f6;
    clear: both;
    padding-bottom: 20px;
}

.title-section {
    text-align: center;
    padding: 20px 0;
}
.jncie.title-section {
    text-align: left;
    padding: 20px 30px;
}

#news-events h2 {
    font-size: 3rem;
    color: #333;
    margin-bottom: 0;
    margin-top: 1rem;
    font-weight: 600;
}

@media (width<=768px) {
    
    #news-events h2 {
        font-size: 2rem;
    }
}

.container-row{
    display: flex;
    gap: 1.5rem;
    padding: 0 30px 20px;
    flex-wrap: wrap;
    align-items: stretch;
}

.events-border {
    border-top: 6px solid #435663;
}

.news-border {
    border-top: 6px solid #81756e;
}

h3.event-title
 {
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 0;
    color: #000;
}

/* Default → Desktop (3 columns) */
.events-border,
.news-border {
    flex: 0 0 calc(33.333% - 1rem);
}

/* Tablet → 2 columns */
@media (max-width: 992px) {
    .events-border,
    .news-border {
        flex: 0 0 calc(50% - 1rem);
    }
}

/* Mobile → 1 column */
@media (max-width: 576px) {
    .events-border,
    .news-border {
        flex: 0 0 100%;
    }
}

.events-box, .news-box {
    border-left: 1px solid #d9dbdc;
    border-right: 1px solid #d9dbdc;
    border-bottom: 2px solid #d9dbdc;
    padding: 23px 30px;
    background: #fff;
        height: 100%;
}

.news-item {
    border-bottom: 1px solid #d9dbdc;
    padding: 10px 0 17px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.news-thumb-img {
    width: 25%;
}
.news-thumb-img img{
    max-width: 110px;
}

.news-content-box {
    width: 65%;
}

.news-item p {
    font-size: 16px !important;
    padding-bottom: 0;
    line-height: 20px;
}
.news-item ul {
    padding-left: 20px;
}
.news-item ul li a{
    text-decoration: none;
}

.tablefooter-certification{
    font-size: 14px !important;
    color: #929d9c;
    padding-top: 10px;
}