.main-top-hdr{display:flex;align-items:center;}
.main-top-hdr>ul{display:flex;align-items:center;gap:0 1rem;margin-right:7rem;}
.main_header{display:flex;align-items:center;justify-content:space-between;}
.header{background:#000;}
.header li a{color:#B1B1B1;font-size:1.4rem;font-weight:600;}
.menu{display:flex;list-style:none;margin:0 7rem 0 0;padding:0;}
.menu-item1{position:relative;}
.menu-item1>a{color:#fff;padding:15px 20px;display:block;text-decoration:none;}
.submenu{position:absolute;top:100%;left:0;display:none;min-width:200px;background:#000;background: #000;
border: .1rem solid #ffffff1c;border-radius: 0 0 1.5rem 1.5rem;}
.submenu li a{padding:8px 10px 8px 30px;color:#929292;position:relative;font-weight: 400;position: relative;}
.submenu li a::after{background:#929292;width:.5rem;height:.5rem;content:'';position:absolute;left:1.5rem;top:0;bottom:0;margin:auto;border-radius:100%;}

.menu-item1:hover .submenu{display:block;}
.ocommon_cta{background: none;display: inline-block;font-size:1.8rem;font-weight:bold;color:#fff;border-radius:2.5rem;border:.1rem solid #fff;padding:.8rem 1.8rem;box-shadow:0 .4rem 0 #fff;cursor: pointer;}
.ocommon_cta:hover img { transform: translate(5px, -5px);}
#hamburger_menu{width:2.3rem;height:2.3rem;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;cursor:pointer;top:.2rem;}
#hamburger_menu span{display:block;position:absolute;height:.3rem;width:100%;background:#fff;border-radius:10rem;left:0;transform:rotate(0deg);transition:.25s ease-in-out;}
#hamburger_menu span:nth-child(1){top:0;}
#hamburger_menu span:nth-child(2),#hamburger_menu span:nth-child(3){top:.9rem;width:2rem;right:0;}
#hamburger_menu span:nth-child(4){top:1.8rem;}
#hamburger_menu.open span:nth-child(1){top:1.8rem;width:0%;left:50%;}
#hamburger_menu.open span:nth-child(2){transform:rotate(45deg);}
#hamburger_menu.open span:nth-child(3){transform:rotate(-45deg);}
#hamburger_menu.open span:nth-child(4){top:.9rem;width:0%;left:50%;}
.header.sticky{transform:translateY(0);position:fixed;width:100%;top:0;box-shadow:0 1rem 1rem #5757570a;z-index:999;}
.header{transform:translateY(0);transition:transform .3s ease-in-out;position:relative;z-index:999;border-bottom: .1rem solid #ffffff1c;    position: fixed;
    width: 100%; top: 0;}
.mobile-device-menu{display:block;}
.tabs.mega_menu_section{display:none;}
.header .main_header ul>li.has-submenu>a::after{width:1.5rem;height:.8rem;position:absolute;top:0;right:0;margin:auto;content:'';background:url(../images/menu-arrow.svg) no-repeat;transition:.3s;bottom: 0;}
.header .ocommon_cta{font-size:1.6rem;padding:.6rem 1.2rem;}
.ocommon_cta img { margin-left: .7rem;}

.login-hdr .ocommon_cta:hover img {
    transform: none !important;
}
.login-hdr a:hover {
    text-decoration: none !important;
    transform: translate(-2px, -3px);
}


@media(min-width:992px){
#hamburger_menu{display:none;}
.header .main_header ul>li.has-submenu>a{padding:3rem 2.5rem;position:relative;}
.header .main_header ul>li.has-submenu>a::before{background:#B1B1B1;width:100%;height:0;position:absolute;bottom:0;left:0;content:'';transition:.3s;opacity:0;}
.header .main_header ul>li.has-submenu:hover>a::before{height:.2rem;opacity:1;}
.header .main_header li svg{height:1rem;fill:#eee;margin-left:.6rem;transition:.3s;}
}

@media(max-width:991px){
.submenu li a::after{background:#fff;width:.5rem;height:.5rem;content:'';position:absolute;left:4rem;top:0;bottom:0;margin:auto;border-radius:100%;}
.header{padding:1.3rem 0;}
.ocommon_cta img{width:2rem;}
/*.ocommon_cta{font-size:1.3rem;padding:.3rem 1rem;box-shadow:0 .2rem 0 #fff;}*/
.login-hdr{margin-right:3rem;}
.header .submenu li a{padding:10px 2rem 10px 6rem;color:#929292;font-size:1.6rem;font-weight:500;}
.menu-item1:hover .submenu{display:none;border-radius: 0;}
.header img{max-width:12.5rem;}
.menu{flex-direction:column;margin:0;}
.submenu{position:static;display:none;}
.header .main_header ul>li.has-submenu>a::after{right:2rem;top:2.5rem;transition:.5s;bottom: auto;}
.header li a{color:#B1B1B1;font-size:1.8rem;font-weight:800;}
.header .has-submenu.active>a{color:#fff;}
.header .main_header ul>li.has-submenu.active>a::after{filter:brightness(100);transform:rotate(180deg);}
.navbar-menu{position:absolute;top:100%;width:100%;left:0;z-index:999;transform:translateX(100%);transition:.3s;height:100vh;display:grid;align-items:flex-start;padding-top:2rem;overflow-y:auto;padding-bottom:14rem;}
.navbar-menu::after{background:#000;width:100%;height:100%;position:absolute;left:0;top:0;content:'';z-index:-1;}
.navbar-menu.open{transform:none;}
}