@font-face {
 font-family: "HPEGraphik";
 font-style: normal;
 font-weight: 300;
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-Light.otf") format("opentype");
}
@font-face {
 font-family: "HPEGraphik";
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-Regular.otf")
 format("opentype");
}
@font-face {
 font-family: "HPEGraphik";
 font-style: italic;
 font-weight: 400;
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-RegularItalic.otf")
 format("opentype");
}

@font-face {
 font-family: "HPEGraphik";
 font-style: normal;
 font-weight: 500;
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-Medium.otf") format("opentype");
}
@font-face {
 font-family: "HPEGraphik";
 font-style: italic;
 font-weight: 500;
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-MediumItalic.otf")
 format("opentype");
}

@font-face {
 font-family: "HPEGraphik";
 font-style: normal;
 font-weight: 600;
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-Semibold.otf")
 format("opentype");
}
@font-face {
 font-family: "HPEGraphik";
 font-style: italic;
 font-weight: 600;
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-SemiboldItalic.otf")
 format("opentype");
}

@font-face {
 font-family: "HPEGraphik";
 font-style: normal;
 font-weight: 700;
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-Bold.otf") format("opentype");
}
@font-face {
 font-family: "HPEGraphik";
 font-style: italic;
 font-weight: 700;
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-BoldItalic.otf")
 format("opentype");
}

@font-face {
 font-family: "HPEGraphik";
 font-style: normal;
 font-weight: 800; /* Super */
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-Super.otf") format("opentype");
}
@font-face {
 font-family: "HPEGraphik";
 font-style: italic;
 font-weight: 800; /* Super Italic */
 font-display: swap;
 src: url("../fonts/HPE%20Graphik/HPE%20Graphik-SuperItalic.otf")
 format("opentype");
}

