/*Desktop Styles*/

.navbar-outer-wrapper-v2 {
  background-color: transparent;
  margin: auto;
  position: fixed;
  left: 0;
  right: 0;
   transition: all 0.2s ease-in-out; 
}

.navbar-outer-wrapper-v2.header-up {
    transform: translateY(-100%);
}

.navbar-bottom-border-v2 {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #509FD6;
  bottom: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}


.navbar-wrapper-v2 {
  width: 80%;
  max-width: 1080px;
  margin: auto;
  padding-top: 15px;
  padding-bottom: 25px;
}

.nav-svg {
  width: 233px;
  height: 35px;
}

.mini-top-nav-v2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

.quick-selection-nav-items-v2 {
  display: flex;
  gap: 50px;
}

.quick-selection-nav-items-v2 a {
  color: white;
  font-size: .75rem;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  transition: all 0.3s ease-in-out;
}

/* .quick-selection-nav-items-v2 a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  bottom: -2px;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
} 

.quick-selection-nav-items-v2 a:hover::before {
  transform: scaleX(1);
} */

.quick-selection-item::before {
  height: 100%;
  width: 100%;
  content: '';
  position: absolute;
  z-index: -1;
  background: transparent linear-gradient(90deg, #509FD6 0%, #4799D0 0%, #0065A4 100%) 0% 0% no-repeat;
  border-radius: 20px;
  left: -18px;
  padding-right: 35px;
  padding-top: 8px;
  padding-bottom: 8px;
  top: -8px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

.quick-selection-item:hover::before {
  opacity: 1;
}

.inner-main-nav-v2 {
  display: flex;
  justify-content: right;
  gap: 100px;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
}

.main-nav-item-v2 {
  list-style-type: none !important;
  position: relative;
}


/* .top-level-nav::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  bottom: 2px;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

.top-level-nav:hover::before {
  transform: scaleX(1);
}

.top-level-nav.active-nav::before {
  transform: scaleX(1);
} */

.top-level-nav::before {
  height: 100%;
  width: 100%;
  content: '';
  position: absolute;
  z-index: -1;
  background: transparent linear-gradient(90deg, #509FD6 0%, #4799D0 0%, #0065A4 100%) 0% 0% no-repeat;
  border-radius: 20px;
  left: -20px;
  padding-right: 35px;
  padding-top: 8px;
  padding-bottom: 8px;
  top: -8px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}

.top-level-nav:hover::before {
  opacity: 1;
}

.top-level-nav.active-nav::before {
  height: 100%;
  width: 100%;
  content: '';
  position: absolute;
  z-index: -1;
  background: transparent linear-gradient(90deg, #509FD6 0%, #4799D0 0%, #0065A4 100%) 0% 0% no-repeat;
  border-radius: 20px;
  left: -20px;
  padding-right: 35px;
  padding-top: 8px;
  padding-bottom: 8px;
  top: -8px;
  transition: all 0.3s ease-in-out;
  opacity: 1;
}

.top-level-nav.highlight::before {
    opacity: 0.5; /* Style the ::before pseudo-element */
    transition: all 0.3s ease-in-out;
}

.top-level-nav.highlight:hover::before {
  opacity: 1;
}

.top-level-nav.highlight.active-nav::before {
  opacity: 1;
}


.top-level-nav{
  font-size: 1rem;
  color: white;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  display: flex;
  gap: 10px;
  cursor: pointer;
  align-items: center;
}

.top-level-nav svg {
  rotate: 0deg;
  transition: all 0.3s ease-in-out;
  width: 10px;
}

.top-level-nav.active-nav svg {
  rotate: -180deg;
}

.top-level-nav.highlight {
  color: white !important;
}

.top-level-nav.highlight svg path {
  stroke: white !important;
}

.second-level-nav svg {
  rotate: 0deg;
  width: 10px;
}

.second-level-nav.active-second-level svg {
  rotate: -180deg;
}

.nav-sub-menu-v2 {
  position: absolute;
  top: calc(100% - -25px);
  left: -50%;
  z-index: 9999;
  width: max-content;
  background-color: rgba(1, 30, 49, .84);
  list-style-type: none !important;
  padding: 10px 17px 10px 17px !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  box-shadow: 0px 3px 10px #00000029;
}

.nav-sub-menu-v2.w-secondary {
    left: -140%;
    width: 36rem;
    height: 240px;
}

.what_sub-nav-divider {
  position: absolute;
  height: 90%;
  background:#FFFFFF;
  width: 1px;
  left: 40%;
}

.basic-first-level-nav {
  font-size: .94rem;
  padding-bottom: 3px;
}

.basic-first-level-nav a{
  color: white;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
}

.basic-first-level-nav a:hover {
  text-shadow: 0px 0px 1.9px white;
}

.basic-first-level-nav::before {
    height: 100%;
    width: 100%;
    content: '';
    position: absolute;
    z-index: -1;
    background: transparent linear-gradient(90deg, #509FD6 0%, #4799D0 0%, #0065A4 100%) 0% 0% no-repeat;
    opacity: 0;
    left: 0px;
    transition: all 0.3s ease-in-out;
    max-height: 26px;
}

.basic-first-level-nav:hover::before {
    opacity: 0.8;
}

.second-level-container {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.second-level-nav {
  font-size: .94rem;
  padding-bottom: 3px;
  color: white;
  font-weight: 500;
  display: flex;
  gap: 10px;
  cursor: pointer;
  /* width: max-content; */
  align-items: center;
  /* flex-basis: 50%; */
  justify-content: space-between;
  width: 200px;
  position: relative;
}

.second-level-nav:hover {
  text-shadow: 0px 0px 1.9px white;
}

.second-level-nav.active-second-level {
  text-decoration: underline;
  text-shadow: 0px 0px 1.9px white;
}

.second-level-nav.active-second-level::before {
  height: 100%;
    width: 111%;
    content: '';
    position: absolute;
    background: transparent linear-gradient(90deg, transparent 0%, #0283C4 0%, #4799D0 100%) 0% 0% no-repeat;
    /* opacity: 0; */
    left: -9px;
    transition: all 0.3s ease-in-out;
    max-height: 26px;
    /* top: 1px; */
    z-index: -1;
}

.second-level-nav.active-second-level.scrolled::before {
    background: transparent linear-gradient(265deg, #509FD6 0%, #0283C4 0%, #0065A4 100%) 0% 0% no-repeat;
}

.second-level-nav.scrolled.active-second-level {
    color: white !important;
}

.second-level-nav.scrolled.active-second-level svg path {
  stroke: white !important;
}


.second-level-inner {
  list-style-type: none !important;
  padding-left: 0px !important;
  padding-bottom: 3px !important;
  font-size: .82rem;
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 100%;
  position: absolute;
  left: 35%;
  top: 9px;
  transition: all 0.5s ease;
}

.second-level-inner a {
  color: white;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}

.second-level-inner a:hover {
  text-shadow: 0px 0px 1.1px white;
}

.second-level-inner li {
  position: relative;
  padding-left: 40px;
}

.second-level-inner li::before {
    height: 100%;
    width: 58%;
    content: '';
    position: absolute;
    z-index: -1;
    background: transparent linear-gradient(90deg, #509FD6 0%, #4799D0 0%, #0065A4 100%) 0% 0% no-repeat;
    opacity: 0;
    left: 29px;
    transition: all 0.3s ease-in-out;
    max-height: 26px;
    top: 1px;
}

.second-level-inner li:hover::before {
    opacity: 0.8;
}

.temp-hidden {
  display: none !important;
}

/*Tablet/Mobile Styles*/

.mobile-menu-v2 {
  display: none;
}

.mobile-menu-content-wrapper-v2 {
  display: none;
}

.mobile-content-inner-wrapper-v2 {
  width: 80%;
  max-width: 1080px;
  margin: auto;
  padding-top: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.bar-v2 {
  width: 25px;
  height: 3px;
  background-color: #fff;
  margin: 3px 0;
  transition: transform 0.3s, opacity 0.3s;
}

.bar1-v2.rotate45 {
  transform: rotate(45deg) translate(6px, 5px);
}

.bar2-v2.fadeOut {
  opacity: 0;
}

.bar3-v2.rotateM45 {
  transform: rotate(-45deg) translate(7px, -7px);
}

.m-top-level-nav{
  font-size: 1.25rem;
  color: white;
  text-transform: uppercase;
  font-weight: 300;
  position: relative;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding-bottom: 6px !important;
}

.m-basic-first-level-nav {
  font-size: 1.1rem;
  padding-bottom: 4px;
}

.m-basic-first-level-nav a{
  color: white;
  font-weight: 500;
}

.m-main-nav-item-v2 {
  list-style-type: none !important;
  position: relative;
  border-bottom: 1px solid white;
  margin-bottom: 15px;
}

.m-nav-sub-menu-v2 {
  list-style-type: none !important;
  padding-left: 0px !important;
  padding-bottom: 3px !important;
  height: 0;
  visibility: hidden;
}

.m-top-level-nav img {
  width: 18px;
  rotate: 0deg;
}


.m-top-level-nav.m-active-main img {
  rotate: -180deg;
}

.m-second-level-container {
  padding-bottom: 4px;
}

.m-second-level-nav {
  font-size: 1.1rem;
  padding-bottom: 3px;
  color: white;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

.m-second-level-nav img {
  width: 18px;
  rotate: 0deg;
}

.m-second-level-nav.m-active-sub img {
  rotate: -180deg;
}

.m-second-level-inner {
  list-style-type: none !important;
  padding-left: 0px !important;
  padding-bottom: 0px !important;
  font-size: .94rem;
  visibility: hidden;
  height: 0;
}

.m-second-level-inner a {
  color: white;
  font-weight: 300;
}

.m-quick-links-inner {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  font-size: .94rem;
}

.m-quick-links-inner a {
  color: white;
  font-weight: 300;
  padding-bottom: 6px;
}


@media screen and (max-width:1094px) {
  .quick-selection-nav-items-v2 {
	display: none;
  }
  .main-nav-v2 {
	display: none;
  }
  .navbar-outer-wrapper-v2 {
	background-color: rgba(1, 30, 49, 1) !important;
  }
  .mobile-menu-v2 {
	display: flex;
	flex-direction: column;
	cursor: pointer;
	margin-bottom: 3px;
  }
  .mobile-menu-content-wrapper-v2 {
	display: none;
	background: rgba(1, 30, 49, 1);
	height: 100dvh;
	position: relative;
  }
  .navbar-wrapper-v2 {
	padding-bottom: 5px;
  }
  .nav-svg {
    width: 170px;
    height: 35px;
  }
}