/* ===  HEADER ticker CSS === */
.header_iframe-wrap {position: relative;height: 20px;}
.header_iframe-wrap.one{width: 445px;margin-right: 20px;}
.header_iframe-wrap.two {width: 373px;border-right: 1px solid;  margin-right: 24px;}
.externalwebIFrame {width: 100% !important;}
.header-shareprice-wrapper{background-color: var(--sky);padding: 12px 0px;height: 48px;}
.ticker-logo p.m-0{line-height: normal;}
.mega-header .ticker-logo svg{margin-left:10px;}
.ticker-logo a:hover svg path{fill:var(--red);}
.header-shareprice-wrapper a .blocker {position: absolute;  height: 100%;  width: 100%;  z-index: 1;}

@media all and (max-width: 1200px) { 
 .header_iframe-wrap.one{margin-right: 14px;}
 .header_iframe-wrap.two { margin-right: 14px;}
 .header-shareprice-wrapper .container-fluid{padding-right: 16px;  padding-left: 16px;}
}
/* ===  HEADER ticker CSS === */


/* === GLOBAL HEADER CSS === */
.ip3-preview header.mega-header, .ip3-edit header.mega-header { position: relative } 
.header-container__inner{padding:0px 64px;}
header .right-menu-items #main-navigation{border-radius: 30px;  background: rgba(255, 255, 255, 0.6);  padding: 4px; backdrop-filter: blur(3rem);right: 64px;  position: absolute; min-width: 57.4%; transition: 0.3s all ease-in-out;min-height: 43px;justify-content: space-between;}
#main-navigation.animation-show-hide .level1 {  display: none;}
header .main-nav-level-1.last a.main-nav-item{border-radius: 30px;  background: var(--red);  padding: 8px 21px !important;}
header .search-icon-btn{padding: 4px;  border: none;  background: none;  font-size: 2.2rem;}
.header-search.level1.search {  padding: 0px 32px 0px 16px;}
header .header-wrapper {  margin-top: 48px;padding: 0px;  position: relative;}
.mega-header .nav-font { color: var(--anthracite);  font-size: 1.6rem; line-height: 19.2px;} 
.mega-header .main-nav-level-2 a.nav-font {padding: 14px 0px;  color: var(--neutral-70);  display: inline-block;} 
.mega-header .main-nav-level-2 {border-bottom: 1px solid var(--neutral-70);}
.mega-header .main-nav-level-2:last-child{ border-bottom: none;}
.sub-navigation > a.main-sub-nav-item.highlited.nav-font { display: none; }
/* === GLOBAL HEADER CSS === */


/* === HEADER CSS ===*/
header.mega-header { position: fixed; width: 100%; top: 0; z-index: 11; transition: all 0.1s ease-in-out; max-width:100%;left: 0;right: 0;margin: 0 auto; padding-bottom: 32px;}
.main-nav-level-2.haschildren a.span.icon.icon-carrot-down > span.icon { margin-left: 10px; margin-right: 19px; } 
header.mega-header.nav--sticky{ background: var(--soft-white);  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15); } 
header.mega-header .small-device-hide { display: block } 
header.mega-header .small-device-show.mmenu-col { display: none; } 
header.mega-header .logo-wrapper img { width: 108px; height: auto } 
header.mega-header nav#main-navigation a { text-decoration: none; transition: all 0.3s ease-in-out; } 
a.main-sub-nav-item.nav-1-hide {  color: var(--neutral-70);}
.mega-header .main-nav-level-2 a.nav-font:hover {  color: var(--neutral-100);}
a.main-sub-nav-item.rotate-icon, a.main-sub-nav-item.nav-2-hide.open-sub-navigation {color: var(--black);}



.level1.haschildren.last > a.main-nav-item{color: var(--bright-white);}

.level1.haschildren.last > a.main-nav-item > i.circle{background-color: var(--bright-white);}
.level1.current.haschildren.last > a.main-nav-item > i.circle,
.level1.haschildren.last > a.main-nav-item:hover > i.circle {background-color:var(--bright-white) !important; opacity: 1;}

