.mega-menu-container-v2 i{
	transform: rotate(-90deg);
	margin-left: 5px;
}
.mega-pointer-underline .locations-mega-menu ul{
	column-gap: 50px;
}
.mega-pointer-underline .premium-dropdown-icon{
	margin-right: -2px;
}

.level-2--trust-services.mega-pointer-underline{
	
	ul { list-style: none; padding: 0; margin: 0;
		display: flex;
	flex-direction: column;
	gap: 1em;}
	
	li{padding: 0 0 0 5px!important;
}
	
	li > a {
		font-weight: 400;
		color: black;
		padding-bottom: 3px; 
		
		&:hover{
			color: #FF9E1B!important;
		}
	}
}

.mega-pointer-underline .premium-sub-menu-item:not(:last-child) {
	margin-bottom: 11px!important;
}
.mega-pointer-underline li > a{
	--underline-width: 1px;
	--underline-color: #005172;
	/*Fix issue with menu adding padding even though it is set to 0 in settings*/	
	&:is(.premium-sub-menu-link){ 
		padding: 0; 
		:not(:first-child){
			margin-bottom: 11px;
		}
		
	}
	
	width: fit-content;
	background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), linear-gradient(var(--underline-color), var(--underline-color))!important;
  background-size: 10px var(--underline-width), 100% var(--underline-width), 0 var(--underline-width);
  background-position: calc(10px * -1) 100%, 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size .5s ease-out, background-position .5s ease-out, color .5s ease;
	
	&:hover{
			background-size: 10px var(--underline-width), 0 var(--underline-width), 100% var(--underline-width);
    	background-position: calc(100% + 10px) 100%, 100% 100%, 0 100%;
	}

}	
	
/* =========================
   TRUST SERVICES (v2)
   ========================= */

/* Wrapper: allow decorative bits to hang outside */
body:not(.elementor-editor-active) .mega-trust-services-v2{
  position: relative;
  overflow: visible !important;
}

/* Decorative strips (HIDDEN by default) */
body:not(.elementor-editor-active) .mega-trust-services-v2::before,
body:not(.elementor-editor-active) .mega-trust-services-v2::after{
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease;
}

/* Decorative strips (visible only when open) */
body:not(.elementor-editor-active) .mega-trust-services-v2.is-open::before,
body:not(.elementor-editor-active) .mega-trust-services-v2.is-open::after{
  opacity: 1;
}

/* Decorative strips styles */
.mega-trust-services-v2::before{
  content: '';
  position: absolute;
  width: 15px;
  height: 100%;
  top: 0;
  left: -10px;
  background-color: #fff;
  z-index: 14;
  border: none !important;
  border-radius: 0;
}

.mega-trust-services-v2::after{
  content: '';
  position: absolute;
  width: 10px !important;
  height: calc(100% - 10px);
  top: 5px;
  left: 3px;
  background: transparent;
  z-index: 15;
  border-left: 1px solid #eeeeee;
}

/* Panel: THIS is what slides open/closed (JS animates max-width + opacity here) */
body:not(.elementor-editor-active) .mega-trust-services-v2 > .level-2--trust-services{
  overflow: hidden;
  max-width: 0;
  opacity: 0;

  /* JS sets duration; this is fallback */
  transition: opacity 0.8s ease, max-width 0.8s ease;

  /* hide shadow from left edge (apply to the PANEL, not wrapper) */
  clip-path: inset(-10px -10px -10px 0px);
}

/* When Elementor editor is active, don't clamp it shut */
body.elementor-editor-active .mega-trust-services-v2 > .level-2--trust-services{
  max-width: none;
  opacity: 1;
}

.trust-services-mega-menu li{
	width: 175px;
}

/* =========================
   OFFICE LOCATIONS (v2)
   ========================= */

/* Wrapper overflow visible so its pseudo elements show */
body:not(.elementor-editor-active) .office-locations-mega-v2{
  position: relative;
  overflow: visible !important;
}

/* Decorative strips (HIDDEN by default) */
body:not(.elementor-editor-active) .office-locations-mega-v2::before,
body:not(.elementor-editor-active) .office-locations-mega-v2::after{
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease;
}

/* Decorative strips (visible only when open) */
body:not(.elementor-editor-active) .office-locations-mega-v2.is-open::before,
body:not(.elementor-editor-active) .office-locations-mega-v2.is-open::after{
  opacity: 1;
}

/* Decorative strips */
.office-locations-mega-v2::before{
  content: '';
  position: absolute;
  width: 15px;
  height: 189px !important;
  top: 0;
  left: -5px;
  background-color: #fff;
  z-index: 14;
  border: none;
  border-radius: 0;
}

.office-locations-mega-v2::after{
  content: '';
  position: absolute;
  width: 10px !important;
  height: 179px !important;
  top: 5px;
  left: 0;
  background-color: transparent;
  z-index: 15;
  border-left: 1px solid #eeeeee;
}

/* Panel inside office locations (JS animates max-width + opacity here) */
body:not(.elementor-editor-active) .office-locations-mega-v2 > .level-2--office-locations{
  max-width: 0;
  opacity: 0;
  transition: opacity 0.8s ease-in-out, max-width 0.8s ease;
}

body.elementor-editor-active .office-locations-mega-v2 > .level-2--office-locations{
  max-width: none;
  opacity: 1;
}

/*** End Mega Menu v2****/