.elementor-24 .elementor-element.elementor-element-55edfc4e{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:95;}.elementor-24 .elementor-element.elementor-element-55edfc4e:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-55edfc4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-28a5368 );}.elementor-24 .elementor-element.elementor-element-55edfc4e.e-con{--align-self:center;}.elementor-24 .elementor-element.elementor-element-5a360a93{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-5a360a93.e-con{--align-self:center;}.elementor-24 .elementor-element.elementor-element-da82011{margin:2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-7f66f4dc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu .elementor-item{font-family:"HPEGraphik", Arial,Sans-serif;font-size:18px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.22223em;letter-spacing:0px;word-spacing:0em;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-4128ef8 );fill:var( --e-global-color-4128ef8 );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#324A6D;}.elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-framed .elementor-item:before,
					.elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-framed .elementor-item:after{border-color:#324A6D;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#324A6D;}.elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#324A6D;}.elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-underline .elementor-item:after,
					 .elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-overline .elementor-item:before,
					 .elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-double-line .elementor-item:before,
					 .elementor-24 .elementor-element.elementor-element-457ad54e .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-24 .elementor-element.elementor-element-457ad54e{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown a, .elementor-24 .elementor-element.elementor-element-457ad54e .elementor-menu-toggle{color:#1C244B;fill:#1C244B;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown a:hover,
					.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown a:focus,
					.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown .elementor-item, .elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Arial,Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-24 .elementor-element.elementor-element-457ad54e div.elementor-menu-toggle{color:#467FF7;}.elementor-24 .elementor-element.elementor-element-457ad54e div.elementor-menu-toggle svg{fill:#467FF7;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-55edfc4e{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown .elementor-item, .elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-55edfc4e{--min-height:65px;}.elementor-24 .elementor-element.elementor-element-5a360a93{--width:20%;}.elementor-24 .elementor-element.elementor-element-7f66f4dc{--width:80%;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-24 .elementor-element.elementor-element-457ad54e .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-24 .elementor-element.elementor-element-457ad54e{--nav-menu-icon-size:20px;}}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-5a360a93{--width:104px;}.elementor-24 .elementor-element.elementor-element-7f66f4dc{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-24 .elementor-element.elementor-element-5a360a93{--width:15%;}.elementor-24 .elementor-element.elementor-element-7f66f4dc{--width:85%;}}/* Start custom CSS for html, class: .elementor-element-da82011 */.hpe-logo {
            --hpe-logo-bg: #fff;
            --hpe-logo-color: #000;
        }

        .dark-theme .hpe-logo {
            --hpe-logo-bg: #000;
            --hpe-logo-color: #fff;
        }

        .hpe-logo path {
            fill: none;
            stroke-width: 36;
            stroke-dashoffset: var(--_stroke-dashoffset, 0);
        }

        .hpe-logo.play .hpe-logo-element {
            animation: hpe-logo-element 2s linear 0.3s forwards;
        }

        @keyframes hpe-logo-element {
            0% {
                opacity: 1;
            }

            100% {
                opacity: 0;
            }
        }

        .hpe-logo .hpe-logo-snake {
            opacity: 0;
        }

        .hpe-logo.play .hpe-logo-snake {
            animation: hpe-logo-snake 5s linear 0s forwards;
        }

        @keyframes hpe-logo-snake {
            10% {
                opacity: 0.1;
            }

            20% {
                opacity: 0.4;
            }

            30% {
                opacity: 1;
            }

            40% {
                stroke-dashoffset: 550;
            }

            43.5% {
                stroke-dashoffset: 750;
            }

            45% {
                stroke-dashoffset: 1230;
            }

            50% {
                stroke-dashoffset: 1590;
            }

            51% {
                stroke-dashoffset: 1600;
            }

            55% {
                stroke-dashoffset: 1600;
            }

            100% {
                stroke-dashoffset: 1600;
                opacity: 1;
            }
        }

        .hpe-logo .hpe-logo-snake2 {
            opacity: 0;
        }

        .hpe-logo.play .hpe-logo-snake2 {
            animation: hpe-logo-snake2 5s linear 0s forwards;
        }

        @keyframes hpe-logo-snake2 {
            20% {
                opacity: 0.5;
            }

            30% {
                opacity: 1;
            }

            40% {
                opacity: 0.8;
            }

            43%,
            100% {
                opacity: 0;
            }
        }

        .hpe-logo .hpe-logo-H1 {
            --_stroke-dashoffset: 180;
        }

        .hpe-logo.play .hpe-logo-H1 {
            animation: hpe-logo-dashoffset-reduce 0.458s ease-out 2.167s forwards;
        }

        .hpe-logo .hpe-logo-H2 {
            --_stroke-dashoffset: 180;
        }

        .hpe-logo.play .hpe-logo-H2 {
            animation: hpe-logo-dashoffset-reduce 0.583s cubic-bezier(0, 0.7, 0.1, 1) 2.292s forwards;
        }

        .hpe-logo .hpe-logo-H3 {
            --_stroke-dashoffset: 140;
        }

        .hpe-logo.play .hpe-logo-H3 {
            animation: hpe-logo-dashoffset-reduce 0.37s cubic-bezier(0, 0.7, 0.1, 1) 2.34s forwards;
        }

        .hpe-logo .hpe-logo-P1 {
            --_stroke-dashoffset: 180;
        }

        .hpe-logo.play .hpe-logo-P1 {
            animation: hpe-logo-dashoffset-reduce 0.25s cubic-bezier(0, 0.7, 0.1, 1) 2.167s forwards;
        }

        .hpe-logo .hpe-logo-P2 {
            --_stroke-dashoffset: 370;
        }

        .hpe-logo.play .hpe-logo-P2 {
            animation: hpe-logo-dashoffset-reduce 0.333s ease-out 2.5s forwards;
        }

        .hpe-logo .hpe-logo-E1 {
            --_stroke-dashoffset: 220;
        }

        .hpe-logo.play .hpe-logo-E1 {
            animation: hpe-logo-dashoffset-reduce 0.458s ease-out 2.417s forwards;
        }

        .hpe-logo .hpe-logo-E2 {
            --_stroke-dashoffset: 168;
            opacity: 0;
            filter: brightness(1) contrast(2);
        }

        .hpe-logo.play .hpe-logo-E2 {
            animation: hpe-logo-E2 1s ease-out 2.533s forwards;
        }

        @keyframes hpe-logo-E2 {
            0% {
                stroke-dashoffset: var(--_stroke-dashoffset, 0);
            }

            40% {
                filter: brightness(0.8) contrast(1);
            }

            50% {
                opacity: 1;
            }

            100% {
                stroke-dashoffset: 0;
                opacity: 0;
                filter: brightness(1) contrast(2);
            }
        }

        .hpe-logo .hpe-logo-half {
            opacity: 0;
        }

        .hpe-logo.play .hpe-logo-half {
            animation: hpe-logo-half 0.4s ease-out 3s forwards;
            opacity: 0;
        }

        @keyframes hpe-logo-half {
            to {
                opacity: 1;
            }
        }

        .hpe-logo.play.css-animation #hpe-logo-gradient {
            animation: hpe-logo-gradient 5s linear 0s forwards;
        }

        @keyframes hpe-logo-gradient {
            0% {
                transform: translateX(-70%) rotate(70deg);
            }

            5% {
                transform: translateX(-70%) rotate(50deg);
            }

            17.5% {
                transform: translateX(-55%) rotate(-20deg);
            }

            22.5% {
                transform: translateX(-55%) rotate(-33deg);
            }

            30% {
                transform: translateX(-60%) rotate(-16deg);
            }

            40% {
                transform: translateX(-60%) rotate(30deg);
            }

            50% {
                transform: translateX(-20%) rotate(30deg);
            }

            55%,
            100% {
                transform: translateX(0%) rotate(37deg);
            }
        }

        .hpe-logo.play.css-animation #hpe-logo-gradient2 {
            animation: hpe-logo-gradient2 5s linear 0s forwards;
        }

        @keyframes hpe-logo-gradient2 {
            0% {
                transform: scale(0.2);
            }

            30% {
                transform: scale(0.8);
            }

            40% {
                transform: scale(0.3);
            }

            43%,
            100% {
                transform: scale(0);
            }
        }

        .hpe-logo.play.css-animation #hpe-half-gradient {
            animation: hpe-half-gradient 5s linear 0s forwards;
            scale: 1.2;
        }

        @keyframes hpe-half-gradient {
            0% {
                transform: translate(100%, 47%);
            }

            50% {
                transform: translate(62%, 47%);
            }

            55% {
                transform: translate(26%, 43%);
            }

            62% {
                transform: translate(3%, 11%);
            }

            65%,
            100% {
                transform: translate(6%, -16%);
            }
        }

        .hpe-logo.play.css-animation #hpe-logo-fade1 {
            animation: hpe-fade1-gradient 5s linear 0s forwards;
        }

        @keyframes hpe-fade1-gradient {
            0% {
                transform: translateX(60%);
            }

            17.5% {
                transform: translateX(10%);
            }

            22.5% {
                transform: translateX(5%);
            }

            30% {
                transform: translateX(7%);
            }

            40% {
                transform: translateX(60%);
            }

            45%,
            100% {
                transform: translateX(100%);
            }
        }

        .hpe-logo.play.css-animation #hpe-logo-fade2 {
            animation: hpe-fade2-gradient 5s linear 0s forwards;
        }

        @keyframes hpe-fade2-gradient {
            0% {
                transform: translateX(100%);
            }

            32% {
                transform: translateX(5%);
            }

            43%,
            100% {
                transform: translateX(0%);
            }
        }

        @keyframes hpe-logo-dashoffset-reduce {
            0% {
                stroke-dashoffset: var(--_stroke-dashoffset, 0);
            }

            100% {
                stroke-dashoffset: 0;
            }
        }/* End custom CSS */