/* header */
.top-left-nav a{font-size:11px; letter-spacing: 0.2px;}
.top-left-nav a:hover{opacity:0.8;}
.top-numbers{font-size: 11px;}
.top-numbers a{color: #ffffff; opacity: 0.8;}
.top-numbers a:hover{opacity: 1;}

.header{transition:all 0.7s ease;}
.scrolled{top: -34px!important;}
.header{z-index: 9999;}
.header-top{background:var(--secondaryClr);}

.top-nav a{font-size: 11px; padding: 4px 10px 3px 10px; vertical-align: text-bottom; color: var(--BlackClr);}
.top-nav a:hover{--bs-text-opacity: 1!important;}

.top-nav .dropdown-menu{box-shadow: 0px 8px 6.3px rgba(0, 0, 0, 0.1); border-radius: 0px 0px 9px 9px;}
.top-nav .dropdown-menu li a:hover{background: var(--secondaryClr); color: var(--WhiteClr);}
.login-bucket{min-width: 100px;}
.language-bucket{min-width:80px;}

.top-nav .dropdown-menu {top: 100% !important; transform: translateY(10px)!important; transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1); opacity: 0; visibility: hidden;}
.top-nav .dropdown-menu.show {transform: translateY(0px)!important; opacity: 1; visibility: visible;}
.top-nav .dropdown-toggle::after{background: url('../images/down-angle.svg') no-repeat center;  border: 0px; width: 9px; height: 8px; background-size: contain; top: 4px; position: relative; margin-left:8px;}


/* Main menu start */
.menu-main{column-gap: 30px;}
.header .menu > ul > li{padding:25px 0px;}
.header .menu > ul > li > a{font-size:13px; text-transform: uppercase; color:inherit; transition:color 0.3s ease;}
.header .menu > ul > li > a:hover{color:#0062ae;}
.header .menu > ul > li > a.active{color:#0062ae!important;}
.header .menu > ul > li > a i img{margin-left:4px; max-height:7px; margin-top:-3px; transition:all 0.5s ease;}
.header .menu > ul > li:hover > a i img{transform:rotate(-180deg);}

.header .menu > ul > li .sub-menu{z-index:500; padding:1rem; top:73px; left: 0px; margin-top:25px; opacity:0; visibility:hidden; background: #ffffff; box-shadow: 0px 8px 6.3px rgba(0, 0, 0, 0.22); border-radius: 0px 0px 9px 9px; transition:all 0.5s ease;
}

.btn-secondary-bg span.request-meeting-btn{padding: 0.4rem 1rem 0.53rem 1rem; font-size: 14px;}
.department-links a{font-size: 14px; color: var(--secondaryClr);}
.department-links a:hover{color: var(--PrimaryClr);}


@media (min-width: 1025px) {
  .department-links{grid-template-columns: 1fr 1fr; row-gap:1rem;}

  .desk-flex{display: flex;}
  .desk-position{position: relative;}
  .genie-sub-nav{width: 290px!important; transform: unset!important;}
  .hide-wap{display: none;}
  .header .menu > ul > li.menu-item-has-children:hover .sub-menu{margin-top:0; visibility:visible; opacity:1;}
  .department-bucket{width:390px!important; transform: unset!important; left: 0px!important;}
}

@media (max-width: 1025px) {
  .header-btn-group{margin-inline-start: auto;}
  .department-links li{border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 1rem 0px;}
}

.header .menu > ul > li .sub-menu.mega-menu{left:50%; transform:translateX(-50%);}
.mobile-menu-head, .mobile-menu-trigger{display:none;}

/*responsive*/
@media(max-width:1025px){
	.header .mobile-menu-trigger{
		display:flex;
		height:30px;
		width:30px;
		margin-left:15px;
		cursor:pointer;
		align-items:center;
		justify-content:center;
	}
	.header .mobile-menu-trigger span{
		display:block;
		height:2px;
		background-color:#000000;
		width:24px;
		position:relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content:'';
		position:absolute;
		left:0;
		width:100%;
		height:100%;
		background-color:#000000;
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
	.header .item-right{
		align-items:center;
	}

	.header .menu{
		position:fixed;
		width:320px;
		background-color:#ffffff;
		left:0;
		top:0;
		height:100%;
		overflow:hidden;
		transform:translate(-100%);
		transition:all 0.5s ease;
		z-index:1099;
	}
	.header .menu.active{
	   transform:translate(0%);	
	}
	.header .menu > ul > li{
		line-height:1;
		margin:0;
		display:block;
    padding:0px;
	}
	.header .menu > ul > li > a{
		line-height:50px;
		height:50px;
		padding:0 50px 0 15px;
		display:block;
		border-bottom:1px solid rgba(0,0,0,0.1);
    color:var(--BlackClr);
	}
  .header .menu > ul > li > a i img{
    max-height:unset;
  }
	.header .menu > ul > li > a i{
		position:absolute;
		height:50px;
		width:50px;
		top:0;
		right:0;
		text-align:center;
		line-height:50px;
		transform:rotate(0deg);
	}
	.header .menu .mobile-menu-head{
		display:flex;
		height:50px;
		border-bottom:1px solid rgba(0,0,0,0.1);
		justify-content:space-between;
		align-items:center;
		position:relative;
		z-index:501;
		position:sticky;
		background-color:#ffffff;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height:50px;
		width:50px;
		border-right:1px solid rgba(0,0,0,0.1);
		cursor:pointer;
		line-height:45px;
		text-align:center;
		display:none;
	}
  .header .menu .mobile-menu-head .go-back img{
    height:15px;
  }
	.header .menu .mobile-menu-head.active .go-back{
		display:block;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		color:var(--PrimaryClr);
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height:50px;
		width:50px;
		border-left:1px solid rgba(0,0,0,0.1);
		cursor:pointer;
		line-height:50px;
		text-align:center;
		color:#000000;	
		font-size:25px;
	}
	.header .menu .menu-main{
		height:100%;
		overflow-x:hidden;
		overflow-y:auto;
	}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility:visible;
		opacity:1;
		position:absolute;
		box-shadow:none;
		margin:0;
		padding:15px;
		top:0;
		left:0;
		width:100%;
		height:100%;
		padding-top:65px;
		max-width:none;
		min-width:auto;
		display:none;
		transform:translateX(0%);
		overflow-y:auto;
		border: 0px!important;
	}

.header .menu > ul > li .sub-menu.active{
	display:block;
}
	@keyframes slideLeft{
		0%{
			opacity:0;
			transform:translateX(100%);
		}
		100%{
			opacity:1;
			transform:translateX(0%);	
		}
	}
	@keyframes slideRight{
		0%{
			opacity:1;
			transform:translateX(0%);
		}
		100%{
			opacity:0;
			transform:translateX(100%);	
		}
	}

	.header .menu > ul > li .sub-menu > ul > li > a,
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
		display:block;
	}
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom:15px;
	}
	.menu-overlay{
		position:fixed;
		background-color:rgba(0,0,0,0.5);
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:1098;
		visibility:hidden;
		opacity:0;
		transition:all 0.5s ease;
	}
	.menu-overlay.active{
	  visibility:visible;
	  opacity:1;	
	}

}

