.elementor-kit-7{--e-global-color-primary:#154859;--e-global-color-secondary:#E6E0D4;--e-global-color-text:#282828;--e-global-color-accent:#154859;--e-global-color-54aa3dd:#FFFFFF;--e-global-color-672e5fe:#000000;--e-global-typography-primary-font-family:"Mulish";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Mulish";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.1em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-decoration:none;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:40px;--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:30px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. THE DEFAULT STATE (How it looks on load) */
.header-main {
  width: 73% !important;
  max-width: 1200px !important;
  margin: 0 auto;
  transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease;
  box-shadow: none;
  left: 0;
  right: 0;
    top: 40px;
  position: fixed; 
  z-index: 9999;

  /* THE ANTI-GLITCH FIXES */
  white-space: nowrap !important;   /* Prevents text from jumping to 2 lines */

}

/* Forces the Elementor Container to stay as a single horizontal row */
.header-main > .e-con, 
.header-main > .elementor-container,
.header-main > .e-container {
    flex-wrap: nowrap !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Hide the "scrolled" items by default */
.logo-to-show, .btn-to-show {
  display: none !important;
}

/* 2. THE SCROLLED STATE (What happens when you scroll down) */
body.scrolled .header-main {
  width: 55% !important; /* The smaller width */
  box-shadow: 0px 6px 19px 0px rgba(0,0,0,0.1);
}

body.scrolled .logo-to-hide, 
body.scrolled .btn-to-hide {
  display: none !important;
}

body.scrolled .logo-to-show {
  display: block !important;
}

body.scrolled .btn-to-show {
  display: flex !important;
}/* End custom CSS */