/* =========================
   HPE Graphik Condensed
   (Bold only, as requested)
   ========================= */

   @font-face {
    font-family: "HPEGraphikCondensed";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/HPE%20Graphik%20Condensed/HPE%20GraphikXXCondensed-Bold.otf")
    format("opentype");
   }
   .light-theme {
    --lb-dark: #292d3a; /* header + table head */
    --lb-green: #01a982;
    --lb-grey: #f7f7f7; /* HPE-ish green card + ticks */
    --lb-text: #000;
    --lb-muted: #6c727f;
    --lb-border: #dfe2e6;
    --lb-row: #f7f8f9;
    --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;
    --typo-text-color: #67686e;
    --typo-quote-color: #444;
    --typo-heading-color: #292d3a;
    --typo-icons-color: black;
    --typo-link-underline-color: #01a982;
    --typo-link-hover-underline-color: #707070;
    --bwc-bg-color: #1d2028;
    --cta-lm-color: #068667;
    --cta-lm-color-disabled: #a0a2a8;
    --cta-lm-color-hover: #005f49;
   }
   .light-theme,
   .light-theme-prespecific,
   .light-theme-specific {
    --typo-text-color: #67686e;
    --typo-quote-color: #444;
    --typo-heading-color: #292d3a;
    --typo-icons-color: black;
    --typo-link-underline-color: #01a982;
    --typo-link-hover-underline-color: #707070;
   }
   .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: #fff9;
    --typo-link-hover-underline-color: white;
    --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: #bebebe;
    --cta-lm-color: #00e0af;
    --cta-lm-color-disabled: #d4d8db;
    --cta-lm-color-hover: #01a982;
    --bwc-bg-color: #1d2028;
   }
   body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   }
   .anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
   }
   .bg-wrapper-component.dark-theme {
    background-color: var(--bwc-bg-color);
   }
   body,
   p,
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   ul,
   li,
   span,
   a,
   strong {
    font-family: "HPEGraphik";
    line-height: 1.5em;
   }
   body,
   p,
   ul,
   li,
   .small,
   label,
   small,
   input,
   select,
   ::placeholder,
   .form-select,
   .nice-select span {
    color: var(--typo-text-color);
   }
   a,a:focus-visible{ outline: none; }
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
    color: var(--typo-heading-color);
   }
   h1,
   h2,
   h3,
   h4,
   h5 {
    padding-bottom: 0;
   }
   h1 {
    line-height: 1.1em;
   }
   section .container {
    padding-left: 30px;
    padding-right: 30px;
   }
   @media (min-width: 1200px) {
    section .container { padding-top: 4rem; padding-bottom: 4rem }
   }

   @media (min-width: 992px) and (max-width: 1199px) {
    section .container { padding-top: 3rem; padding-bottom: 3rem }
    .font_size_48px { font-size: 48px; }
    .font_size_3rem { font-size: 3rem; }
   }

   @media (max-width: 991px) {
    section .container { padding-top: 2rem; padding-bottom: 2rem }
   }
   .adaptive-marquee .bg-wrapper.am-light-green:before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../images/bg/def-green-light.svg) top right /
    var(--am-bg-width, 100%) auto no-repeat;
   }
   .adaptive-marquee .bg-wrapper.default:after {
    content: "";
    background: var(--_bg-zone-color, inherit);
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
   }
   .page-title-banner{
    position: relative;
   }
   .page-title-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/bg/dark-bg-gradient-overlay.webp);
    background-size: 60%;
    background-position: bottom right;
    background-repeat: no-repeat;
   }
   .page-title-banner .container{
    position: relative;
    z-index: 2;
   }
   .condensed {
    font-family: "HPEGraphikCondensed";
   }
   .fw-semibold,
   strong {
    font-weight: 600 !important;
   }
   .fw-medium {
    font-weight: 500 !important;
   }
   .navy-bg {
    background: #1d2028;
   }
   .blue-bg {
    background: #292d3a;
   }
   .grey-bg {
    background: #393e4a;
   }
   .uc-card-shadow{
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
   }
   .adaptive-marquee .content {
    padding: 60px 20px;
   }
   .container {
    max-width: 1600px;
   }
   @media screen and (min-width: 1200px) {
    .h1,
    h1 {
     font-size: calc(1.375rem + 2.3vw);
    }
   }
   .typo5 .txto-title {
    margin-bottom: 15px;
   }
   .typo5 .rich-text-container,
   .typo5.rich-text-container {
    color: var(--typo-text-color, inherit);
    font-weight: 400;
    line-height: 1.5em;
   }
   .typo5 h1.condensed,
   .typo5 .tag-h1.condensed {
    text-transform: uppercase;
    letter-spacing: 0.02em;
    --f-base-size: 48px;
    font-size: 48px;
    font-weight: 700;
    font-stretch: 75%;
    line-height: 1em;
   }
   .typo5 h2,
   .typo5 .tag-h2 {
    --f-base-size: 32px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.1875em;
   }
   .typo5 h3,
   .typo5 .tag-h3 {
    --f-base-size: 26px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.23077em;
   }
   .typo5 h4,
   .typo5 .tag-h4 {
    --f-base-size: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3em;
   }
   .typo5 h5,
   .typo5 .tag-h5 {
    --f-base-size: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375em;
   }
   .typo5 .rich-text-container,
   .typo5.rich-text-container {
    color: var(--typo-text-color, inherit);
    --f-base-size: 18px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
   }
   .typo5 a {
  color: var(--typo-text-color);
 }
 .typo5 a:hover {
  color: var(--cta-lm-color-hover);
  border-bottom: 1px solid var(--cta-lm-color-hover);
 }
 .typo5 .btn-cta-group a,
 .typo5 .btn-cta-group a:hover {
  border-bottom: none;
 }
 .typo5 .rich-text-container:not(.add-spec) ul li:before {
  --bullet-top: calc((1lh - var(--bullet-height)) / 2);
  top: var(--bullet-top, 0);
 }
 .typo5 .content_detail__pagination a {
  border: none;
 }
 .typo5 .rich-text-container ul li:before {
  width: var(--bullet-width, 0px);
  height: var(--bullet-height, 0px);
  background-color: var(--bullet-color, #01a982);
 }

 .px_3rem {
  padding-left: 3rem;
  padding-right: 3rem;
 }
 .py_2rem {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
 }
 .py_1rem {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
 }
 .mb_n_10px {
  margin-bottom: -10px;
 }
 .font_size_14px {
  font-size: 14px !important;
 }
 .big {
  font-size: 2.5rem;
  line-height: 1.2em;
 }
 .bg-lightgrey {
  background-color: #f8f8f8;
 }
 .radius-1rem {
  border-radius: .5rem;
 }
 @media screen and (max-width: 767px) {
  .xs_margintop_1rem {
   margin-top: 1rem !important;
  }
  .page-title-banner::before{
   background-size: cover;
  }
 }
 .content-wrapper {
  z-index: 2;
  position: relative;
 }

 img.square {
  aspect-ratio: 1/1;
  object-fit: cover;
 }
 .sq-img-green-gradient-overlay {
  position: relative;
 }
 .sq-img-green-gradient-overlay::before {
  content: "";
  background: url(../images/bg/sqimg_green_gradient_overlay.png);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: contain;
 }
 .banner-logo img {
  width: 140px;
 }

/* table*/
/* Top title bar */
.lb-title {
 background: var(--lb-dark);
 color: #fff;
}

/* Cards row */
.lb-cards {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 240px 220px;
 gap: 10px;
 padding: 0;
 background: #fff;
}
@media (max-width: 900px) {
 .lb-cards {
  grid-template-columns: 1fr;
 }
}

.lb-card {
 background: #fff;
}
.lb-card--green {
 padding: 0.9rem 1rem;
 background: #3e4550;
 color: #fff;
}
.lb-card--dark {
 background: #3e4550;
 color: #fff;
 padding: 0.9rem 1rem;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-align: center;
}

.lb-kv {
 display: grid;
 grid-template-columns: 180px 1fr;
 gap: 0.35rem 0.8rem;
 font-size: 1.1rem;
 line-height: 1.3;
}
.lb-kv .v {
 font-weight: 500;
}

.lb-chip {
 font-size: 1rem;
 font-weight: 400;
 padding-bottom: 10px;
}
.lb-big {
 font-size: 2rem;
 line-height: 1;
 font-weight: 600;
}
.lb-sub {
 margin-top: 0.35rem;
 font-size: 0.95rem;
 opacity: 0.9;
}

/* Table */
.lb-table-wrap {
 padding: 10px 0;
 overflow: auto;
}
table.lb-table {
 width: 100%;
 border-collapse: separate;
 border-spacing: 0;
}
table.lb-table th,
table.lb-table td {
 padding: 12px 14px;
 border-bottom: 1px solid var(--lb-dark);
 vertical-align: middle;
}
table.lb-table thead th {
 background: var(--lb-dark) !important;
 color: #fff;
 font-weight: 600;
 text-align: left;
 border-bottom: 1px solid var(--lb-dark) !important;
 white-space: nowrap;
}
/* outer border */
table.lb-table {
 /*border:1px solid var(--lb-dark);*/
 border-collapse: separate; /* keep borders from merging */
 border-spacing: 0;
}

/* thick split between header and body */
table.lb-table thead th {
 border-bottom: 1px solid var(--lb-dark);
}

/* Amount column alignment */
.ta-right {
 text-align: right;
}

/* Icon pills (✅/✖) via inline SVG sizing */
.lb-ico {
 width: 30px;
 height: 30px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}
.lb-ico svg {
 width: 100%;
 height: 100%;
 display: block;
}

/*end of table*/
.typo5 .norm-table thead th {
 font-weight: 500 !important;
 color: var(--lb-text);
 text-transform: none;
}
.typo5 .norm-table td {
 color: var(--typo-text-color);
 font-size: 1.1rem;
}
.image-column .masthead_product img {
 aspect-ratio: 4 / 3;
 object-fit: cover;
}
.typo5 .rich-text-container.rich-text-container a {
 border-bottom-color: var(--typo-link-underline-color);
 transition: color 0.2s, border-color 0.2s, fill 0.2s;
}
.typo5 .rich-text-container.rich-text-container a:hover {
 border-bottom-color: var(--typo-link-hover-underline-color);
}
/* modal*/
.modal-header {
 border-bottom: none;
}
.modal-content {
 border: none;
 border-radius: 10px;
}
.modal.typo5 {
 padding: 0 !important;
}
.modal.typo5 .modal-body h4 {
 color: #000;
}
.modal.typo5 .tncmodal .modal-header,
.modal.typo5 .modal-header {
 background: #fff;
}
.modal.typo5 .btn-close {
 filter: none;
}
.modal.typo5 .modal-header {
 padding: 1rem 1.3rem 0;
}
.modal.typo5 .modal-body {
 padding: 1rem 1.3rem 2rem;
 margin: 0.6rem 0.3rem;
}



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

.cta.btn-landmark,
.cta.btn-landmark:visited {
 --btn-lm-border-width: 0px;
 --cta-lm-arrow-icon-color: var(--btn-lm-text-color);
 padding: 14px 28px;
 border-width: var(--btn-lm-border-width);
 background: var(--btn-lm-bg-color);
 border-color: var(--btn-lm-border-color);
 --f-base-size: 20px;
 border-style: solid;
 border-radius: 100px;
 justify-content: center;
 align-items: center;
 gap: 12px;
 font-family: HPEGraphik, Arial, sans-serif;
 font-size: 20px;
 font-weight: 500;
 line-height: 1.20001em;
 transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
 display: inline-flex;
 position: relative;
}
.cta.btn-landmark {
 white-space: nowrap;
}
.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.small .text,
.cta.btn-landmark.small {
 --f-base-size: 16px;
 font-size: 16px;
 line-height: 1.5em;
}
.cta.btn-landmark.small {
 min-height: 44px;
 padding: 10px 24px;
}
.cta.btn-landmark.small .icon,
.cta.btn-landmark.small:visited .icon {
 min-width: 16px;
}
.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);
 --f-base-size: 20px;
}
.cta.btn-landmark .arrow-icon,
.cta.btn-landmark:visited .arrow-icon {
 background: var(--cta-lm-arrow-icon-color, #01a982);
 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%;
}
.cta.btn-landmark .icon,
.cta.btn-landmark:visited .icon {
 aspect-ratio: 1;
 min-width: 20px;
}
.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);
}
/*card grids)*/
.dark-theme .image-container.icon {
 margin-bottom: 20px;
}
.image-container img {
 width: 100%;
 aspect-ratio: 3/2;
 object-fit: cover;
}
.dark-theme .image-container.icon img {
 filter: invert(1);
 height: 35px;
 width: auto;
 aspect-ratio: auto;
}
.uc-card-wrapper {
 position: relative;
}
.uc-card-hover-bg {
 opacity: 0;
 background: linear-gradient(160deg, #00e0af00 70%, #00e0af66 100%);
 transition: opacity 0.5s linear;
 position: absolute;
 inset: 0;
}
.uc-card-wrapper:hover .uc-card-hover-bg {
 opacity: 1;
}
/*end of card grids*/
.image-container.product {
 position: relative;
}
.image-container.product img {
 width: 100%;
 object-fit: contain;
}
.image-container.product .new-tag {
 position: absolute;
 top: 20px;
 left: 20px;
 background: var(--btn-lm-bg-color);
 color: #fff;
 font-weight: 500;
 padding: 7px 21px;
 border-radius: 50px;
}
.typo5 .rich-text-container.tnc-terms {
 font-size: 18px;
}
.incentives.table .ta-bottom-div {
 display: none;
}
.incentives.table .badge,
.accordion-item .badge {
 background: var(--btn-lm-bg-color);
 border-radius: 50px;
 padding: 8px 10px;
 margin-left: 20px;
 font-size: 14px;
 text-transform: uppercase;
}
.dark-theme .badge{
background: var(--btn-lm-bg-color);
color: var(--color-black);
border-radius: 50px 0 0 50px;
padding: 1rem 2.5rem;
font-size: 28px; top: 4rem;
text-transform: uppercase;
position: absolute; right: 0;s
}
.dark-theme .incentives.table .badge {
 background: var(--lb-grey);
 color: var(--lb-dark);
}
.incentives.table tr {
 border-bottom: 1px solid #e0e0e0 !important;
}
.accordion-item .incentives.table th,
.accordion-item .incentives.table td {
 font-size: 17px !important;
}

#HPE table th,
#HPE .ta.ta-responsive-full tbody td:before,
#HPE table td {
 font-size: inherit;
}
#HPE .incentives.table th,
#HPE .incentives.table td {
 padding: 15px 12px;
}
.dark-theme .incentives.table th,
.dark-theme .incentives.table td {
 color: #fff;
}
.hpe-arrow-link.landmark .arrow,
.hpe-arrow-link.landmark:visited .arrow {
 --cta-lm-icon-size: 20px;
 background: var(--cta-lm-arrow-icon-color, #01a982);
 aspect-ratio: 1;
 width: var(--cta-lm-icon-size);
 height: var(--cta-lm-icon-size);
 vertical-align: middle;
 margin-inline-start: 12px;
 margin-bottom: 0.1em;
 transition: background 0.15s ease-in-out;
 -webkit-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-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);
 -webkit-mask-size: 100% 100%;
 mask-size: 100% 100%;
 transition: 0.3s all;
}
.hpe-arrow-link.landmark,
.hpe-arrow-link.landmark:visited {
 overflow-wrap: break-word;
 word-break: break-word;
 color: var(--cta-lm-color);
 --cta-lm-arrow-icon-color: var(--cta-lm-color);
 font-family: HPEGraphik, Arial, sans-serif;
 font-size: 20px;
 font-weight: 500;
 line-height: 1.20001em;
 transition: color 0.15s ease-in-out;
 z-index: 2;
 position: relative;
}
.hpe-arrow-link.landmark .text {
 display: flex;
 align-items: center;
}
.hpe-arrow-link.landmark:hover {
 color: var(--cta-lm-color-hover);
}
.hpe-arrow-link.landmark:hover .arrow {
 /*opacity: 0.6;*/
}
@media (width >= 1px) and (width <= 1599px) {
 .hpe-arrow-link.landmark.small,
 .hpe-arrow-link.landmark:visited.small {
  --f-base-size: 16px;
  font-size: 16px;
  line-height: 1.5em;
 }
}
/* Clamp to 2 lines by default */
.clamp-2 {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2; /* change to 3 if you prefer */
 overflow: hidden;
}

