.mobile_menu--primary {
  display: flex;
  flex-direction: column;
}

.mobile_menu_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 21px 20px;
  border-bottom: 2px solid #a7a7a7;
}

.mobile_menu_logo {
  flex: 1;
  min-width: 220px;
}

.mobile_menu_logo img {
  max-width: 175px !important;
  width: 100%;
}

.mobile_hamburger {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 24px;
  cursor: pointer;
  position: relative;
  z-index: 0;
}

.mobile_hamburger span {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #000;
  transition: all 0.3s ease;
}

header.header--new.dark-theme.transparent .mobile_hamburger span { background-color: #fff; }


.mobile_hamburger span {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #000;
  transition: all 0.3s ease;
}

.mobile_hamburger span:nth-child(1) {
  transform-origin: top left
}

.mobile_hamburger span:nth-child(3) {
  transform-origin: bottom left;
   
}

.mobile_hamburger.active span:nth-child(1) {
  transform: rotate(45deg);
}

.mobile_hamburger.active span:nth-child(2) {
  opacity: 0;
}

.mobile_hamburger.active span:nth-child(3) {
  transform: rotate(-45deg)
}

#mobile_menu_content {
  display: none;
  flex-direction: column;
}

#mobile_menu_content.active {
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.mobile--new-primary-nav {
  overflow-y: scroll; 
  /* min-height: 65vh;
  max-height: calc(100vh - 110px); 
  height: 100%; */
/*   z-index:1000; */
  max-height: 45vh;
  height:100%;
}

/* .mobile--new-primary-nav ul {
  display: flex;
  flex-direction: column;
  gap: 40px;
} */

