.elementor-kit-7{--e-global-color-primary:#382671;--e-global-color-secondary:#7A62FC;--e-global-color-text:#180A47;--e-global-color-accent:#B3D1CE;--e-global-color-e90734b:#DCE21C;--e-global-color-e069872:#FFFFFF;--e-global-color-2e656e4:#000000;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:300;color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-7 p{margin-block-end:1.5em;}.elementor-kit-7 a{color:var( --e-global-color-secondary );}.elementor-kit-7 a:hover{color:var( --e-global-color-primary );}.elementor-kit-7 h1{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-weight:700;}.elementor-kit-7 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-7 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-7 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-7 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-kit-7 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1316px;}.e-con{--container-max-width:1316px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   Logo behaviour - default
   ========================================= */

/* By default, show the coloured logo and hide the white logo */

.site-header {
    left:0px;
}

.site-header .logo-dark {
  display: inline-block;
}

.site-header .logo-light {
  display: none;
}

/* =========================================
   HERO PAGES - white logo + white top-level text
   ========================================= */

body.has-hero .site-header {
  position: absolute;
  top: 32px;    /* your chosen offset under purple bar */
  left: 0px;    /* your chosen horizontal offset */
  right: 0;
  background: transparent;  /* hero shows through */
}

/* Swap logos on hero pages */
body.has-hero .site-header .logo-dark {
  display: none;
}

body.has-hero .site-header .logo-light {
  display: inline-block;
}

/* Top-level menu items on hero pages - white text */
body.has-hero .site-header .elementor-nav-menu a,
body.has-hero .site-header .elementor-nav-menu .elementor-item {
  color: #ffffff !important;
}

/* Hover / active on hero pages - keep white (no backgrounds added) */
body.has-hero .site-header .elementor-nav-menu a:hover,
body.has-hero .site-header .elementor-nav-menu .elementor-item.elementor-item-active {
  color: #ffffff !important;
}

/* Mobile toggle icon on hero pages - white */
body.has-hero .site-header .elementor-menu-toggle {
  color: #ffffff !important;
}

/* HERO DROPDOWNS - dark blue in all states */
body.has-hero .site-header .elementor-nav-menu--dropdown a,
body.has-hero .site-header .elementor-nav-menu--dropdown .elementor-item,
body.has-hero .site-header .elementor-nav-menu--dropdown .elementor-sub-item {
  color: #180A47 !important;  /* dark blue text in dropdown */
}

body.has-hero .site-header .elementor-nav-menu--dropdown a:hover,
body.has-hero .site-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
body.has-hero .site-header .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
  color: #180A47 !important;
}

/* =========================================
   BLUE HEADER PAGE - white logo + white top-level text,
   dark blue dropdowns, violet hover
   ========================================= */

/* Swap logos on blue header page */

body.has-blue-header .site-header {
    left:0px;
}

body.has-blue-header .site-header .logo-dark {
  display: none;
}

body.has-blue-header .site-header .logo-light {
  display: inline-block;
}

/* Top-level menu items on blue header page - white text */
body.has-blue-header .site-header .elementor-nav-menu a,
body.has-blue-header .site-header .elementor-nav-menu .elementor-item {
  color: #ffffff !important;
}

/* Top-level hover / active - violet text (no background) */
body.has-blue-header .site-header .elementor-nav-menu a:hover,
body.has-blue-header .site-header .elementor-nav-menu .elementor-item.elementor-item-active {
  color: #c083ff !important;  /* adjust if you have a different violet */
}

/* Optional: if you want the header bar itself forced blue on that page.
   If the whole section is already blue via Elementor, you can delete this. */
body.has-blue-header .site-header {
  background: #004a9f;  /* adjust to your exact brand blue or remove */
}

/* BLUE HEADER DROPDOWNS - dark blue text */
body.has-blue-header .site-header .elementor-nav-menu--dropdown a,
body.has-blue-header .site-header .elementor-nav-menu--dropdown .elementor-item,
body.has-blue-header .site-header .elementor-nav-menu--dropdown .elementor-sub-item {
  color: #180A47 !important;
}

body.has-blue-header .site-header .elementor-nav-menu--dropdown a:hover,
body.has-blue-header .site-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
body.has-blue-header .site-header .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
  color: #180A47 !important;
}

/* =========================================
   DROPDOWN ARROWS - white wherever top level is white
   ========================================= */

/* Make submenu arrows white on hero + blue header pages */
body.has-hero .site-header .elementor-nav-menu .sub-arrow,
body.has-blue-header .site-header .elementor-nav-menu .sub-arrow {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Ensure SVG based arrows are white too */
body.has-hero .site-header .elementor-nav-menu .sub-arrow svg,
body.has-blue-header .site-header .elementor-nav-menu .sub-arrow svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Make sure the header and its dropdowns sit above other content */
.site-header {
  position: relative;
  z-index: 1000;
}

/* On hero pages you already have position:absolute etc – keep that,
   just ensure z-index is still high. */
body.has-hero .site-header {
  z-index: 1000;
}

/* Force dropdown container to be above nearby elements */
.site-header .elementor-nav-menu--dropdown,
.site-header .elementor-nav-menu__container {
  z-index: 1001;
}

/* In case any parent is clipping, allow nav to overflow */
.site-header,
.site-header .elementor-container,
.site-header .elementor-row {
  overflow: visible;
}

/* Default: Show dark phone, hide light phone */
.site-header .phone-dark { display: inline-block; }
.site-header .phone-light { display: none; }

/* Hero/Blue Pages: Swap them */
body.has-hero .site-header .phone-dark,
body.has-blue-header .site-header .phone-dark {
    display: none;
}

body.has-hero .site-header .phone-light,
body.has-blue-header .site-header .phone-light {
    display: inline-block;
}

/* Fix for Elementor Mobile Hide */
@media (max-width: 1024px) { /* Adjust 1024px to your Elementor Tablet/Mobile breakpoint */
    .elementor-hidden-tablet, 
    .elementor-hidden-mobile {
        display: none !important;
    }
}

a {text-decoration: none !important;}

type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #f6f6f6;
}/* End custom CSS */