header.mega-header nav#main-navigation .main-nav-level-1 a.main-nav-item { text-transform: uppercase; padding: 8px 16px;} 
header.mega-header nav#main-navigation a.actilink, 
header.mega-header nav#main-navigation a.acti_link {font-size: 1.6rem; line-height: 2.0rem; position:relative; } 
header.mega-header nav#main-navigation .main-nav-level-1:hover i.circle {background-color: rgba(26, 30, 34, 1);}
header .main-navigation .main-nav-level-1.level1.selected.haschildren a.main-nav-item,
header .nav-container .main-nav-level-2.haschildren .sub-navigation { display: none; margin-left: 16px;} 
header .nav-container .main-nav-level-2.haschildren .sub-navigation.open-sub {transition: all 0.3s cubic-bezier(1,0,0,1);  height: 100%;  opacity: 1;  transform-origin: 100% 0%;visibility: visible;} 
header.mega-header nav#main-navigation .main-nav-level-1.level1.haschildren:focus-within > .nav-container,
header.mega-header nav#main-navigation .main-nav-level-1.level1.haschildren:hover > .nav-container, header.mega-header nav#main-navigation a.main-nav-item:hover + a.span.icon.icon-carrot-down + .nav-container { display: block !important; } 
header .nav-container .main-nav-level-2.haschildren a.main-sub-nav-item.nav-1-hide.open-sub-nav > span.icon { transform: rotate(180deg); transition: all 0.3s ease-in-out; } 
header .nav-container .main-nav-level-2.selected.haschildren:hover a.main-sub-nav-item { background-color: var(--arriva-purple); color: var(--white-color) !important; } 
header.mega-header nav#main-navigation a.span.icon.icon-carrot-down { line-height: normal; position: relative; transition: all 0.3s ease-in-out; } 
header.mega-header nav#main-navigation a.nav-font > span.icon { font-size: 13px; transition: all 0.3s ease-in-out; } 
header.mega-header nav#main-navigation a.span.icon.icon-carrot-down.actinav > span.icon { transform: rotate(180deg) } 
header.mega-header nav#main-navigation a.span.icon.icon-carrot-down.acti_nav > span.icon { transform: rotate(180deg); color: var(--white-color); }  
header.mega-header nav#main-navigation a.main--sub-nav-item { display: inline-block;  padding: 14px 0px;  border-bottom: 1px solid var(--neutral-70);}
header.mega-header nav#main-navigation a.main--sub-nav-item{width:100%; }
nav#main-navigation .level3.last > a.main--sub-nav-item {border-bottom: none;}

/* === search box deskop CSS starts === */
header .main-nav-level-1.last a.main-nav-item i.circle{background-color: var(--anthracite);opacity: 0.4;}
header .main-nav-level-1.last a.main-nav-item:hover i.circle{opacity: 1;}
.nav-container i.circle{display:none;}
header i.circle {height: 5px;width: 5px;background-color: rgba(157, 158, 157, 1);border-radius: 50%;margin-left: 4px;margin-top: 5px;}
.main-nav-level-1.selected i.circle, .main-nav-level-1.current i.circle{background-color: var(--red)}
header.mega-header .search-main-wrapper.search-desktop{margin: 0 32px 0 68px;  position: relative;}
.search-btn-trigger {transition: all 0.5s ease-in-out;}
.header-search-mob a.search-trigger, header.mega-header .header-search > a.search-trigger { color: var(--arriva-dark-blue); font-size: 1.8rem; line-height: normal; background: var(--grey-three); text-decoration: none; width: 40px; height: 40px; border-radius: 50% } 
header.mega-header nav#main-navigation .nav-container { position: absolute;width: fit-content;margin: 0 auto;z-index: 0;border-top: 15px solid transparent; display:none;} 
header.mega-header .main-nav-level-1.last .nav-container{right:0;}
header.mega-header nav#main-navigation .nav-container .sub-main-navigation {background: rgba(255, 255, 255, 0.9);  border-radius: 16px;  padding: 0 24px;  backdrop-filter: blur(3rem);width: 100%;}
.sub-main-navigation .main-nav-level-2{width:100%; position: relative;display: inline-block;}
.header-search-open {display: none; right: 64px;position: absolute;height: 43px; pointer-events: none;opacity: 0;pointer-events: all;overflow: hidden;border-radius: 3rem;padding: 4px 18px;transition: 0.4s all ease-in-out; min-width: 30%;}
#searchTextbox{width:100%;background: transparent;  border: none;padding-left: 8px;}
.header-search-open.show-search-box {  display: flex;  opacity: 1;  pointer-events: all;  transition: 0.3s all ease-in-out; transition-delay: .4s;}
#main-navigation.hide-main-navigation {  min-height: 43px; min-width: 30% !important; transition: 0.5s all ease-in-out; }
#main-navigation.hide-main-navigation > .header-search,#main-navigation.hide-main-navigation > .main-nav-level-1 {display:none;}
header .search__close, header .search__icon-input{border: none;  background: none !important;  font-size:2.2rem; padding: 0;}
#searchTextbox:focus-visible { outline: none;}
.mobile-inv-btn{display:none;}

