/* =========================
   HPE Graphik (Normal Width)
   Only 400+ weights (no Black)
   ========================= */

   @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;
   }
   .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{
    color:var(--typo-text-color);
   }
   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;
   }
   .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.0%) auto no-repeat;
   }
   .adaptive-marquee .bg-wrapper.default:after {
    content: "";
    background: var(--_bg-zone-color, inherit);
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
   }
   .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;
   }
   .adaptive-marquee .content{
    padding:60px 20px;
   }
   .container{
    max-width: 1600px;
   }
   .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: .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 {
    border-bottom-color: var(--typo-link-underline-color);
    border-bottom: 1px solid #01a982;
    color:var(--typo-text-color);
   }
   .typo5 a:hover {
    border-bottom-color: var(--typo-link-hover-underline-color);
   }
   .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);
   }
   .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: .9rem 1rem;
 background:#3E4550;
 color:#fff;
}
.lb-card--dark{
 background:#3E4550;
 color:#fff;
 padding:.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:.35rem .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:.35rem; font-size:.95rem; opacity:.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);
}

/* vertical dividers */
/*.lb-table th + th,
.lb-table td + td{
  border-left:1px solid var(--lb-dark);
}*/

/* make header's vertical dividers visible on dark bg */
/*.lb-table thead th + th{
  border-left:1px solid var(--lb-dark);
}*/

/* optional: first column also gets a left rule to match the outer frame */
/*.lb-table th:first-child,
.lb-table td:first-child{
  border-left: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;
}
.typo5 .norm-table tbody tr:nth-child(even),.typo5 .norm-table tbody tr:hover{
}
.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 .2s, border-color .2s, fill .2s;
}
.typo5 .rich-text-container.rich-text-container a:hover {
 border-bottom-color: var(--typo-link-hover-underline-color);
}
/* modal*/
.modal-dialog-centered{
 /* min-height: 0 !important;
 height: auto !important; */
 margin: 0 !important;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
}
.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;
}
/* 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 .15s ease-in-out, background-color .15s ease-in-out;
 display: inline-flex;
 position: relative;
}
.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 .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 .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;
}
#desc_sect .accordion-item{
 background-color: transparent;
}
.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 .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: .1em;
 transition: background .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: .3s all;
}
.hpe-arrow-link.landmark, .hpe-arrow-link.landmark:visited{
 --f-base-size: 20px;
 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 .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: .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; line-height: 1.3;
}
@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;
 }
 .typo5 .body-copy-large, .typo5 .body-copy-large p {
  --f-base-size: 28px;
  font-size: 28px;
  line-height: 1.35715em;
 }
}

@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 {
  --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: 120px 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 .5s linear;
  position: absolute;
  inset: 0;
 }

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

 #HPE4 .card_img img {
  width: 100%;
  height: 330px;
  object-fit: cover;
  object-position: right;
 }

 .badge_head {
  background:var(--btn-lm-bg-color);
  color: #ffffff;
  border-radius: 50px;
  padding:8px 10px;
  font-size: 14px;
  text-transform: uppercase;
  bottom: .5rem;
  position: relative;
 }

 .stepnum { 
  background: #000000;
  align-items: center;
  display: inline-grid;
  border-radius: 50px;
  width: 90px;
  height: 90px;
  text-align: center;
  color: #ffffff;
  margin-top: -45px;
  left: 40%;
  position: absolute;
 }

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

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

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

 .incentive_tnc ol li ul li {
  list-style-type: upper-roman !important;
  margin-left: -1rem !important;
  padding-bottom: .3rem;
  padding-left: .5rem;
 }

 .illus2 { width: 70%; justify-self: center; }

 @media (max-width: 991px) {
  #nomastheadtheme .container_fluid { top: 70px; position: relative; background-color: #1c1f26; }
  #nomastheadtheme .container_tx { padding: 3rem; color: #ffffff; height: auto; align-content: center; }
 }
 @media (min-width: 992px) {
  #nomastheadtheme .container_tx { min-height: 480px ; align-content: center; color: #ffffff; }
  #nomastheadtheme .container_fluid { top: 0; position: relative; background-color: #1c1f26; }
 }

 .px_30px { padding: 0 30px }
 
 form .nice-select span {
  color: #555555;
  font-weight: 400;
  width: 85%;
  position: absolute;
  overflow: hidden;
  vertical-align: middle;
  padding: 5px 0;
 }


 .adaptive-marquee_sub .content-wrapper, .adaptive-marquee_sub_img .content-wrapper { align-self: stretch; align-items: center; width: 100%; display: flex; }
 .adaptive-marquee_sub, .adaptive-marquee_sub_img { background: #1d1f27; height: 687px; position: relative; }


 @media (min-width: 992px) {
  .adaptive-marquee_sub .bg-wrapper:before {
   content: ""; position: absolute; inset: 0;
   background: url('../images/bg/def-green-dark_sub.svg') 100% 0%;
   background-repeat: no-repeat;
  }
  .land_video { width: 81%; }
 }

 @media (max-width: 991px) {
  .adaptive-marquee_sub .bg-wrapper:before {
   content: ""; position: absolute; inset: 0;
   background: url('../images/bg/def-green-dark_sub.svg') 100% 17%;
   background-repeat: no-repeat;
  }
  .land_video { width: 100%; }
 }

 .adaptive-marquee_sub .content_tx { color: #fff; height: 570px; top: 70px; }

 .adaptive-marquee_sub_img .bg-wrapper:before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../images/stockimages/HPE_VIBRANT.jpeg') 100% 19%;
  background-repeat: no-repeat; background-size: cover;
 }

 .adaptive-marquee_sub_img .content_tx_black { color: #fff; height: 570px; top: 70px; }

 .modal-dialog { width: 100%; padding: 1rem !important; }

 .incentive_gradient { background: url('../images/bg/HPE_ABSTRACT_TEXTURES.jpg') 100% 17%; background-repeat: no-repeat; background-size: cover; }

 .form-check-input:checked[type=checkbox] { background-image: url('../images/icons/checkmark.svg'); background-size: 65%; background-color: #00e0af;  }

 .custom-play-button {
  position: absolute; /* Position relative to the container */
  top: 50%; left: 50%;
  transform: translate(-50%, -50%); /* Centers the button's center point */
  font-size: 2rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.4);
  border: none;
  border-radius: 50%;
  padding: 2rem;
  cursor: pointer;
  z-index: 10; /* Ensure button is on top of the video */
  width: 100px; height: 100px;
 }



