/* === HEADER CSS ===*/
.header-container{padding:0px 80px;}
header.mega-header { position: fixed; width: 100%; top: 0; z-index: 11; min-height: 64px; transition: all 0.5s ease-in-out; background: #ffffff; }
.ip3-preview header.mega-header, .ip3-edit header.mega-header { position: relative } 
header.mega-header::before { content: ''; position: absolute; width: 100%; height: 100%; box-shadow: 0 10px 10px -10px rgba(33, 20, 95, 0.25); display: none } 
header.mega-header.nav--sticky.nav--up { top: -130px; } 
header.mega-header.nav--sticky.nav--down, header.mega-header.header-bg{ background: #ffffff;border-bottom: 1px solid rgba(102, 102, 102, 0.40); } 
header.mega-header .small-device-hide { display: block } 
header.mega-header .small-device-show.mmenu-col { display: none; } 
header.mega-header .header-wrapper { overflow-x: clip; } 
header.mega-header .logo-wrapper img { /*width: 80px;*/ width: 160px; height: auto } 

header.mega-header .header-search {margin-left: 13px;margin-top: 5px; margin-right: 25px;} 
header.mega-header .header-search > a.search-trigger { color: var(--white-light); font-size: 1.8rem; line-height: normal; text-decoration: none; border-radius: 50% } 

header.mega-header .search-main-wrapper { position: absolute; width: 100%; background: var(--white-color); /*top:130px;*/ top:82px; padding: 15px 0;  display: none; } 
header.mega-header .search-main-wrapper .search { position: relative; width: 50%; } 
header.mega-header .search-main-wrapper #searchTextbox { min-width: 100%; padding: 9px 35px 9px 16px; } 
header.mega-header .search-main-wrapper .search a.search-btn-trigger { position: absolute; right: 16px; text-decoration: none; color: var(--black-color); } 
header.mega-header .search-main-wrapper .search a.search-btn-trigger .icon-search,
header.mega-header.nav--sticky.nav--down .header-search > a.search-trigger span.icon,header.mega-header.header-bg .header-search > a.search-trigger span.icon{font-weight: 600;}

header.mega-header .prev-arrow-mobi-nav a.prev-arrow { font-size: 2.4rem; color: var(--blue-navy); text-decoration: none; position: absolute; left: 40px; transform: rotate(90deg); top: 15px; visibility: hidden; opacity: 0; transition: all 0.2s ease-in-out } 
.mmenu-nav-next header.mega-header .prev-arrow-mobi-nav a.prev-arrow { visibility: visible; opacity: 1 } 

header.mega-header #mmenu { display: none } 

header.mega-header { background: linear-gradient(180deg, rgba(8, 21, 127, 0.4) 13.5%, rgba(8, 21, 127, 0) 100%); } 
header.mega-header.mega-menu-open{background:var(--white-light)}
header.mega-header .header-wrapper { /*padding: 25px 0px; min-height: 130px;*/ padding: 19px 0px; min-height: auto; display: flex;flex-direction: column;justify-content: center;} 
header.mega-header .header-wrapper .main-navigation .main-nav-item { color:var(--white-light); padding: 8px 12px 6px 12px; border: 1px solid transparent;    position: relative;z-index: 2; } 
header.mega-header .header-wrapper .main-navigation .main-nav-level-1 { margin: 0; height:fit-content; } 
header.mega-header .header-wrapper .main-navigation .main-nav-item:hover { border: 1px solid var(--white-light); border-radius: 4px; } 
header.mega-header .header-wrapper .main-navigation .main-nav-level-1.current .main-nav-item,
header.mega-header.nav--sticky .header-wrapper .main-navigation .main-nav-level-1.current .main-nav-item{border:1px solid var(--white-light); box-shadow: var(--small-shadow); border-radius: 4px;color: var(--white-light); } 
header.mega-header.nav--sticky .header-wrapper .main-navigation .main-nav-level-1.current .main-nav-item, header.header-bg .header-wrapper .main-navigation .main-nav-level-1.current .main-nav-item{background: var(--cobalt-gradient);}
header.mega-header.mega-menu-open .header-wrapper .main-navigation .main-nav-level-1.current .main-nav-item, header.mega-header.nav--sticky.mega-menu-open .header-wrapper .main-navigation .main-nav-level-1.current .main-nav-item{background: var(--cobalt-gradient);}

header.mega-header .header-wrapper .main-navigation .main-nav-level-1.current-open .main-nav-item,header.mega-header.nav--sticky .header-wrapper .main-navigation .main-nav-level-1.current-open .main-nav-item { background: var(--cobalt-gradient); border-color: transparent; box-shadow: var(--small-shadow); border-radius: 4px;color: var(--white-light); } 
header.mega-header .header-wrapper .main-navigation .main-nav-level-1 .nav-container { display:none; position: absolute; width: 100%; left: 0; background-color: var(--white-light); top: 130px; border-top: 1px solid rgba(102, 102, 102, 0.4); } 

.sub-main-navigation .main-nav-level-2 .sub-navigation { position: absolute;top: 0;left: 100%;width: 100%;height: 100%; } 


header.mega-header .header-wrapper .main-navigation .main-nav-level-1 .nav-container .menu-outer-main > .container-fluid { padding-top: 48px; padding-bottom: 48px; } 

.nav-latest-reports-wrappers .h3 { background:var(--cobalt-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } 
.nav-latest-reports-wrappers { padding-right:16px; } 
.nav-latest-reports-wrappers .title{margin-bottom:8px;}
.nav-latest-reports-wrappers .link .cta{margin-top:8px;}
header.mega-header .header-wrapper .main-navigation .main-nav-level-1 .nav-container .sub-nav-col { border-left: 1px solid rgb(102 102 102 / 40%); border-right: 1px solid rgb(102 102 102 / 40%);padding: 0px; } 
.sub-main-navigation .main-sub-nav-item {line-height: 2.4rem;color: var(--graphite-prime);font-weight: 700;    padding: 10px 32px;width: 100%;display: block;position: relative;}
.sub-main-navigation .main-sub-nav-item span.icon{font-size: 10px;padding-left: 12px;transition: 0.5s;bottom: 15px;position: absolute;}

.sub-main-navigation .main-sub-nav-item:hover{background:var(--cobalt-gradient);color:var(--white-light);}
.sub-main-navigation .main-sub-nav-item:hover span.icon{display: inline-block;  padding-left: 19px;
}
.sub-main-navigation .main-nav-level-2 .sub-navigation.last-sub-nav{border-left: 1px solid rgb(102 102 102 / 40%);}


.nav-image-signpost .image img{border-radius: 16px 16px 0px 0px;min-height: 170px;margin-bottom: 16px;}
.nav-image-signpost .date span{color: var(--graphite-prime);font-size: 1.2rem;line-height: 1.4rem;letter-spacing: 1px;text-transform: uppercase;
display: block;padding: 0px 16px;}
.nav-image-signpost .content p{color: var(--cobalt-prime);padding: 12px 16px 16px;}
.nav-image-signpost{filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.15));background-color: var(--white-prime);}

.nav-annual-report .report-image img{filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.15));border-radius: 16px;min-height: 277px;}