/* Optional: style the button to look like a link */
.view-toggle {
 background: none;
 border: 0;
 padding: 0;
 margin-top: 6px;
 font: inherit;
 cursor: pointer;
 color: inherit;
}
#HPE table th,
#HPE .ta.ta-responsive-full tbody td:before,
#HPE table td {
 font-size: 18px;
}

/*accordion*/
#desc_sect .accordion-button,
#desc_sect .accordion-button:not(.collapsed) {
 color: #000;
 font-weight: 500;
 font-size: 1.2rem;
 background-color: transparent;
 box-shadow: none;
 outline: none;
}
#desc_sect .accordion-item h2.accordion-header,
#desc_sect h4 {
 padding-bottom: 0;
 margin-bottom: 0;
}
#desc_sect .accordion-item {
 border: none;
 background-color: transparent;
}
.accordion-button::after{
   width:16px;
   height:16px;
   background-size:16px;
}
.accordion-button:not(.collapsed)::after{
   background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.border_top {
 border-top: 1px solid #e5e5e5;
 margin: 1rem 1.25rem;
}

/*tnc footer*/
.tx_link a {
 color: #333333;
}
.tx_link a:hover,
.tx_link a:active,
.tx_link a:focus {
 color: var(--cta-lm-color-hover);
}
.tx-darkgreen{
   color:var(--cta-lm-color-hover)!important;
}
.tx-green {
 color: #01a982 !important;
}
.tx-purple {
 color: #7764FC !important;
}
.tx-blue {
 color: #0070F8 !important;
}
.tx-navy {
 color: #292D3A !important;
}
.p_1point25rem {
 padding: 1rem 1.25rem;
}
.pl_1rem {
 padding-left: 1rem;
}
.font_size_20px {
 font-size: 20px;
}
.font-weight-500 {
 font-weight: 500 !important;
}
.smallnote {
 font-size: 14px !important;
 margin-bottom: 0;
}
.smallnote p{
 font-size: 14px !important;
}
.float_contact {
 position: fixed;
 bottom: 5%;
 z-index: 999;
 right: 2%;
}
@media screen and (max-width: 991px) {
 .sponsor,
 .programinfo {
  text-align: center;
 }
}

@media screen and (min-width: 992px) {
 .programinfo {
  text-align: right;
 }
 .bodytx-large {
  font-size: 22px;
 }
}

@media (min-width: 1600px) {
 body,
 .typo5 .rich-text-container,
 .typo5.rich-text-container,
 .typo5 p,
 .typo5 ul,
 .typo5 li {
  --f-base-size: 20px;
  font-size: 20px;
  line-height: 1.5em;
 }
 .typo5 h1.condensed,
 .typo5 .tag-h1.condensed {
  --f-base-size: 96px;
  font-size: 96px;
  line-height: 1em;
 }
 .typo5 h2,
 .typo5 .tag-h2 {
  --f-base-size: 52px;
  font-size: 52px;
  line-height: 1.11539em;
 }
 .typo5 h3,
 .typo5 .tag-h3 {
  --f-base-size: 36px;
  font-size: 36px;
  line-height: 1.16667em;
 }
 .typo5 h4,
 .typo5 .tag-h4 {
  --f-base-size: 28px;
  font-size: 28px;
  line-height: 1.21429em;
 }
 .typo5 h5,
 .typo5 .tag-h5 {
  --f-base-size: 20px;
  font-size: 20px;
  line-height: 1.3em;
 }
}
@media (min-width: 992px) and (max-width: 1599px) {
 .typo5 h1.condensed,
 .typo5 .tag-h1.condensed {
  --f-base-size: 80px;
  font-size: 80px;
  line-height: 1em;
 }
 .typo5 h2,
 .typo5 .tag-h2 {
  --f-base-size: 40px;
  font-size: 40px;
  line-height: 1.15em;
 }
 .typo5 h3,
 .typo5 .tag-h3 {
  --f-base-size: 32px;
  font-size: 32px;
  line-height: 1.1875em;
 }
 .typo5 h4,
 .typo5 .tag-h4 {
  --f-base-size: 24px;
  font-size: 24px;
  line-height: 1.25em;
 }
 body,
 .typo5 .rich-text-container,
 .typo5.rich-text-container,
 .typo5 p,
 .typo5 ul,
 .typo5 li,
 .hpe-arrow-link.landmark,
 .typo5 .btn-cta-group a {
  --f-base-size: 18px;
  font-size: 18px;
  line-height: 1.44445em;
 }
 #HPE .incentives.table th,
 #HPE .incentives.table td {
  font-size: 18px;
 }
}
@media (max-width: 991px) {
 .adaptive-marquee .content {
  padding: 40px 20px 40px;
 }
 .typo5 .rich-text-container.tnc-terms {
  font-size: 17px;
 }
}