/*submenu*/
.navbar.subnavi {
 background-color: var(--btn-lm-bg-color);
 color:#d4d4d4;
 font-size: 16px;
 font-weight: 500;
}
.subnavi .navbar-nav .dropdown-menu{
 background-color: var(--btn-lm-bg-color);
 color:#d4d4d4;
 font-size: 16px;
 font-weight: 500;
 border:1px solid var(--btn-lm-bg-color-hover);
}
.subnavi .navbar-nav .dropdown-item:focus, .subnavi .navbar-nav .dropdown-item:hover{
 background-color: var(--btn-lm-bg-color);
}
.subnavi .navbar-nav{
 align-items: center;
 gap: 16px;
}
.subnavi .nav-link.dropdown-toggle{
 position: relative;
}
.subnavi .nav-link.dropdown-toggle::after{
 position: absolute;
 top:50%;
 transform:translateY(-50%);
 width:1rem;
 height: 1rem;
 background-size: 1rem;
 right:-10px;
}
.subnavi .navbar-nav a{
 color:#d4d4d4;
 font-size: 16px;
 font-weight: 500;
}
.subnavi .navbar-nav a img{
 filter:invert(1);
}
.subnavi .navbar-nav a:hover,
.subnavi .nav-link:focus, .subnavi .nav-link:hover{
 color:#fff;
}
.subnavi .cta-nav-link {
 color:#fff;
 border:3px solid #01A982;
 border-radius: 999px;
 padding: 5px;
}
.navbar-toggler-icon {
 flex-shrink: 0;
 width: 1.25rem;
 height: 1.25rem;
 margin-left: auto;
 content: "";
 background-image: url(../images/icon/icon_caret_down.svg);
 background-repeat: no-repeat;
 background-size: 1.25rem;
 transition: transform .2s ease-in-out;
 border: 0;
 filter: invert(48%) sepia(57%) saturate(2932%) hue-rotate(134deg) brightness(90%) contrast(99%);
 border-left: none !important;
 border-right: 0 !important;
 border-bottom: 0 !important;
}
button:focus:not(:focus-visible) {
 outline: 0;
}
.navbar-toggler:focus{
 box-shadow: none;
}
.main-navbar-brand.desktop{
 display: none;
}
.navbar-brand.mobile,
.nav-item.mobile{
 display:block;
}
/*end of submenu*/

/* under maxwidth 991px */
.navbar.subnavi{
 margin-top: 70px;
}
.subnavi .navbar-toggler{
 right: 20px;
 top:15px;
}
.subnavi li.nav-item {
 border-bottom: 1px solid #3e4550;
 width: 100%;
}
.subnavi li.nav-item.cta-nav-item{
 width: auto;
 margin:20px 0 10px;
}
.subnavi .navbar-nav {
 align-items: flex-start;
 gap: 0;
}
.subnavi .nav-link.dropdown-toggle::after{
 right: 10px;
}
.main-navbar-brand.desktop{
 display: none;
}
.navbar-brand.mobile,
.nav-item.mobile{
 display:block;
}

/*END submenu*/


table .ta-bottom-div{ display:none; }