/*--UI14-04-1994-khurseed Ahmad--*/
.navbar-menu > ul > li > a { padding: 5.2rem 2.5rem;}
.header.inner-header, .header .navbar{transition: .5s;padding: 0;}
.sticky.header .navbar-menu > ul > li > a {padding: 4.2rem 2.5rem;}
.sticky.header .navbar-menu > ul .login_btn a, .sticky.header .navbar-menu > ul .toolfree_btn a{padding: 0.8rem 3rem;}
.sticky.header .navbar-menu > ul > li > .header-search{padding: 0 0 0 1.5rem;}
 .menu-bar { display: flex;}
 .menu-link { padding: 20px 25px;color: #177E89;transition:background .2s, color .2s; position: relative; z-index: 1;}
.open_menu_mega {display: flex;width: 100%;position: absolute;top: 100%; left: 0;background: #fff;box-shadow: 0px 10px 10px #00000029;}
.mega_img {width: 50%;text-align: center; background: #F7FAFC; padding: 4rem 3rem;}

.hidethird.mega_img{width:25%;}
.mega-menu--multiLevel .menu-link[aria-haspopup="true"] { font-size: 2.2rem;color: #858585;line-height: 3.4rem;font-weight: normal;
padding: 1.2rem 3rem;}
.mega-menu--multiLevel li:hover .menu-link[aria-haspopup="true"], .mega-menu.mega-menu--multiLevel li a.menu-link.mega-menu-link.active[aria-haspopup="true"] {background: #F2F7FB;color: #085283;font-weight: bold;}
.mega-menu--multiLevel .menu-link[aria-haspopup="true"]::after{content: "";background-image: url('../images/sub_menu_arrow.svg');
background-size: 100%;width: 3.2rem;height: 3.2rem;font-size: 12px;position: absolute;right: 4rem;top: 50%;transform: translateY(-50%);}
.mega-menu-header {font-size: 1.2em;text-transform: uppercase;font-weight: bold;color: #136a73;}
.mega-menu { background: #ffffff; z-index: 10;padding-bottom:0rem;}
.mega-menu--multiLevel { flex-direction: column;}
.mega_img figure {height: 41rem;overflow: hidden;}
.mega_img figure img {width: 100%;object-fit: cover;height: 100%;}


 @media all and (min-width: 992px) {
/*    .nav {margin-top: 250px; background: #ffffff;} */
   .nav > nav { max-width: 900px; margin: 0 auto;}
   .menu [aria-haspopup="true"] ~ ul, .open_menu_mega{display: none;}
   .menu-bar > li > [aria-haspopup="true"]:hover ~ ul, .menu-bar > li.mega_open:hover .open_menu_mega {
     display: flex;transform-origin: top;}
   .menu-bar > li > [aria-haspopup="true"] ~ ul:hover { display: flex;}
   .menu-bar > li:focus-within > [aria-haspopup="true"] ~ ul {display: flex;}
   .mega-menu {position: relative; top: 100%; left: 0; width: 50%;}
   .mega-menu.hidethird{width: 75%;}
   .mega-menu:hover { display: flex;}
   .mega-menu a:hover { background: tint(#177E89,85%); color: #136a73;}
   .mega-menu--multiLevel > li {width: 50%;}
   .hidethird.mega-menu--multiLevel > li {width: 33.33%;}
   .hidethird.mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {left: 33.33%;width: 50%;}
   .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul {left: 50%;width: 50%;}
   .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul ul {width: 100%;left: 100%;height: 100%;
padding-top: 0;background: #fff;}
   .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul {display: block;transform-origin: left;animation: flyout .2s ease-out;}
   .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"] ~ ul {display: block;}
   .mega-menu--multiLevel li:hover > [aria-haspopup="true"], .mega-menu--multiLevel li:hover > a, .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"], .mega-menu--multiLevel li:focus-within > a {
     background: tint(#177E89,85%); color: #136a73;}
   .mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover, .mega-menu--multiLevel [aria-haspopup="true"]:hover {display: block;}
   .mega-menu--multiLevel [aria-haspopup="true"] ~ ul {position: absolute;top: 0;height: 100%;}
   .mega-menu--flat > * { flex: 1;}
   .mobile-menu-trigger, .mobile-menu-header, .mobile-menu-back-item { display: none;}
}
/* .menu.menu-list {background: #F6FAFC;padding: 2.5rem 0;z-index: -1;} */
.menu.menu-list {background: #F6FAFC;padding: 0;z-index: -1;}
.mega-menu--multiLevel > li > .menu.menu-list {width: 50%;}
.mega-menu--multiLevel > li > .menu.menu-list:nth-child(3){left: 66%;background: #fff;}
.hidethird.mega-menu--multiLevel > li > .menu.menu-list {width: 33.33%;}
.menu.menu-list a, .mega-menu--multiLevel .menu.menu-list .menu-link[aria-haspopup="true"] { font-size: 2.2rem; padding: 1.5rem 3rem;color: #000000;font-weight: normal;
background: no-repeat;}
.mega-menu--multiLevel .menu.menu-list .menu-link[aria-haspopup="true"]::after{width: 2.5rem;height: 2.5rem;}
.menu-bar > li > a[aria-haspopup="true"] ~ ul.none_child { display: flex!important;transform-origin: top;}

.mega-menu--multiLevel li:hover > [aria-haspopup="true"] ul ul::before { content: ''; background: #F6FAFC; width: 100%; height: 100%;position: absolute; z-index: 9; top: 0;}
.mega-menu--multiLevel > li > .menu.menu-list:nth-child(3)::before {background: #fff;}
/* .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li { position: relative; z-index: 9;} */
.mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul li {z-index: 9;}
.mega-menu--multiLevel > li:first-child .menu-list{display: block;}
.mega-menu--multiLevel ul li:first-child ul  {display: none;}

@media (max-width:1649px){
.navbar-menu > ul > li > a {padding: 6.2rem 2.5rem;font-weight: 600;font-size: 2.3rem;}
.menu.menu-list a, .mega-menu--multiLevel .menu.menu-list .menu-link[aria-haspopup="true"], .mega-menu--multiLevel .menu-link[aria-haspopup="true"] {font-size: 2.3rem;}

}/*--1649-css-end-*/

@media (max-width:1399px){}/*--1399-css-end-*/

@media (max-width:1199px){
  .navbar-menu > ul > li > a {font-size: 2.5rem; padding: 6.5rem 2rem;}
  .sticky.header .navbar-menu > ul > li > a {padding: 5.5rem 2rem;}
  .navbar-menu .login_btn a, .navbar-menu .toolfree_btn a{font-size: 2.5rem;}
  .menu.menu-list a, .mega-menu--multiLevel .menu.menu-list .menu-link[aria-haspopup="true"], .mega-menu--multiLevel .menu-link[aria-haspopup="true"] {font-size: 2.5rem;}

}/*--1199-css-end-*/

@media (max-width:991px){
  .sticky.header .navbar-menu > ul > li > .header-search {padding: 0 2rem 0 1.5rem;}
  .sticky.header .navbar-menu > ul .login_btn a, .sticky.header .navbar-menu > ul .toolfree_btn a {padding: 2.5rem 1rem;font-size: 3.2rem;}
  .navbar-menu .login_btn a, .navbar-menu .toolfree_btn a {font-size: 3.2rem;padding: 2.5rem 5rem;width: 100%;}
  .side-menu ul li.login_btn.noafter{padding: 0;margin: 6rem 0 1rem;}
  .navbar-menu .toolfree_btn img {width: 2.8rem;}
  .header, .header.inner-header{padding: 2.5rem 0;}
  .navbar-menu .hamberger li:nth-last-of-type(2){border-bottom: none;}
}/*--991px-css-end-*/

@media (max-width:767px){
  .header, .header.inner-header {padding: 2rem 0;}
}/*--767px-css-end-*/

@media (max-width:575px){
  .navbar-menu .login_btn a, .navbar-menu .toolfree_btn a{font-size: 2.8rem;}
  .header.inner-header.sticky {padding: 1.5rem 0;}
}/*--575px-css-end-*/

@media (max-width:375px){
  .header, .header.inner-header {padding: 2rem 0;}
  .navbar-menu .login_btn a, .navbar-menu .toolfree_btn a {font-size: 2.8rem;}
  .sticky.header .navbar-menu > ul .login_btn a, .sticky.header .navbar-menu > ul .toolfree_btn a {padding: 2rem 1rem;font-size: 2.8rem;}

}/*--375px-css-end-*/