.nav-image-box{opacity: 1;transition: 2s;}
.nav-report-box{opacity: 1;transition: 2s;}

.nav-image-box.hide{opacity: 0;transition: 1s;}
.nav-report-box.hide{opacity: 0;transition: 1s;}

header.mega-header .logo-wrapper img.logo-blue{display:block;}
header.mega-header .logo-wrapper img.logo-white{display:none;}
header.mega-header.mega-menu-open .logo-wrapper img.logo-white{display:block;}
header.mega-header.mega-menu-open .logo-wrapper img.logo-blue{display:none}
header.mega-header.mega-menu-open .header-wrapper .main-navigation .main-nav-item{color: var(--graphite-dark);}
header.mega-header.mega-menu-open .header-wrapper .main-navigation .main-nav-item:hover{border-color: var(--cobalt-prime);
    color: var(--cobalt-prime);}
header.mega-header.mega-menu-open .header-search > a.search-trigger{color: var(--graphite-dark)}

header.mega-header.mega-menu-open .header-wrapper .main-navigation .main-nav-level-1.current .main-nav-item:hover{color: var(--white-light);}
.sub-main-navigation .main-nav-level-2.current > .main-sub-nav-item,.sub-main-navigation .main-nav-level-2.selected > .main-sub-nav-item{background: var(--cobalt-gradient);color: var(--white-light);}
.sub-main-navigation .main-nav-level-3.current > .main-sub-nav-item{background: var(--cobalt-gradient);color: var(--white-light);}
.sub-navigation.middle-sub-nav, .sub-navigation.last-sub-nav{z-index: 2;opacity: 0;visibility: hidden;transition: .5s;}

        
header.mega-header .header-search > a.search-trigger:focus{ooutline: 1px solid var(--lithium-light);
z-index: 10;
border-radius: 0px;}  