.object_position_0 {
 object-position: 0%;
}
.object_position_100pecent {
 object-position: 100%;
}
.object_position_90pecent {
 object-position: 90%;
}
.object_position_80pecent {
 object-position: 80%;
}
.lightgrey_bg {
 background: #d8d8d8;
}

.grey_theme {
 --bwc-bg-color: #1d2028;
}
.grey_theme,
.grey_theme_prespecific,
.grey_theme_specific {
 --typo-text-color: #67686e;
 --typo-quote-color: #444;
 --typo-heading-color: #ffffff;
 --typo-icons-color: black;
 --typo-link-underline-color: #01a982;
 --typo-link-hover-underline-color: #707070;
}

.main_text {
 color: #292d3a;
}

@media (min-width: 1399px) {
 .w_55 {
  width: 55%;
 }
}

#HPE4 .card {
 position: relative;
 display: flex;
 flex-direction: column;
 min-width: 0;
 word-wrap: break-word;
 background-color: #f7f7f7;
 background-clip: border-box;
 border: 0;
 border-radius: 0;
 color: var(--typo-text-color);
}

#HPE4 .card-body {
 padding: 1.5rem;
}
#HPE4 .card-footer {
 padding: 1.5rem;
 background-color: transparent;
 border-top: 0;
}

