/* 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;}

.top-numbers::before{content: ''; position: absolute; left: -30px; top:-9px; width:320px; height:34px; background: var(--PrimaryClr);}

.header{transition:all 0.7s ease; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px;}
/* .scrolled{top: -34px!important;} */
.header{z-index: 9999;}
.header-top{background:var(--BlueClr);}

.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; right: 0px;}
.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:0.8rem;}

  .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;}
  .contact-bucket{width:180px!important;}
  .contact-bucket .department-links{grid-template-columns: 1fr;}

}

@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{
		padding: 20px 50px 20px 15px;
		display:block;
		border-bottom:1px solid rgba(0,0,0,0.1);
    color:var(--BlackClr);
	text-transform: capitalize;
	}
  .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(--BlueClr);}
.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:#EBF5FD; display:grid;place-items:center;color:#142634;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 #17639f; font-size:12px; color: #bcd0e2;}
.footer-copy a{color: currentColor;}
.footer-copy a:hover{color: var(--PrimaryClr);}


@media all and (max-width:767px){
	/* .scrolled {top: -59px !important;} */
	.footer-nav-outer{grid-template-columns: 1fr;}
	.top-numbers{width: 100%; justify-content: center;}
	.top-numbers::before{height: 30px; width: calc(100% + var(--bs-gutter-x)); left: calc(var(--bs-gutter-x) * -0.5);}
	.wap-location{width: 100%; justify-content: space-between;}
	.logo-chip img{max-height: 50px!important;}
	.about-col p{text-wrap: auto; padding: 0px 1rem;}
}


.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);}

/* Mega dropdown: centres (left) + menu submenus (right) */
.centres-heading{font-size:15px; font-weight:700; color:var(--BlackClr); padding:0.5rem 0.5rem 0.5rem 0rem; border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.centres-heading a{color:inherit;}
.centres-heading a:hover{color:var(--PrimaryClr);}
.centres-links a, .centres-side-links a{display:block; padding:0.5rem 0.5rem 0.5rem 0rem; font-size:14px; color:var(--secondaryClr);}
.centres-links a:hover, .centres-side-links a:hover{color:var(--PrimaryClr);}
.centres-links li, .centres-side-links li{border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.centres-side-links a{font-weight:700; color:var(--BlackClr);}

@media (min-width: 1025px) {
  /* Anchor the panel to the header row (not the <li>) so it can span the container width */
  .header > .container{position:relative;}
  .header .menu > ul > li.centres-menu{position:static;}
  .centres-bucket{max-width: 700px; width:100%!important; top:100%!important; left:50%!important; transform:translateX(-50%)!important; padding:0.5rem 1rem 1rem!important;}
  .centres-mega{display:grid; grid-template-columns:minmax(0, 2fr) minmax(0, 1fr); column-gap:3rem; align-items:start;}
  .centres-links{display:grid; grid-template-columns:1fr 1fr; column-gap:1.5rem;}

  .about-bucket.contact-bucket .department-links{grid-template-columns: 1fr 1fr;}
  .about-bucket.contact-bucket{width: 330px!important;}

  .pcare-bucket.contact-bucket .department-links{grid-template-columns: 1fr 1fr;}
  .pcare-bucket.contact-bucket{width:400px!important;}

  .location-bucket.contact-bucket{width:300px!important;}
}

@media (max-width: 1025px) {
  .centres-mega{display:block;}
  .centres-heading{padding-left:0; padding-right:0; color:var(--PrimaryClr);}
  .centres-links a, .centres-side-links a{padding:1rem 0;}
  .centres-side-col{margin-top:1rem;}
}