.header-wrapper .right-nav-container .main-navigation{flex-wrap: wrap;justify-content: flex-end;gap:8px}
.header-wrapper .right-nav-container .main-navigation .secondary-nav{flex: 0 0 100%;display: flex;justify-content: flex-end;margin-right: -40px;margin-top: 22px;}
.sub-main-navigation .main-nav-level-4 .main-sub-nav-item .icon{font-size: 2.0rem;bottom: 12px;}
header.mega-header.mega-menu-open .header-wrapper .main-navigation .main-nav-level-1.current-open .main-nav-item:hover{color: var(--white-light);}

header.mega-header.nav--sticky.nav--down .logo-wrapper img.logo-white,header.mega-header.header-bg .logo-wrapper img.logo-white{display:block;}
header.mega-header.nav--sticky.nav--down .logo-wrapper img.logo-blue,header.mega-header.header-bg .logo-wrapper img.logo-blue{display:none}
header.mega-header.nav--sticky.nav--down .header-wrapper .main-navigation .main-nav-item,header.mega-header.header-bg .header-wrapper .main-navigation .main-nav-item{color: var(--graphite-dark);}
header.mega-header.nav--sticky.nav--down .header-wrapper .main-navigation .main-nav-item:hover,header.mega-header.header-bg .header-wrapper .main-navigation .main-nav-item:hover{border-color: var(--cobalt-prime);color: var(--cobalt-prime);}
header.mega-header.nav--sticky.nav--down .header-search > a.search-trigger,header.mega-header.header-bg .header-search > a.search-trigger{color: var(--graphite-dark)}
header.mega-header.nav--sticky.nav--down .header-wrapper .main-navigation .main-nav-level-1.current .main-nav-item:hover,header.mega-header.header-bg .header-wrapper .main-navigation .main-nav-level-1.current .main-nav-item:hover{color: var(--white-light);}

.sub-main-navigation .main-nav-level-2 .sub-navigation.middle-sub-nav.active,.sub-main-navigation .main-nav-level-3 .sub-navigation.last-sub-nav.active{opacity: 1;visibility: visible;    left: 100%; top:0%;    transition: 1s;}
header.mega-header .header-wrapper .main-navigation .main-nav-level-1.selected .main-nav-item, header.mega-header.nav--sticky .header-wrapper .main-navigation .main-nav-level-1.selected .main-nav-item{border: 1px solid var(--white-light);box-shadow: var(--small-shadow);border-radius: 4px;color: var(--white-light);background: var(--cobalt-gradient);}
header.mega-header.nav--sticky .header-wrapper .main-navigation .main-nav-level-1.selected .main-nav-item,header.mega-header.mega-menu-open .header-wrapper .main-navigation .main-nav-level-1.selected .main-nav-item{background: var(--cobalt-gradient);}
header.mega-header .header-wrapper .main-navigation .main-nav-level-1:focus + .secondary-nav{display:none;}
.haschildren:hover .sub-navigation {top: 10%;}

@keyframes myAnim {
0%,100% {transform: translateX(0); } 
10%,30%,50%,70% {transform: translateX(-8px); } 
20%,40%,60% {transform: translateX(8px); } 
80% {transform: translateX(5px); } 
90% {transform: translateX(-5px); } 
}

