.elementor-1835 .elementor-element.elementor-element-650ae0b9{--display:flex;--min-height:100px;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;box-shadow:0px 0px 40px 0px rgba(99, 106, 110, 0.4392156862745098);--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-1835 .elementor-element.elementor-element-650ae0b9::before, .elementor-1835 .elementor-element.elementor-element-650ae0b9 > .elementor-background-video-container::before, .elementor-1835 .elementor-element.elementor-element-650ae0b9 > .e-con-inner > .elementor-background-video-container::before, .elementor-1835 .elementor-element.elementor-element-650ae0b9 > .elementor-background-slideshow::before, .elementor-1835 .elementor-element.elementor-element-650ae0b9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1835 .elementor-element.elementor-element-650ae0b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#A1C3FF;--background-overlay:'';}.elementor-1835 .elementor-element.elementor-element-2b992c3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-1835 .elementor-element.elementor-element-add4c41{width:var( --container-widget-width, 29% );max-width:29%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:29%;--container-widget-flex-grow:0;}.elementor-1835 .elementor-element.elementor-element-add4c41.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1835 .elementor-element.elementor-element-77698c17{--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-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1835 .elementor-element.elementor-element-6a947185{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--main .elementor-item{color:#0039AA;fill:#0039AA;padding-left:10px;padding-right:10px;padding-top:11px;padding-bottom:11px;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--main .elementor-item:focus{color:#C9B500;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#ECF7FE;}.elementor-1835 .elementor-element.elementor-element-6a947185 .e--pointer-framed .elementor-item:before,
					.elementor-1835 .elementor-element.elementor-element-6a947185 .e--pointer-framed .elementor-item:after{border-color:#ECF7FE;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown a, .elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown a:hover,
					.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown a:focus,
					.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown .elementor-item, .elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-1835 .elementor-element.elementor-element-6a947185 div.elementor-menu-toggle{color:#467FF7;}.elementor-1835 .elementor-element.elementor-element-6a947185 div.elementor-menu-toggle svg{fill:#467FF7;}.elementor-1835 .elementor-element.elementor-element-8b7b5f3{width:var( --container-widget-width, 0.01% );max-width:0.01%;--container-widget-width:0.01%;--container-widget-flex-grow:0;}.elementor-1835 .elementor-element.elementor-element-5838e9a1{--display:flex;--min-height:100px;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:2%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-1835 .elementor-element.elementor-element-5838e9a1::before, .elementor-1835 .elementor-element.elementor-element-5838e9a1 > .elementor-background-video-container::before, .elementor-1835 .elementor-element.elementor-element-5838e9a1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1835 .elementor-element.elementor-element-5838e9a1 > .elementor-background-slideshow::before, .elementor-1835 .elementor-element.elementor-element-5838e9a1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1835 .elementor-element.elementor-element-5838e9a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#A1C3FF;--background-overlay:'';}.elementor-1835 .elementor-element.elementor-element-fe59e2a{--display:flex;}.elementor-1835 .elementor-element.elementor-element-6cda6158{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-1835 .elementor-element.elementor-element-36eb3fb9{width:var( --container-widget-width, 20% );max-width:20%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-1835 .elementor-element.elementor-element-36eb3fb9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1835 .elementor-element.elementor-element-1f3f9d0{--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-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1835 .elementor-element.elementor-element-578720db{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-menu-toggle{margin-left:auto;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu .elementor-item{font-family:"Open Sans", Sans-serif;font-size:17px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--main .elementor-item{color:#0039AA;fill:#0039AA;padding-left:10px;padding-right:10px;padding-top:11px;padding-bottom:11px;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--main .elementor-item:focus{color:#75B8EE;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#ECF7FE;}.elementor-1835 .elementor-element.elementor-element-578720db .e--pointer-framed .elementor-item:before,
					.elementor-1835 .elementor-element.elementor-element-578720db .e--pointer-framed .elementor-item:after{border-color:#ECF7FE;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a, .elementor-1835 .elementor-element.elementor-element-578720db .elementor-menu-toggle{color:#0039AA;fill:#0039AA;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown{background-color:#CEE0FE;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a:hover,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a:focus,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a.highlighted,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-menu-toggle:hover,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-menu-toggle:focus{color:#C9B500;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a:hover,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a:focus,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown .elementor-item, .elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Open Sans", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-bottom-width:1px;}.elementor-1835 .elementor-element.elementor-element-578720db div.elementor-menu-toggle{color:#718AB6;}.elementor-1835 .elementor-element.elementor-element-578720db div.elementor-menu-toggle svg{fill:#718AB6;}.elementor-1835 .elementor-element.elementor-element-578720db div.elementor-menu-toggle:hover, .elementor-1835 .elementor-element.elementor-element-578720db div.elementor-menu-toggle:focus{color:#F6D600;}.elementor-1835 .elementor-element.elementor-element-578720db div.elementor-menu-toggle:hover svg, .elementor-1835 .elementor-element.elementor-element-578720db div.elementor-menu-toggle:focus svg{fill:#F6D600;}.elementor-1835 .elementor-element.elementor-element-7cb6c3b{width:var( --container-widget-width, 0.01% );max-width:0.01%;--container-widget-width:0.01%;--container-widget-flex-grow:0;}.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-1835 .elementor-element.elementor-element-650ae0b9{--min-height:85px;--overlay-opacity:0.5;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown .elementor-item, .elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-1835 .elementor-element.elementor-element-8b7b5f3{width:var( --container-widget-width, 0.01% );max-width:0.01%;--container-widget-width:0.01%;--container-widget-flex-grow:0;}.elementor-1835 .elementor-element.elementor-element-5838e9a1{--min-height:85px;--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;--overlay-opacity:0.5;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:2%;--padding-left:5%;--padding-right:5%;}.elementor-1835 .elementor-element.elementor-element-fe59e2a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1835 .elementor-element.elementor-element-6cda6158{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1835 .elementor-element.elementor-element-36eb3fb9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1835 .elementor-element.elementor-element-1f3f9d0{--justify-content:flex-end;}.elementor-1835 .elementor-element.elementor-element-578720db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 7px 0px 0px;--nav-menu-icon-size:25px;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown .elementor-item, .elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:50px !important;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-menu-toggle{border-width:1px;}.elementor-1835 .elementor-element.elementor-element-7cb6c3b{width:var( --container-widget-width, 0.01% );max-width:0.01%;--container-widget-width:0.01%;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-1835 .elementor-element.elementor-element-650ae0b9{--min-height:65px;--padding-top:0%;--padding-bottom:0%;--padding-left:10%;--padding-right:10%;}.elementor-1835 .elementor-element.elementor-element-2b992c3{--width:20%;}.elementor-1835 .elementor-element.elementor-element-77698c17{--width:80%;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1835 .elementor-element.elementor-element-6a947185 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-1835 .elementor-element.elementor-element-6a947185{--nav-menu-icon-size:20px;}.elementor-1835 .elementor-element.elementor-element-5838e9a1{--min-height:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:15%;--padding-right:15%;}.elementor-1835 .elementor-element.elementor-element-fe59e2a{--width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--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-1835 .elementor-element.elementor-element-6cda6158{--width:36%;--justify-content:flex-start;}.elementor-1835 .elementor-element.elementor-element-36eb3fb9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-1835 .elementor-element.elementor-element-1f3f9d0{--width:55%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1835 .elementor-element.elementor-element-578720db{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--nav-menu-icon-size:20px;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1835 .elementor-element.elementor-element-578720db .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:40px !important;}}@media(min-width:768px){.elementor-1835 .elementor-element.elementor-element-650ae0b9{--content-width:1200px;}.elementor-1835 .elementor-element.elementor-element-2b992c3{--width:40%;}.elementor-1835 .elementor-element.elementor-element-77698c17{--width:60%;}.elementor-1835 .elementor-element.elementor-element-6cda6158{--width:40%;}.elementor-1835 .elementor-element.elementor-element-1f3f9d0{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1835 .elementor-element.elementor-element-2b992c3{--width:15%;}.elementor-1835 .elementor-element.elementor-element-77698c17{--width:85%;}.elementor-1835 .elementor-element.elementor-element-5838e9a1{--content-width:1200px;}.elementor-1835 .elementor-element.elementor-element-fe59e2a{--width:100%;}.elementor-1835 .elementor-element.elementor-element-6cda6158{--width:20%;}.elementor-1835 .elementor-element.elementor-element-1f3f9d0{--width:79%;}}/* Start custom CSS for image, class: .elementor-element-add4c41 */.logo-container {
  /* This creates a circular gradient from a lighter blue to your menu's blue.
     It fakes a soft spot of light behind the logo. */
  background: radial-gradient(circle, #5c85d6 0%, #325DE0 75%);
  
  /* These lines are just to center the logo inside the container */
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-image {
  /* Make sure the image itself has no extra background or styles */
  display: block;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-578720db */<style>
    /* This CSS prepares the header for JavaScript control */
    #js-controlled-header {
        /* Using position:fixed is more aggressive than sticky. 
         The top position will be controlled by JavaScript.
        */
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 999999 !important; /* Extremely high z-index */
        background: #FFF !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2) !important;
        transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1) !important;
        padding: 15px !important;
        box-sizing: border-box !important;
        text-align: center;
    }

    /* Basic styles for the content inside */
    #js-controlled-header a {
        color: #000 !important;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
    }
</style>

<header id="js-controlled-header">
    <a href="/">JavaScript Controlled Header</a>
</header>

<script>
    // This script takes full control of the header's position
    document.addEventListener("DOMContentLoaded", function() {
        const header = document.getElementById('js-controlled-header');
        if (!header) {
            console.error('Header element #js-controlled-header not found.');
            return;
        }

        let lastScrollY = window.scrollY;
        
        // A small delay to ensure all elements are rendered before getting height
        setTimeout(function() {
            const headerHeight = header.offsetHeight;

            window.addEventListener('scroll', function() {
                const currentScrollY = window.scrollY;

                if (currentScrollY > lastScrollY && currentScrollY > headerHeight) {
                    // Scrolling Down: Hide header by moving it up
                    header.style.top = `-${headerHeight}px`;
                } else {
                    // Scrolling Up: Show header
                    header.style.top = '0px';
                }
                lastScrollY = currentScrollY;
            });
        }, 100);
    });
</script>

<div style="height: 2500px; padding-top: 150px; text-align: center;">
    <p>Scroll down to test.</p>
</div>/* End custom CSS */