/* === search box deskop CSS ends === */
@media screen and (max-height: 760px) {
 #main-navigation .haschildren.last .nav-container .sub-main-navigation{overflow-y: scroll;max-height: 481px;overflow-x: hidden;}
}
@media screen and (max-height: 660px) {
  #main-navigation .haschildren.last .nav-container .sub-main-navigation{height: 440px;}
}

/* === NEW GLOBAL HEADER CSS === */
@media all and (min-width: 2000px) {
  header .right-menu-items #main-navigation {justify-content: space-around;}
}
@media all and (max-width: 1439.98px) {
  .mega-header .nav-font { font-size: 1.4rem;}
  header.mega-header nav#main-navigation .main-nav-level-1 a.main-nav-item{padding: 8px 8px;}
}
 
@media all and (max-width: 1150px) {
  .header-container__inner { padding: 0px 15px; }
  header .right-menu-items #main-navigation { right: 15px; }
  header.mega-header .search-main-wrapper.search-desktop{margin-right: 62px;}
  header.mega-header nav#main-navigation a.main-nav-item { margin-right: 5px; } 
  header.mega-header .logo-wrapper img { width: 97px; } 
  header.mega-header .nav-font {font-size: 1.3rem;}
  .header-search-mob a.search-trigger, header.mega-header .header-search > a.search-trigger{font-size: 1.5rem;}
  .mega-header .main-nav-level-2 { border-bottom: none;}
  header.mega-header .main-nav-level-1.last { margin-left: 0px; }
  .header-search.level1.search {  padding: 0px 13px 0px 0px;}
 .header-search-open{min-width: 50%; right: 15px;}
#main-navigation.hide-main-navigation {  min-width: 50% !important;}
}

/* ==== mobile menu custom ==== */

@media all and (max-width: 991.98px) { 
  header.mega-header .header-wrapper { padding: 40px 24px 14px 24px; margin-top: 0; }
  header.mega-header{padding-bottom: 0px;}
  header.mega-header.nav--sticky{background: transparent;box-shadow: none;}
  .header-container__inner {padding: 0px;}
  .externalwebIFrame {width: 100% !important;}

}


/*=== hamburger css starts ==*/
.mobile-burger.mburger-collapse {position: relative;  width: 6.6rem;  height: 3.4rem;  overflow: hidden;  border: medium;  border-radius: 3rem; background: rgba(255, 255, 255, 0.25);; backdrop-filter: blur(30px);}
.mburger{translate: none;  rotate: none;  scale: none;  position: absolute;  left: calc(53% - 0.9rem);   width: 1.5rem;height: 0.2rem; background-color: var(--neutral-100);transform-origin: 18px 1px 0px;}
.mburger_first {top: calc(50% - 0.4rem);  transform: translate(0px);}
.mburger_seocnd {top: calc(50% + 0.2rem);   transform: scale(0.7778, 1);transition: 0.3s all ease-in-out;}
.mobile-burger.active .mburger_first {transform-origin: 50% 50% 0px;  transform: translate(0px, 3px) rotate(-45deg);}
.mobile-burger.active .mburger_seocnd {transform-origin: 50% 50% 0px;  transform: translate(0px, -3px) rotate(45deg);}

/*=== hamburger css ends==*/
#close-search {color: var(--neutral-100);}
#close-search:hover {color: var(--neutral-90);}
.mobile-m-wrapper ul li a {position:relative;}
.nav-container-mobile { display: none;}
#mmenu {background: linear-gradient(180deg, #92B8B3 27.08%, #B8DDD8 100%);;  width: 0rem;  height: 100vh;  position: fixed;  left: 0;  transform: translateX(-5rem);  top: 0; overflow: scroll;  z-index: 0;transition: 0.3s;  opacity: 0;   padding: 88px 24px 40px 24px; display:none;}
#mmenu.mmenu-expanded{  transform: translateX(0rem);  width:100%;  display: block;  opacity: 1;  z-index: 1;}
.mobile-m-wrapper{padding:20px 24px;}
.mobile-m-wrapper ul{padding: 0;margin: 0;}
li.level2 a{position: relative;}
.mobile-m-wrapper li.level1 .mobile-nav-dot{height: 5px;  width: 5px;  background: var(--neutral-80);  border-radius: 50%;  opacity: 0.3;  margin-top: 5px;  margin-left: 4px;  position: absolute;}
.mobile-m-wrapper li.level1.last .mobile-nav-dot {  margin-left: 4px;  position: relative;  right: 0;  }
.mobile-m-wrapper li.level1.last.selected .mobile-nav-dot, 
.mobile-m-wrapper li.level1.last.current .mobile-nav-dot{background-color: var(--soft-white); opacity: 0.3;}
.mobile-m-wrapper li.level1.selected .mobile-nav-dot, .mobile-m-wrapper li.level1.current .mobile-nav-dot{background: var(--red);opacity: 1;}