@media all and (max-width: 1100px) and (min-width:991.98px) {
header.mega-header .header-wrapper .main-navigation .main-nav-item{    padding: 8px 8px 6px;}
}
@media all and (max-width:1199px){
 header.mega-header.mega-menu-mobile-open{background:var(--white-light)}
}
@media all and (max-width: 1199px) {
header.mega-header .header-search > a.search-trigger {font-size: 1.8rem;width: 24px;height: 24px; }
header.mega-header .header-search > a.search-trigger span.icon.icon-close{font-size:2.2rem;}
 header.mega-header { min-height: 56px; z-index: 10; z-index: 15;} a
 header.mega-header .left-nav-container .logo-wrapper { opacity: 1; transition: all 0.1s ease-in-out } 
 header.mega-header.nav--sticky.nav--up { top: -56px; } 
header.mega-header nav#main-navigation .nav-container { top: 56px } 
 header.mega-header .search-main-wrapper { top: 56px } 
 header.mega-header .logo-wrapper img { /*width: 40px*/ width: 120px; } 
 header.mega-header .header-wrapper { padding: 12px 0px;min-height: 64px;}
 header.mega-header .header-search {margin: 14px 15px 0 13px;}
header.mega-header .header-search > a.search-trigger.acti-search-trigger{margin-top: -3px;}
 
 
 header.mega-header.mega-menu-mobile-open{background:var(--white-light)}
header.mega-header.mega-menu-mobile-open .logo-wrapper img.logo-white{display:block;}
header.mega-header.mega-menu-mobile-open .logo-wrapper img.logo-blue{display:none}
header.mega-header.mega-menu-mobile-open .header-wrapper .main-navigation .main-nav-item
{color: var(--graphite-dark);}
header.mega-header.mega-menu-mobile-open .header-wrapper .main-navigation .main-nav-item:hover
{border-color: var(--cobalt-prime);color: var(--cobalt-prime);}
header.mega-header.mega-menu-mobile-open .header-search > a.search-trigger
{color: var(--graphite-dark)}

header.mega-header.mega-menu-mobile-open .header-wrapper .main-navigation .main-nav-level-1.current .main-nav-item:hover{color: var(--white-light);}
.header-container{padding: 0 32px;}
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-thumb {
  background: var(--cobalt-gradient); 
  border-radius: 5px;
}
::-webkit-scrollbar-track {
    background: rgb(102 102 102 / 40%);
  border-radius: 5px;
}
.mobile-navigation .parent-heading span{background: linear-gradient(90deg, #060F76 0%, #1D5EDC 40%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;font-size: 3.6rem;
line-height: 4.4rem;padding: 0px 92px;
margin-top: 53px;
margin-bottom: 5px;font-weight:700;}
.mobile-navigation .parent-heading{margin-bottom: 20px;}
.mm-menu.mm-multiline .mm-listview > li.haschildren:hover > a.parent-link{color:var(--white-light)}
.mm-menu #mobinav-section-Homepage-level1 li.parent-li,.mm-menu #mobinav-section-Homepage-level1 li.parent-heading{display:none;}
 }
@media all and (max-width: 767.98px) {
header.mega-header .search-main-wrapper .search { width: 100% } 
header.mega-header .header-wrapper{min-height:56px;}
header.mega-header .logo-wrapper img{/*width:32px;*/ width: 96px;}
.header-container{padding: 0 15px}
.mobile-navigation .parent-heading span{font-size:20px;line-height:28px;font-weight:400;margin-top: 24px;padding: 0px 32px;}
.mobile-navigation .parent-heading{margin-bottom: 20px;}
header.mega-header .header-search{margin: 10px 15px 0 13px;}
header.mega-header .header-search > a.search-trigger{margin-top: 0;}
 }

/* === HEADER CSS ===*/

body.nojs header.mega-header .header-search { display: none } 
header.mega-header .header-wrapper .main-navigation .openmenu-hover  .openmenu-block { display: none;} 

header.mega-header .header-wrapper .main-navigation .openmenu-hover.closeBtn .openmenu-block { display: none !important;} 
header.mega-header .header-wrapper .main-navigation .openmenu-hover:hover .openmenu-block,header.mega-header .header-wrapper .main-navigation .openmenu-hover:focus-within .openmenu-block { display: block;} 

header.mega-header .header-wrapper .main-navigation .main-nav-level-1 .nav-container {
background-color: transparent;
border-top: none;
/*padding-top:60px;*/
padding-top:26px;
top:55px;
}

.menu-outer-main{
background-color: var(--white-light);
border-top: 1px solid rgba(102, 102, 102, 0.4);
}

.hover-second-child .sub-navigation,header.mega-header .header-wrapper .main-navigation .sub-main-navigation:not(:hover) .openmenu-hover:focus-within .sub-navigation {opacity:1; visibility: visible;top:0% !important;}

header.mega-header .header-search {margin-top: 0px;}
.mburger {top: 0px;}

.close-icon-outer {
    display: flex;
    justify-content: flex-end;
}
.close-icon-outer a {
	color: var(--graphite-prime);
    margin-bottom: 20px;
}
.close-icon-outer a:hover {
    color: #1136A8;
}
.close-icon-outer a span {
    font-weight: 800;
    font-size: 30px;
}
@media all and (max-width:1199px){
header.mega-header .header-search{margin-top: 5px;}
}
.mm-next:has(+ .nav-big[data-hide-meganav="1"]) {
    display: none;
}