.full-width-background {
  width: 100vw; /* Full viewport width */
  position: relative;
  left: 50%; /* Shift left by half of the element's width */
  right: 50%;
  margin-left: -50vw; /* Negate the shift by half of viewport width */
  margin-right: -50vw;
  background-color: #f8fafc; /* Your desired background color */
}

.header-wrapper .main-header { position: relative; z-index: 10; }
.top-header-row.desktop { display: flex; }
.top-header-row.mobile { display: none; }
.top-header-row { align-items: center; gap: 20px; justify-content: flex-end; margin-left: auto; margin-right: 0; }
.top-header-row a { color: #002C5B; text-decoration: none; font-size: 16px; line-height: 16px; font-weight: 600;}
.top-header-row a:hover, .top-header-row li:hover>a { color: #017BFF; }



.lang-menu[hidden] {
    display: none;
}

/* Show the menu when it's not hidden */
.lang-menu[aria-expanded="true"] {
    display: block;
}
@media (min-width: 1920px) {
    .header-wrapper .uab-container {
        max-width: 100%;
        min-width: 100%;
    }
}


.main-header { background: #FFF; }
.main-header .logo img { vertical-align: bottom; }
.main-header-row {
  align-items: center;
    display: flex;
    flex-wrap: wrap;
  gap: 30px; 
  position: relative;
  padding: 30px 0;
  transition: all .3s ease; 
}

.nav__main-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  gap: 40px;
}
.nav__main-menu ul { list-style: none; padding: 0; margin: 0; }
.nav__main-menu--link {
  padding:0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.nav__main-menu--link > a, .nav__main-menu--link-text {
  color: #002C5B;
  padding: 0;
  text-decoration: none;
  margin: 0;
  font-size: 18px; 
  line-height: 32px; 
  font-weight: 600;
}
.nav__main-menu--link-text:hover { cursor: default; }
.nav__main-menu--link svg, .nav__main-menu--link-text svg { transition: all .3s ease; }
.nav-ctas { margin-right: 0; }
.nav-ctas .cta-primary {
  border: 2px solid #f75c02;
        background-color: #f75c02;
        border-radius: 40px;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        padding: 8px 28px !important;
        text-decoration: none;
        white-space: nowrap;
        display: inline-block;
        transition: all .3s ease;
    }
.nav__sub-menu.mega .bottom-cta a {
        background-color: #017BFF;
        border: 2px solid #017BFF;
        border-radius: 40px;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        padding: 8px 28px !important;
        text-decoration: none;
        white-space: nowrap;
        display: inline-block;
        transition: all .3s ease;
    }
    .nav__sub-menu.mega .bottom-cta a:hover {
        background: none;
        color: #017BFF;
  }
  .nav-ctas .cta-primary:hover {
        background-color: transparent;
        color: #f75c03 !important;
  }


.nav__main-menu--link .dropdown-chevron { appearance: none; -webkit-appearence: none; background: none; border: none; outline: none; padding: 0; }

@media (min-width: 1200px) {
  .header__navigation--toggle { display: none; }
  .nav__main-menu { margin-left: 10px; }
  .header-wrapper.sticky .main-header-row { padding: 15px 0; }
  .header-wrapper.sticky .main-header-row .header__navigation { margin-left: 20px; }
  .main-header-row .header__navigation>.uab-container { max-width: 100%; min-width: 100%; display: flex; align-items: center; gap: 40px; padding: 0;}
.nav__sub-menu.mega {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  position: absolute;
  background: #fff;
  min-width: 100%;
  width: 100%;
  width: 100%;
  padding: 0px;
  box-shadow: 0px 6px 12px #0000004D;
  z-index: 99;
  border-radius: 32px;
}
  .nav__sub-menu.mega .mega-menu__row { padding: 50px; }
  .bottom-cta-bar { border-radius: 0 0 32px 32px; padding: 10px 50px; background: rgba(0, 44, 91, 0.05); }
  .bottom-cta-bar .bottom-cta { display: flex; align-items: center; justify-content: flex-end; gap: 32px; }
  .bottom-cta-bar .bottom-cta p { margin: 0; display: flex; align-items: center; gap: 12px;}
  .bottom-cta-bar .bottom-cta p i { font-size: 20px; }
  .nav__sub-menu.simple {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50px;
  position: absolute;
  transform: translateX(-50%);
  background: #fff;
  min-width: 100%;
  width: 100%;
  min-width: 200px;
  padding: 10px 20px;
  box-shadow: 0px 6px 12px #0000004D;
  z-index: 99;
  border-radius: 16px;
}
  .nav__main-menu--link.simple { position: relative; }
  .nav__sub-menu.simple li a { padding: 10px; text-decoration: none; color: #002C5B; border-radius: 10px; transition: all .3s ease; display: inline-block; width: 100%; font-weight: 600; }
  .nav__sub-menu.simple li a:hover { background: rgba(0, 44, 91, 0.05);; }
  .nav__sub-menu.simple li span { width: 22px; height: 22px; margin-right: 3px; display: flex; align-items: center; justify-content: center; }
  .nav__sub-menu.simple li span img { max-width: 22px; max-height: 22px; width: auto; height: auto; }
  
  .nav__sub-menu.mega .uab-container { max-width: 100%; min-width: 100%; padding: 0;}

  .nav__sub-menu.mega .mega-menu__row { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .nav__sub-menu.mega .submenu-row { width: calc(60% - 20px); display: flex; flex-wrap: wrap; }
  .nav__sub-menu.mega .submenu-title { color: #017BFF; font-size: 18px; line-height: 28px; font-weight: 600; padding: 0 10px; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol { width: calc(100% / 3 - 10px); }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol.xsl { margin-left: auto; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol.xsr { margin-right: auto; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol li a { display: flex; gap: 10px; align-items: center; padding: 12px 16px; text-decoration: none; color: #002C5B; border-radius: 10px; transition: all .3s ease; font-size: 16px; line-height: 26px; font-weight: 600;}
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol li span { width: 22px; height: 22px; margin-right: 3px; display: flex; align-items: center; justify-content: center; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol li span img { max-width: 22px; max-height: 22px; width: auto; height: auto; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol li a:hover { background: rgba(0, 44, 91, 0.05); }
  .nav__main-menu--link:hover > a, .nav__main-menu--link:hover .nav__main-menu--link-text, .nav__main-menu--link.open > a, .nav__main-menu--link.open > p { color: #017BFF; }

  
  .nav__main-menu--link .dropdown-chevron[aria-expanded="true"] svg { transform: rotate(180deg); fill: #017BFF; }
  .nav__main-menu--link .dropdown-chevron[aria-expanded="true"] svg g { stroke: #017BFF; }
  .sub-menu-links { display: none; }
  .nav__main-menu--link.visible .nav__sub-menu { display: block; }
  .sub-menu-links a { font-size: 14px; }
  .sub-menu__sub-link.new-mobile { display: none; }
  .sub-menu__col-link:hover .sub-menu__sub-link.new-mobile { display: none; }
  .nav__sub-menu.mega .mega-cta { width: 40%; display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; align-items: flex-start; border-radius: 30px; }
  .nav__sub-menu.mega .mega-cta .mega-cta-image { width: 100%; height: 100%; position: relative; border-radius: 16px; }
  .nav__sub-menu.mega .mega-cta .mega-cta-image.twocol { width: calc(50% - 7.5px); }
  .nav__sub-menu.mega .mega-cta .mega-cta-image.tworow { height: calc(50% - 7.5px); }
  .nav__sub-menu.mega .mega-cta .mega-cta-image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .nav__sub-menu.mega .mega-cta .mega-cta-image a img { object-fit: cover; border-radius: 16px; height: 100% !important; width: 100% !important;}
  
  .nav__sub-menu {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 84px;
  position: absolute;
  background: #fff;
  min-width: unset;
  width: auto;
  padding: 20px;
  box-shadow: 0px 6px 12px #0000004D;
  z-index: 80;
  pointer-events: none;
}

.nav__sub-menu.visible { 
  visibility: visible;
  z-index: 99;
  opacity: 1;
  pointer-events: initial;
}
}

{#
@media (min-width: 992px) and (max-width: 1200px) {
  .nav__main-menu--link { gap: 5px; }
  .nav__main-menu { gap: 20px; }
  .main-header-row .header__navigation>.uab-container { gap: 20px !important; }
  .nav-ctas .cta-primary { padding: 10px 20px !important; }
  .nav__sub-menu.mega .submenu-title.empty { display: none; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol { width: 50%; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol.first { order: 1; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol.second { order: 2; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol.third { order: 3; }
}
#}


.no-list.ls, .no-list.ls ul {
  padding: 7px 0;
}

.no-list.ls {
  margin: 0;
  padding: 0;
}

.no-list.ls ul {

  min-width: 65px;
  width: 100%;
  top: 100%;
  left: 0;
  background: #FFF;
  position: absolute;
  padding: 10px;
  box-shadow: 0px 6px 12px #0000004D;
  text-align: center;
  z-index: 99;
  border-radius: 10px;
}

.ls li {
  position: relative;
  list-style: none;
}
.ls li a { 
  line-height: normal;
  letter-spacing: 0.48px;
  text-decoration: none;
  color: #002C5B;
 display: flex;
  align-items: center;
  gap: 3px;
}
.ls li a span { margin-right: 1px;font-size: 16px; line-height: 16px; font-weight: 600; } 
.ls li a svg.chevron {transition: all .3s ease; }
.ls li:hover a svg.chevron { transform: rotate(180deg); }
.ls li:hover a svg g { fill: #017BFF; }
.ls li:hover a svg.not(.chevron) path { stroke: #017BFF; }
.ls li:hover ul {
  display: block;
}

.ls ul li a {
  display: block;
  text-transform: uppercase;
  color: #002C5B;
  font-size: 16px;
}
.ls ul li { margin-top: .5em; }
.ls ul li:first-child { margin-top: 0; }

.ls ul li a:hover {
  color: #017BFF;
}

#nav-toggle {
  display: none;
}


  
@media (max-width: 1399px) {
  .main-header-row { gap: 20px; }
  .nav__main-menu { gap: 30px; }
}
/* Mobile toggles */

@media (max-width: 1199px) {
  .main-header { padding: 20px 0; }
  .top-header-row.desktop { display: none; }
.top-header-row.mobile { display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; margin-top: 20px; gap: 30px; }
  .main-header-row { padding: 0; justify-content: space-between; }
  .header__navigation {
    display: none;
    width: 100%;
  }
  .nav-ctas { margin-left: auto; }
  .header__navigation.open {
    display: block;
    left: 0;
    height: auto;
    position: fixed;
    right: 0;
    top: 83px;
    z-index: 2;
    bottom: 0;
    background: #FFF;
    overflow-y: auto;
    max-height: 100vh;
    border-top: 2px solid #f8fafc;
    padding-bottom: 30px;
  }
  .nav__main-menu { flex-direction: column; align-items: flex-start; gap: 0; }
  .nav__main-menu--link { padding: 0; width: 100%; display: flex; flex-wrap: wrap; gap: 15px; row-gap: 0; justify-content: space-between; border-bottom: 2px solid #f8fafc; }
  .nav__main-menu--link > a, .nav__main-menu--link-text { padding: 10px 0; }
  .nav__sub-menu.mega .mega-cta { display: none; }
  .mobilenav-ctas { margin-top: 20px; }
  .dropdown-chevron { width: 48px; height: 48px; display: flex; align-items: center; justify-content: flex-end; padding-right: 3px; }
  .nav__sub-menu {
  display: none;
  position: relative;
  width: 100%;
  padding: 0;
}
  .bottom-cta-bar .bottom-cta { display: none; }
  .bottom-cta-bar .bottom-cta p {  display: none; }
  
  .nav__sub-menu.mega .submenu-title { color: #017BFF; font-size: 18px; line-height: 28px; font-weight: 600; padding: 0; margin: 20px 0 0; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol.first .submenu-title { margin-top: 10px; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol li a { display: flex; gap: 10px; align-items: center; padding: 11px 0 11px 10px; text-decoration: none; color: #002C5B; border-radius: 10px; transition: all .3s ease; font-size: 16px; line-height: 26px; font-weight: 600;}
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol li span { width: 22px; height: 22px; margin-right: 3px; display: flex; align-items: center; justify-content: center; }
  .nav__sub-menu.mega .submenu-row .sub-menu__firstcol li span img { max-width: 22px; max-height: 22px; width: auto; height: auto; }
  .nav__sub-menu.mega .submenu-title.empty { display: none; }
  .nav__sub-menu.visible { display: block; padding-bottom: 10px; }
  .nav__sub-menu.simple li a { display: flex; gap: 10px; align-items: center; padding: 11px 0 11px 10px; text-decoration: none; color: #002C5B; border-radius: 10px; transition: all .3s ease; font-size: 16px; line-height: 26px; font-weight: 600;}

  .header__navigation--toggle {
    cursor: pointer;
    position: relative;
  }

   .mobile-trigger{
      cursor: pointer;
      position: relative;
      width: auto;
      height: auto;
      font-size: 16px;
      font-weight: normal;
      text-align: left;
      text-transform: uppercase;
      color: #002C5B;
      float: right;
      display: inline-block !important;
      border-radius: 4px;
      margin-top: -2px;
   }

   /* Toggle Button Icon
   ========================================================================== */

   .mobile-trigger i {
      display: inline;
      position: relative;
     transition: all .5s ease-in-out;
   }
   .mobile-trigger i:before, .mobile-trigger i:after{
      position: absolute;
      content: '';
   }
  .mobile-trigger i:before {
    margin-top: -8px;
  }
  .mobile-trigger i:after{
    margin-top: 8px;
    transition: all .5s ease-in-out;
  }
   .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
      width: 24px; /* Icon line width */
      height: 3px; /* Icon line height */
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      border-radius: 1px;
      background-color: #002C5B; /* Icon color */
      display: inline-block;
   }
  
  .header__navigation--toggle.open .mobile-trigger i {
    transform: rotate(45deg);
  }
  
  .header__navigation--toggle.open .mobile-trigger i:before {
    opacity: 0;
    visibility: hidden;
  }
  .header__navigation--toggle.open .mobile-trigger i:after {
    transform: rotate(-90deg) translate(8px,0px);
  }
  
  .header__navigation--toggle {
    position: relative;
    height: 24px;
    width: 24px;
    background: none !important;
  }
  .dropdown-chevron svg { transition: all .3s ease; }
.dropdown-chevron.open svg {
  transform: rotate(180deg);
  }
      .nav__main-menu--link .dropdown-chevron[aria-expanded="true"] svg {
        transform: rotate(180deg);
  }
}
.nav-ctas.mobile { display: none; }
@media (max-width: 499px) {
  .header__navigation.open { top: 72px; }
  .nav-ctas.desktop {display: none; }
  .nav-ctas.mobile { display: block; margin-top: 20px; }
}