/* FOOTER START */
.footer-top{background: var(--PrimaryClr);}
.footer-top p{font-size: 12px;}
.footer-top .phone-link:hover{color: var(--secondaryClr)!important;}

.footer-main{background: var(--secondaryClr);}
.footer-nav-outer{grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: 42px; color:#bcd0e2;}

.about-col p{font-size: 14px; color: currentColor; line-height: 1.5rem;}
footer .socials a{width:36px;height:36px; background:#203444; display:grid;place-items:center;color:#cfe0ef;transition:.2s}
footer .socials a:hover{background:var(--PrimaryClr);color:#fff}
footer .socials a .svgi{width:18px;height:18px}

.footer-nav-outer h4{font-size:14px; letter-spacing:0.5px;}
.fnav li{margin-bottom:0.4rem;}
.fnav li a{color: currentColor; font-size: 13px;}
.fnav li a:hover{color: var(--PrimaryClr);}

footer .contact li{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px; font-size: 14px;}
footer .contact .svgi{width:16px;height:16px;color:#8fb4d6;margin-top:3px;flex:none}
footer .contact li a{color: currentColor;}
footer .contact li a:hover{color: var(--PrimaryClr);}

.footer-copy{border-top: solid 1px #233746; font-size:12px; color: #bcd0e2;}
.footer-copy a{color: currentColor;}
.footer-copy a:hover{color: var(--PrimaryClr);}


@media all and (max-width:767px){
	.footer-nav-outer{grid-template-columns: 1fr;}
}


.svgi{display:inline-block;width:24px;height:24px;flex:none;fill:none;stroke:currentColor; stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.footer-top .svgi {width: 28px; height: 28px; stroke-width:1.5; color: var(--WhiteClr);}