.card-hover-bg {
 opacity: 0;
 background: linear-gradient(160deg, transparent 70%, #00e0af66 100%);
 transition: opacity 0.5s linear;
 position: absolute;
 inset: 0;
}

.card-wrapper:hover .card-hover-bg {
 opacity: 1;
}

.card_border {
 border: 1px solid #e6e8e9;
 background-color: #f1f1f1;
}

.card_aspectration {
 aspect-ratio: auto !important;
}
.badge {
 background: var(--btn-lm-bg-color);
 border-radius: 50px;
 padding: 8px 10px;
 margin-left: 20px;
 font-size: 14px;
 text-transform: uppercase;
}

/*tabs*/
#tabnav .tab-content {
 padding: 2rem 0;
}
#tabnav .nav-tabs-borderbottom {
 height: 1px;
 width: 100%;
 background-color: #d3d3d3;
}
#tabnav .nav-tabs {
 border-bottom: 0;
}
#tabnav .nav-tabs .nav-link {
 border: 3px solid transparent;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 border-style: none;
 border-bottom: 3px solid transparent;
}
#tabnav .nav-tabs .nav-link:focus,
#tabnav .nav-tabs .nav-link.active {
 color: rgb(0, 103, 80);
 border-color: transparent;
 border-radius: 0;
 font-weight: 500;
 border-bottom: 4px solid rgb(0, 103, 80);
}
#tabnav .nav-link {
 display: block;
 padding: 0.8rem 1.5rem;
 margin: 0 !important;
 color: rgb(62, 69, 80);
 text-decoration: none;
 transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
 border-color 0.05s ease-in-out;
}
#tabnav .nav-tabs .nav-link:hover {
 color: rgb(41, 45, 58);
 border-color: transparent;
 border-radius: 0;
 font-weight: 500;
 border-bottom: 4px solid transparent;
}
/********* SCROLLING TAB ********/

@keyframes fadein {
 0% {
  opacity: 0;
  transform: translateX(20px);
 }
 100% {
  opacity: 1;
  transform: translateX(0);
 }
}

.tab-nav-bar {
 position: relative;
}
.tab-navigation {
 position: relative;
 align-items: center;
}
.tab_bar_borderbottom {
 height: 1px;
 width: 100%;
 background-color: #d3d3d3;
 position: absolute;
 bottom: 0;
 left: 0;
}

@media screen and (max-width: 991px) {
 .tab-menu {
  max-width: 600px;
  margin: 0px 35px;
 }
 .left-btn {
  left: 0;
  background: transparent;
  display: none;
 }
}

@media screen and (min-width: 992px) {
 .tab-menu {
  max-width: 930px;
 }
 .left-btn {
  left: -30px;
  background: transparent;
  display: none;
 }
}

.tab-menu {
 scroll-behavior: smooth;
 user-select: none;
 overflow-x: auto;
 padding: 0;
 list-style: none;
 white-space: nowrap;
 display: flex;
 gap: 30px;
}

.tab-menu.dragging {
 scroll-behavior: unset;
 cursor: grab;
}
.tab-menu::-webkit-scrollbar {
 display: none;
}

.tab-btn {
 display: inline-block;
 cursor: pointer;
 user-select: none;
 padding: 0.8rem 0;
 margin: 0 !important;
 color: rgb(62, 69, 80);
 transition: color 0.15s ease-in-out, border-color 0.05s ease-in-out;
 font-size: 1rem;
 font-weight: 500;
 border-bottom: 4px solid transparent;
}
.tab-btn:hover,
.tab-btn:focus {
 border-color: transparent;
 border-radius: 0;
 border-bottom: 4px solid transparent;
 color:rgb(41, 45, 58);
}
.tab-btn.active {
 border-color: transparent;
 border-radius: 0;
 font-weight: 500;
 border-bottom: 4px solid rgb(0, 103, 80);
 color: rgb(0, 103, 80);
}

.tab-menu.dragging .tab-btn {
 pointer-events: none;
}
.left-btn,
.right-btn {
 position: absolute;
 cursor: pointer;
 fill: #01a982;
 align-self: anchor-center;
 top: 50%;
 transform: translateY(-50%);
}
.right-btn {
 right: 0;
 background: transparent;
}

/* ===== Tab content ===== */

.tab-content {
 position: relative;
}
.tab_body {
 position: relative;
 width: 100%;
 padding: 1rem 0;
 display: none;
 animation: fadein 0.8s;
}

.tab_body {
 display: none;
}

.tab_body.active {
 display: block;
}

/********* END SCROLLING TAB ********/

/********* RANGE SLIDER ********/

.range-slider.grad {
 --progress-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) inset;
 --progress-flll-shadow: var(--progress-shadow);
 --fill-color: linear-gradient(to right, LightCyan, var(--primary-color));
 --thumb-shadow: 0 0 4px rgba(0, 0, 0, 0.3),
 -3px 9px 9px rgba(255, 255, 255, 0.33) inset,
 -1px 3px 2px rgba(255, 255, 255, 0.33) inset,
 0 0 0 99px var(--primary-color) inset;
}
.range-slider.grad input:hover {
 --thumb-transform: scale(1.2);
}
.range-slider.grad input:active {
 --thumb-shadow: inherit;
 --thumb-transform: scale(1);
}

.range-slider.flat {
 --thumb-size: 20px;
 --track-height: calc(var(--thumb-size) / 3);
 --progress-shadow: none;
 --progress-flll-shadow: none;
 --thumb-shadow: 0 0 0 5px var(--primary-color) inset, 0 0 0 30px white inset;
 --thumb-shadow-hover: 0 0 0 9px var(--primary-color) inset,
 0 0 0 99px white inset;
 --thumb-shadow-active: 0 0 0 13px var(--primary-color) inset;
}

.range-slider.overlay input:active {
 --thumb-color: inherit;
}
.range-slider.overlay .range-slider__values {
 width: calc(100% - 50% / (var(--max) - var(--min)));
}