@media all and (max-width: 991.98px) { 
  #mmenu {display:block;}
}

@media all and (max-width: 380px) { 
.mobile-m-wrapper {  padding: 20px 0px;}
}
 
li.level2 a::after{ content:none !important;}
#mmenu .main-nav-level-01.haschildren,#mmenu #main-navigation a,#mmenu .sub-main-navigation, #mmenu .nav-container .sub-main-navigation{display: inline-block !important; position: relative;}
#mmenu .nav-container-mobile {margin-top: 8px;}
.right-menu-items, .logo-wrapper{z-index: 3;}
.mobile-m-wrapper ul li.level1 {  padding: 20px 0px;}
.mobile-m-wrapper ul li a{  font-style: normal;  font-family: var(--font-medium);}
.mobile-m-wrapper ul li.level1 ul li{margin-top: 16px;}
.mobile-m-wrapper ul li.level1 > a{color: var(--neutral-100);  font-size: 2.2rem;  text-transform: uppercase;  line-height: 1.18182;  font-weight: 600;}
.mobile-m-wrapper ul li.level2 a { color: var(--neutral-80);font-size: 2.1rem; line-height: 1.3;  letter-spacing: -0.01em;  font-weight: 500;}
.mobile-m-wrapper ul li.level2.haschildren  a {font-size:1.6rem;}
.mobile-m-wrapper ul li.level2.haschildren > a{color: var(--neutral-100); font-size: 2.1rem;}
.mobile-m-wrapper ul li.level1.last > a {border-radius: 30px;  background: var(--red);  padding: 12px 20px;  display: flex;  width: 100%;  max-width: 311px; justify-content: center;  margin: auto;}
.mobile-m-wrapper .level2 > ul { display: none;}
a.icon-chevronbig{ transition: all 0.3s ease-in-out;display: inline-block;font-size: 1.2rem !important;  padding: 8px;  }
a.icon-chevronbig.rotate-icon{transform: rotate(180deg);}
#mob-open-search {color: var(--neutral-100);}
#mob-open-search .icon{font-size: 1.8rem;}
.mobile-m-wrapper ul li#nav-nav-investors-level1.level1 > a {color : var(--white);}
.mmenu_ticker_mobile .mmenu_ticker-sitename p a {color: var(--white);}
/* ==== mobile menu custom ==== */


/* ==== mobile menu seacrh box css starts ==== */
#mmenu .header-search-open {right: 0;position: relative;height: 43px;opacity: 0;visibility: hidden;display: none;justify-content: space-around; background: linear-gradient(0deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.25) 100%);backdrop-filter: blur(3rem);margin-top:18px;}
#header-search-open.search-Wrapper-open {display: flex !important;transition: 0.3s all ease-in-out;opacity: 1 !important;visibility: visible !important;}
#mmenu .header-search-open #searchTextbox {width: 100%;background: transparent;}
#ticker-nav-wrapper {opacity: 1;visibility: visible;transition: 0.3s all ease-in-out;}
#ticker-nav-wrapper.mmenu-search-open {opacity: 0;visibility: hidden; transition: 0.3s all ease-in-out; display: none;} 
@media all and (max-width: 991.98px) { 
header .icon-search{color:var(--neutral-100);}
}
/* ==== mobile menu seacrh box css ends ==== */

/* ==== mobile menu ticker css ==== */
.mmenu_ticker_mobile{width:100%;padding:24px;background-color:rgba(26, 30, 34, 0.4);border-radius: 12px;text-align: center;  margin-top: 14px;}
.mmenu_ticker-sitename p{padding-top:16px;}
.mmenu_ticker-sitename{border-top: 1px solid var(--neutral-40); margin-top:16px;}
@media all and (max-width: 991.98px) {
#mmenu .header-search-open #searchTextbox{color: var(--white);}
 .mmenu_ticker-sitename p{color:var(--deep-sky);}
 .mmenu_header_iframe-wrap.one {margin-bottom: 16px;}
}

/* ==== mobile menu ticker css ==== */

/* === HEADER CSS ===*/
body.nojs header.mega-header .header-search {display: none;}