.mobile--new-primary-nav a{color:#000;}

.mobile--cta-pri-sec {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: fixed;
  bottom: 100px;
  /* gap: 20px; */
  width: 90%;
}

.mobile_cta_button_global, .mobile--cta_button_primary {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  color: #000 !important;
  display: inline-block;
  line-height: 18px;
  text-align: center; 
  padding: 14px 20px;
  border-radius: 30px;
  box-sizing: border-box;
  transition: transform .4s, translateY .4s, color .4s -.8s;
}

.mobile--cta_button_primary {
  background: #1AC8ED;
  border: none;
}

.mobile_cta_button_global:hover, .mobile--cta_button_primary:hover {
  transform: scale(1.1);
}




@media (max-width: 360px) {
    a.cta_button, a.custom-button, .mobile--primary.btnStyleSmall .cta_button_primary a, .mobile--secondary.btnStyleSmall .cta_button_global a {
        padding: 12px 18px;
        font-size: 14px;
        text-align: center;
    }
}

.hs-menu-item.hs-menu-depth-2.hs-item-has-children > a {
  /* color: grey;  */
  color:#000;
}

.mobile_menu--primary .hs-menu-depth-1,.mobile_menu--primary .hs-menu-depth-2,.mobile_menu--primary .hs-menu-depth-3{padding-bottom:10px;padding-top:10px;}

.mobile_menu--primary .mobile-top-menu { overflow-x: auto; white-space: nowrap; width: 100%; display: flex; margin-bottom:15px;}

.mobile_menu--primary .mobile-top-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul { display: flex; flex-wrap: nowrap; gap: 10px; flex-direction:row; }



.mobile-menu--new .mobile_menu_logo .dark-logo {
    display: none;
}

.mobile--primary.btnStyleSmall .cta_button_primary a,.mobile--secondary.btnStyleSmall .cta_button_global a{
  all: unset;
  }

header.header--new.dark-theme.transparent .mobile-menu--new.active .mobile_menu_logo .light-logo {
    display: block !important;
}
header.header--new.dark-theme.transparent .mobile-menu--new.active .mobile_menu_logo .dark-logo {
    display: none !important;
}

header.header--new.dark-theme.transparent .mobile_menu_logo .light-logo {
    display: none !important;
}
header.header--new.dark-theme.transparent .mobile_menu_logo .dark-logo {
    display: block !important;
}
header.header--new.dark-theme.transparent .mobile_hamburger.active span{
background-color: #000!important;
}

/* Increase specificity */
.mobile_menu--primary .mobile-top-menu ul li a{
  color: #777777 !important;
}

.mobile_menu--primary .mobile-top-menu .hs-menu-item.hs-menu-depth-1.active a,
.mobile_menu--primary .mobile-top-menu .hs-menu-item.hs-menu-depth-1.active-branch a{
  color: #000 !important;
  font-weight:700;
}


/* Ensure styles are applied correctly */
.mobile--cta-pri-sec .mobile--primary.btnStyleSmall a{
  background-color: #1AC8ED !important;
  border: 1px solid #1AC8ED !important;
  color: #000 !important;
  font-weight:700;
}

.mobile--cta-pri-sec .mobile--secondary.btnStyleSmall a{
  border: 1px solid #D9D9D9 !important;
  background: #fff!important;
}

.header.dark-theme .mobile--cta-pri-sec span {
    color: #000;
    font-weight:700;
}

.mobile_menu--primary .mobile-top-menu li.hs-menu-item.hs-menu-depth-1.active.active-branch a{
    border-bottom: 2px solid #000 !important;
}


 a.cta_button, a.custom-button, .mobile--primary.btnStyleSmall .cta_button_primary a, .mobile--secondary.btnStyleSmall .cta_button_global a {
        text-align: center;
    }






/* Menu Item Styles */

.navigation-primary a {
  color: #00326d;
  font-weight: 800;
  text-decoration: none;
}

.navigation-primary a:hover,
.navigation-primary a:focus {
  color: #000a45;
}

.navigation-primary a:active {
  color: #285a95;
}

/* Active Menu Item Styles */

.navigation-primary a.active-item {
  position: relative;
}

.navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #00326d;
  bottom: -3px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.top__bar-section .contact-link {
  white-space: nowrap;
}

@media (max-width: 999px) {
  .navigation-primary .submenu.level-1 > li > a.active-item:after {
    display: none;
  }
}

/* Menu */

.submenu {
  float: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 999px) {
  .submenu {
    display: none;
  }

  input[type="checkbox"]:checked ~ .submenu {
    display: block;
  }

  .submenu > .has-submenu {
    position: relative;
  }

  .submenu > li > a {
    display: block;
    width: 100%;
  }

  .submenu > .has-submenu > a {
    width: 80%;
  }
  
  .mobile--new-primary-nav .level-1 .menu-item .menu-link{
        font-size: 23px !important;
        line-height: 20px !important;
    }
    .mobile--new-primary-nav .level-2 .menu-item .menu-link{
        font-size: 20px !important;
    }
}

/* Top Level Menu */

.submenu.level-1 {
  display: inline-block;
}

.submenu.level-1 > li {
  display: inline-block;
  margin-right: 50px;
  position: relative;
}

.submenu.level-1 > li:last-child {
  margin-right: 0;
}

@media screen and (min-width: 999px) and (max-width: 1100px) {
  .submenu.level-1 > li {
    margin-right: 20px;
  }
}

@media (max-width: 999px) {
  .submenu.level-1 {
    width: 100%;
  }

  .submenu.level-1 > li {
    display: block;
    margin-right: 0.7rem 0;
    padding: 0;
    width: 100%;
  }

  .submenu.level-1 > li > a {
    padding: 10px 0px;
  }
}

/* Child Menus */

.submenu.level-2 {
  background-color: #fff;
  border: 1px solid #eff7ff;
  box-shadow: 0 23px 50px -14px rgba(0, 0, 0, 0.21);
  left: -9999px;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 220px;
  z-index: 2;
  border-left: 2px solid #777 !important;
}

.submenu.level-1 > li:hover .submenu.level-2,
.submenu.level-1 > li.focus .submenu.level-2 {
  left: 0;
  opacity: 1;
}

.submenu.level-1 > li:hover:last-child .submenu.level-2,
.submenu.level-1 > li.focus:last-child .submenu.level-2 {
  left: auto;
  right: 0;
}

.submenu.level-2 .menu-item {
  margin: 0;
  position: relative;
}

.submenu.level-2 .menu-link {
  display: block;
  padding: 10px;
  transition: background-color 0.3s;
}

.submenu.level-2 .menu-link:hover,
.submenu.level-2 .menu-link:focus {
  background: #fff !important;
  cursor: pointer;
  transition: background-color 0.3s;
}

@media (max-width: 999px) {
  .submenu.level-2 {
    border: none;
    box-shadow: none;
    opacity: 1;
    position: static;
    visibility: visible;
    width: 100%;
  }

  .submenu.level-2 .menu-link {
    padding: 10px 30px;
    transition: none;
  }

  .submenu.level-2 .menu-link:hover {
    background-color: inherit;
  }

  .submenu.level-2 .menu-link:hover,
  .submenu.level-2 .menu-link:focus {
    transition: none;
  }

  .submenu li {
    margin: 0;
  }
}

@media (min-width: 999px) {
  .submenu.level-3 {
    background-color: #fff;
    left: -9999px;
    opacity: 0;
    position: absolute;
    top: 5%;
    width: 100%;
  }

  .submenu.level-2 .menu-item:hover .submenu.level-3,
  .submenu.level-2 .menu-item.focus .submenu.level-3 {
    left: 100%;
    opacity: 1;
    z-index: 1;
  }

  /* prettier-ignore */
  .submenu.level-1 > li:hover:last-child .submenu.level-2 .menu-item:hover .submenu.level-3,
  .submenu.level-1 > li.focus:last-child .submenu.level-2 .menu-item.focus .submenu.level-3 {
    left: auto;
    right: 100%;
  }
}

.submenu.level-3 .menu-link {
  padding-left: 30px;
}

@media (max-width: 999px) {
  .submenu.level-3 .menu-link {
    padding: 10px 50px;
  }
}

/* Mobile Navigation Toggles */

.submenu-toggle,
#nav-toggle,
.header__navigation-toggle,
.menu-child-toggle-icon {
  display: none;
}

@media screen and (max-width: 999px) {
  .header__navigation-toggle,
  .menu-child-toggle-icon {
    cursor: pointer;
    display: block;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #00c6ab;
  }
  .header__navigation-toggle svg{
    width: 24px;
    height: 40px;
  }
  .header__navigation-toggle .header__mobile-menu-close-icon svg{
    width: 40px;
  }

  #nav-toggle:checked ~ .header__navigation {
    display: block;
  }

  .header__mobile-menu-open-icon {
    display: flex;
    min-height: 40px;
    width: 40px;
    justify-content: center;
  }

  .header__mobile-menu-close-icon {
    display: none;
  }

  /* prettier-ignore */
  #nav-toggle:checked+.header__navigation-toggle .header__mobile-menu-open-icon {
    display: none;
  }

  /* prettier-ignore */
  #nav-toggle:checked+.header__navigation-toggle .header__mobile-menu-close-icon {
    display: block;
    width: 40px;
    height: 40px;
  }

  .menu-arrow {
    border: none;
    cursor: pointer;
    padding: 10px 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
  }
  
  .mobile--new-primary-nav .menu-arrow svg {
        transform: rotate(0deg) !important;
    }
}

  input[type="checkbox"]:checked ~ .menu-arrow svg {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
    transition: transform 0.4s;
  }
}

/* HubSpot Editor Styles */

.hs-inline-edit .submenu.level-1 > li.has-submenu:hover .submenu.level-2,
.hs-inline-edit > li.has-submenu.focus .submenu.level-2 {
  visibility: hidden;
}

.mobile_menu {
  display: none;
  visibility: hidden;
}

.menu_logo img {
  max-width: 143px;
}



@media (max-width: 999px) {
  .mobile_menu {
    display: block;
    visibility: visible;
    padding: 15px 0px;
  }

  .hs_cos_wrapper_type_module ul li:before {
    content: "" !important;
    width: 0;
    height: 0;
    margin: 0;
    display: block;
  }
  .header__navigation {
    top: 160% !important;
    box-shadow: none !important;
  }
  .desktop_menu,
  .menu_logo {
    display: none;
    visibility: hidden;
  }
  input[type="checkbox"]:checked ~ .menu-arrow svg {
    transform: rotate(45deg) !important;
  }

  .menu-arrow svg {
    transform: rotate(-45deg) !important;
  }

  .level-2 li a {
    color: #777 !important;
  }
  .level-2 li:hover a {
    color: #000 !important;
  }
}