.range-slider {
 --primary-color: #01a982;
 --value-offset-y: var(--ticks-gap);
 --value-active-color: white;
 --value-background: transparent;
 --value-background-hover: var(--primary-color);
 --value-font: 500 14px/1 Metric;
 --fill-color: var(--primary-color);
 --progress-background: #eee;
 --progress-radius: 30px;
 --track-height: calc(var(--thumb-size) / 2);
 --min-max-font: 10px Metric;
 --min-max-opacity: 0.5;
 --min-max-x-offset: 10%;
 --thumb-size: 22px;
 --thumb-color: white;
 --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset,
 0 0 0 99px var(--thumb-color) inset;
 --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset
 var(--thumb-color),
 0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
 --thumb-shadow-hover: var(--thumb-shadow);
 --ticks-thickness: 1px;
 --ticks-height: 5px;
 --ticks-gap: var(--ticks-height, 0);
 --ticks-color: silver;
 --step: 1;
 --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
 --maxTicksAllowed: 30;
 --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
 --x-step: Max(var(--step), var(--too-many-ticks) * (var(--max) - var(--min)));
 --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
 --tickIntervalPerc: calc(
  (100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) *
  var(--tickEvery, 1)
 );
 --value-a: Clamp(var(--min), var(--value, 0), var(--max));
 --value-b: var(--value, 0);
 --text-value-a: var(--text-value, "");
 --completed-a: calc(
  (var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100
 );
 --completed-b: calc(
  (var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100
 );
 --ca: Min(var(--completed-a), var(--completed-b));
 --cb: Max(var(--completed-a), var(--completed-b));
 --thumbs-too-close: Clamp(
  -1,
  1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001),
  1
 );
 --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
 --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
 display: inline-block;
 height: max(var(--track-height), var(--thumb-size));
 background: linear-gradient(
  to right,
  var(--ticks-color) var(--ticks-thickness),
  transparent 1px
 )
 repeat-x;
 background-size: var(--tickIntervalPerc) var(--ticks-height);
 background-position-x: calc(
  var(--thumb-size) / 2 - var(--ticks-thickness) / 2
 );
 background-position-y: var(--flip-y, bottom);
 padding-bottom: var(--flip-y, var(--ticks-gap));
 padding-top: calc(var(--flip-y) * var(--ticks-gap));
 position: relative;
 z-index: 1;
}
.range-slider[data-ticks-position="top"] {
 --flip-y: 1;
}
.range-slider::before,
.range-slider::after {
 --offset: calc(var(--thumb-size) / 2);
 content: counter(x);
 display: var(--show-min-max, block);
 font: var(--min-max-font);
 position: absolute;
 bottom: var(--flip-y, 3ch);
 top: calc(6ch * var(--flip-y));
 opacity: clamp(0, var(--at-edge), var(--min-max-opacity));
 transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1))
 scale(var(--at-edge));
 pointer-events: none;
}
.range-slider::before {
 --before: 1;
 --at-edge: var(--thumb-close-to-min);
 counter-reset: x var(--min);
 left: var(--offset);
}
.range-slider::after {
 --at-edge: var(--thumb-close-to-max);
 counter-reset: x var(--max);
 right: var(--offset);
}
.range-slider__values {
 position: relative;
 top: 50%;
 line-height: 0;
 text-align: justify;
 width: 100%;
 pointer-events: none;
 margin: 0 auto;
 z-index: 5;
}
.range-slider__values::after {
 content: "";
 width: 100%;
 display: inline-block;
 height: 0;
 background: red;
}
.range-slider__progress {
 --start-end: calc(var(--thumb-size) / 2);
 --clip-end: calc(100% - (var(--cb)) * 1%);
 --clip-start: calc(var(--ca) * 1%);
 --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
 position: absolute;
 left: var(--start-end);
 right: var(--start-end);
 top: calc(
  var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 -
  var(--track-height) / 2
 );
 height: calc(var(--track-height));
 background: var(--progress-background, #eee);
 pointer-events: none;
 z-index: -1;
 border-radius: var(--progress-radius);
}
.range-slider__progress::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 -webkit-clip-path: var(--clip);
 clip-path: var(--clip);
 top: 0;
 bottom: 0;
 background: var(--fill-color, black);
 box-shadow: var(--progress-flll-shadow);
 z-index: 1;
 border-radius: inherit;
}
.range-slider__progress::after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 box-shadow: var(--progress-shadow);
 pointer-events: none;
 border-radius: inherit;
}
.range-slider > input {
 -webkit-appearance: none;
 width: 100%;
 height: var(--thumb-size);
 margin: 0;
 position: absolute;
 left: 0;
 border: none;
 cursor: -webkit-grab;
 cursor: grab;
 outline: none;
 background: none;
}
.range-slider > input:not(:only-of-type) {
 pointer-events: none;
}
.range-slider > input::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 height: var(--thumb-size);
 width: var(--thumb-size);
 transform: var(--thumb-transform);
 border-radius: var(--thumb-radius, 50%);
 background: var(--thumb-color);
 box-shadow: var(--thumb-shadow);
 border: none;
 pointer-events: auto;
 -webkit-transition: 0.1s;
 transition: 0.1s;
}
.range-slider > input::-moz-range-thumb {
 -moz-appearance: none;
 appearance: none;
 height: var(--thumb-size);
 width: var(--thumb-size);
 transform: var(--thumb-transform);
 border-radius: var(--thumb-radius, 50%);
 background: var(--thumb-color);
 box-shadow: var(--thumb-shadow);
 border: none;
 pointer-events: auto;
 -moz-transition: 0.1s;
 transition: 0.1s;
}
.range-slider > input::-ms-thumb {
 appearance: none;
 height: var(--thumb-size);
 width: var(--thumb-size);
 transform: var(--thumb-transform);
 border-radius: var(--thumb-radius, 50%);
 background: var(--thumb-color);
 box-shadow: var(--thumb-shadow);
 border: none;
 pointer-events: auto;
 -ms-transition: 0.1s;
 transition: 0.1s;
}
.range-slider > input:hover {
 --thumb-shadow: var(--thumb-shadow-hover);
 border: none;
}
.range-slider > input:hover + output {
 --value-background: var(--value-background-hover);
 --y-offset: -5px;
 color: var(--value-active-color);
 box-shadow: 0 0 0 3px var(--value-background);
}
.range-slider > input:active {
 --thumb-shadow: var(--thumb-shadow-active);
 cursor: -webkit-grabbing;
 cursor: grabbing;
 z-index: 2;
}
.range-slider > input:active + output {
 transition: 0s;
}
.range-slider > input:nth-of-type(1) {
 --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}
.range-slider > input:nth-of-type(1) + output {
 --value: var(--value-a);
 --x-offset: calc(var(--completed-a) * -1.4%);
}
.range-slider > input:nth-of-type(1) + output:not(:only-of-type) {
 --flip: calc(var(--thumbs-too-close) * -1);
}
.range-slider > input:nth-of-type(1) + output::after {
 content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
}
.range-slider > input:nth-of-type(2) {
 --is-left-most: Clamp(0, (var(--value-b) - var(--value-a)) * 99999, 1);
}
.range-slider > input:nth-of-type(2) + output {
 --value: var(--value-b);
}
.range-slider > input:only-of-type ~ .range-slider__progress {
 --clip-start: 0;
}

.range-slider > input + output {
 --flip: -1;
 --x-offset: calc(var(--completed-b) * -0.8%);
 --pos: calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%);
 pointer-events: none;
 position: absolute;
 z-index: 5;
 background: var(--value-background);
 border-radius: 10px;
 padding: 0;
 left: var(--pos);
 transform: translate(
  var(--x-offset),
  calc(
   150% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) *
   var(--flip)
  )
 );
 transition: all 0.12s ease-out, left 0s;
 color: #01a982;
}
.range-slider > input + output::after {
 content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
 font: var(--value-font);
 padding: 0.5rem;
}

.range-slider,
label[dir="rtl"] .range-slider {
 /* width: clamp(300px, 50vw, 800px); */
 width: 100%;
 min-width: 100%;
}

#range_drop button.accordion-button2 {
 color: rgb(68, 68, 68);
 padding: 8px 10px;
 background-image: url(
  data:image/svg + xml,
  %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"%3e%3cpathfill="none"stroke="%23343a40"stroke-linecap="round"stroke-linejoin="round"stroke-width="2"d="M2 5l6 6 6-6"/%3e%3c/svg%3e
 ) !important;
 background-repeat: no-repeat;
 background-position: 0.25rem 0.25rem;
 background-size: 16px 12px;
 border: 1px solid #d3d3d3;;
 border-radius: 6px;
}

#range_drop button.accordion-button2::after {
 color: rgb(68, 68, 68);
 padding: 5px 10px;
 border-radius: 3px;
 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
 background-repeat: no-repeat;
 background-position: 0.15rem 0.3rem;
 background-size: 16px 12px;
 border-radius: 6px;
 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

#range_drop .accordion-button:not(.collapsed),
#range_drop .accordion-button2:hover,
#range_drop .accordion-button2:focus,
#range_drop .accordion-button2:active {
 color: rgb(68, 68, 68);
 padding: 8px 10px;
 box-shadow: rgb(110, 230, 210) 0px 0px 3px 2px;
 border-radius: 6px;
 background-color: transparent;
}

#range_drop .accordion-button2::after,
#range_drop .accordion-button2:not(.collapsed)::after {
 filter: brightness(100%);
}

/* Chrome, Safari, Edge, Opera */
#range_drop input::-webkit-outer-spin-button,
#range_drop input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

/* Firefox */
#range_drop input[type="number"] {
 -moz-appearance: textfield;
}

/********* END RANGE SLIDER ********/

#tab_accor #accordion {
 color: rgb(68, 68, 68);
 padding: 5px 10px;
 box-shadow: none;
 outline: none;
 appearance: none;
 border-radius: none;
 background-color: transparent;
}

#tab_accor button:focus {
 outline: none !important;
 outline-width: 0 !important;
 box-shadow: none;
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
}
#tab_accor .accordion-header {
 margin-bottom: 0;
 padding-bottom: 0;
}
#tab_accor .accordion-body {
 border: 0;
 border-radius: 0;
 background-color: #f9f9f9;
 padding: 0 1.5rem 1.5rem;
}
#tab_accor .accordion-button:not(.collapsed) {
 box-shadow: none;
 background-color: #f9f9f9;
 color: inherit;
 padding: 1.5rem;
}
#tab_accor .accordion-item {
 border: none;
 margin-bottom: 1rem;
}
#tab_accor .accordion-button {
 background-color: #f9f9f9;
 padding: 1.5rem;
 align-items: flex-start;
 position: relative;
 display:block;
}

#incentive_rightaccordion .accordion-item {
 background-color: #fff;
 border: 1px solid rgba(0, 0, 0, 0.36);
 border-radius: 0.25rem;
 margin-bottom: 1rem;
}
#incentive_rightaccordion .accordion-item .accordion-header {
 padding: 0;
}

#incentive_rightaccordion .accordion-button:not(.collapsed) {
 color: rgb(68, 68, 68);
 background-color: #fff;
 box-shadow: none;
}

#incentive_rightaccordion .accordion-button:focus {
 box-shadow: none;
}
#incentive_rightaccordion .accordion-flush .accordion-item .accordion-button {
 border-radius: 0.25rem;
}
#incentive_rightaccordion .accordion-button {
 border: 1px solid transparent;
 padding: 8px 11px 8px 11px;
 color: rgb(68, 68, 68, 0.8);
 font-size: 1rem;
}

#incentive_rightaccordion .accordion-item:hover,
#incentive_rightaccordion .accordion-item:active {
 color: rgb(68, 68, 68);
}

#incentive_rightaccordion .accordion_body_scroll {
 min-height: 220px;
 height: 220px;
 overflow-y: auto;
}

#incentive_rightaccordion .accordion-body {
 border-radius: 0.25rem;
 padding: 1.25rem;
}
#incentive_rightaccordion .accordion-body .form-check:last-child {
 margin-bottom: 0;
}

#incentive_rightaccordion .accordion-body.range_slider {
 padding: 2rem 1rem 3rem;
}

/* ================ INCENTIVE ================ */ 
#incentive .accordion-button {
 padding: 0;
 outline: #01a982;
 box-shadow: none;
 font-size: 18px;
 padding: 5px 10px;
}
#incentive .accordion-button:not(.collapsed) {
 color: rgb(68, 68, 68);
 padding: 5px 10px;
 box-shadow: rgb(255, 255, 255) 0px 0px 2px 1px,
 rgb(1, 169, 130) 0px 0px 4px 1px;
 border-radius: 6px;
 background-color: transparent;
}

#incentive .accordion-button:not(.collapsed)::after {
 filter: invert(48%) sepia(57%) saturate(2932%) hue-rotate(134deg)
 brightness(90%) contrast(99%);
}
#incentive .accordion-body {
 padding: 0.5rem;
 margin-bottom: 1.5rem;
}
#incentive h6 {
 font-weight: 500;
}
#incentive .accordion-item {
 background-color: #fff;
 border: 0;
}

@media screen and (min-width: 992px) {
 .accordion-expandtx {
  font-size: 16px;
 }
 .card-text {
  font-size: 18px;
 }
}

#incentive .card {
 border-radius: 0;
}
#incentive .card-footer {
 padding: 0;
 background-color: transparent;
 border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer-smallnote {
 flex: 1 1 auto;
 padding: 0.4rem 1rem;
 font-size: 14px;
}
#incentive .progress {
 border-radius: 0;
 height: 0.7rem;
 font-size: 0.6rem;
}

.progress-bar.progress-bar-green {
 background-color: #01a982;
}
.progress-bar.progress-bar-lightgreen {
 background-color: #05CC93;
}
.progress-bar.progress-bar-mintgreen {
 background-color: #00E0AF;
}
.progress-bar.progress-bar-lightblue {
 background-color: #62E5F6;
}
.progress-bar.progress-bar-blue {
 background-color: #0070F8;
}
.progress-bar.progress-bar-darkblue {
 background-color: #292D3A;
}
.progress-bar.progress-bar-purple {
 background-color: #7764FC;
}
#incentive .flip-card {
 background-color: transparent;
 height: 100%;
 width: 100%;
 overflow: hidden;
 margin: 0;
}
#incentive .flip-card-inner .flip-card-front img {
 width: 100%;
}
#incentive .flip-card-front img {
 position: absolute;
 left: 50%;
 top: 0;
 transform: translate(-50%, 0);
}

#incentive .flip-card-front .flip-card-front-inner {
 position: fixed;
 width: 100%;
 top: 54%;
}
#incentive .flip-card-back .flip-card-back-inner {
 position: fixed;
 left: 50%;
 top: 0;
 transform: translate(-50%, 0);
 width: 100%;
 padding: 2rem;
}
#incentive .flip-box {
 color: rgb(68, 68, 68);
 text-align: left;
}
#incentive .flip-card-inner .flip-card-front img {
 width: 100%;
 height: 180px;
 object-fit: cover;
}
#incentive .flip-card-inner {
 position: relative;
 text-align: center;
 min-height: 340px;
 height: 100%;
 transition: transform 0.6s;
 transform-style: preserve-3d;
}

.d-contents {
 display: contents;
}

/* ================ END INCENTIVE ================ */

ul.check_list {
 padding-left: 5px;
}

ul.check_list > li::before {
 font-family: 'hpe-icons' !important;
 display: table-cell;
 content: "\ecac";
 color: #01a982;
 padding-right: 0.75em;
}
ul.check_list > li {
 display: flex;
}

/*circle progress bar*/

.progress-wrap {
 position: relative;
 width: 300px;
 height: 300px;
}

.progress-wrap svg {
 width: 100%;
 height: 100%;
 transform: rotate(-90deg);
 overflow: visible;
}

.progress-bg {
 fill: none;
 stroke: #e3e3e3;
 stroke-width: 16;
}

.progress-bar {
 fill: none;
 stroke: #01a982;
 stroke-width: 16;
 stroke-linecap: round;
 stroke-dasharray: 0 999;
}

.progress-content {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -55%);
 text-align: center;
 width: 100%;
}

/*floating contact icon*/
.float_contact a{
 box-shadow: 0 0 13.8px #00000040;
 width: 56px;
 height: 56px;
 border-radius: 50%;
 background: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
}
.float_contact  .email-icon {
 background: #292d3a;
 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%;
 width: 24px;
 height: 24px;
}
/*number ol li*/
.tx_faq ol li {
 list-style-type: decimal !important;
}


.fontsize_38px { font-size: 38px !important; }
.fontsize_58px { font-size: 58px !important; }

@media screen and (min-width: 992px) and (max-width: 1199px) {
 .masthead_space_nonavigation { margin-top: 70px; }
}

@media screen and (min-width: 1200px) {
 .masthead_space_nonavigation { margin-top: 80px; }
}



.upload-text {
 color: rgb(41, 45, 58);
 flex: 1;
 padding-right: 10px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

input[type="file"] { display: none; }

.form-control.form_upload { padding: 5px 12px; } 



.cta.btn-grey:not([disabled],.disabled), .cta.btn-grey:visited:not([disabled],.disabled),
.cta.btn-upload:not([disabled],.disabled), .cta.btn-upload:visited:not([disabled],.disabled) {
 background-color: rgba(0, 0, 0, 0.04);
 transition: background-color .3s ease-in-out, border-color .3s ease-in-out;
}
.cta.btn-grey, .cta.btn-grey:hover {
 --btn-lm-border-width: 0px;
 --cta-lm-arrow-icon-color: var(--btn-lm-text-color);
 padding: 14px 28px;
 border-width: var(--btn-lm-border-width);
 background: #e4e4e4;
 border-color: var(--btn-lm-border-color);
 --f-base-size: 20px;
 border-style: solid;
 border-radius: 100px;
 justify-content: center;
 align-items: center;
 gap: 12px;
 font-family: HPEGraphik, Arial, sans-serif;
 font-size: 20px;
 font-weight: 500;
 line-height: 1.20001em;
 transition: border-color .2s ease-in-out, background-color .15s ease-in-out;
 display: inline-flex;
 position: relative;
}

.cta.btn-upload, .cta.btn-upload:hover {
 --btn-lm-border-width: 0px;
 --cta-lm-arrow-icon-color: var(--btn-lm-text-color);
 padding: 8px 20px;
 border-width: var(--btn-lm-border-width);
 background: #e4e4e4;
 border-color: var(--btn-lm-border-color);
 --f-base-size: 14px;
 border-style: solid;
 border-radius: 100px;
 justify-content: center;
 align-items: center;
 gap: 12px;
 font-family: 'HPEGraphik';
 font-size: 14px;
 font-weight: 500;
 line-height: 1.20001em;
 transition: border-color .15s ease-in-out, background-color .2s ease-in-out;
 display: inline-flex;
 position: relative;
}
.cta.btn-upload:hover { background: #e4e4e4; }


.text_link a{ color: rgb(0, 103, 80); font-weight: 500; }
.text_link a:hover { color: #1e4639; border-bottom: none; }


/* ================ NOTIFICATION BELL ================ */

.bell_container { 
 position: absolute; align-self: anchor-center; justify-self: end; margin-right: .8rem;
}

.circle_bell { 
 background-color: #fff;
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 border-radius: 50%;
 padding: 1.25rem;
 justify-self: flex-end;
 display: flex;
}
.circle_bell_number { 
 border-radius: 50%;
 z-index: 13;
 padding: 8px 10px;
 position: absolute;
 justify-self: flex-end;
 display: flex;
 background-color: rgb(236, 51, 49);
 color: rgb(230, 232, 233);
 font-size: 10px;
 line-height: 1;
}

/* ================ END NOTIFICATION BELL ================ */