@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
.affix {position: fixed; z-index: 9; width: 100%; box-shadow: 0px 3px 8px rgb(0 0 0 / 27%); top:0px;}

.currency_menu .dropdown-menu>li>a {
  line-height: 21px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 13px;
  font-weight: 500;
}
.currency_menu .dropdown-menu {
  padding: 0;
}
.currency_menu .navbar-nav>li>a {
  color: #fff;
  background: #283845;
  margin: 5px 2px;
  padding: 4px 8px;
  border-radius: 5px;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 12px;
}
.currency_menu .dropdown-menu {
  right: 0;
  left: auto;
  min-width:105px;
}
.currency_menu {
  background: var(--color-3);
  line-height: 33px;
  margin-left: 7px;
  border-radius: 6px;
  padding-right: 5px !important;
}
.currency_menu .white_color {
  color: #fff;
}

.currency_menu .mt_top5 {
  margin:9px 6px 0 0;
}

.he_logo-wrap {position: relative; z-index: 2;}
.he_logo-wrap a:focus{border: 0px; outline: 0;}
.he_marquee{background: var(--main-color); color: #fff; border-top: 1px solid #ffffff24;}
.he_navbar .navbar-nav{margin: 0px;}
.he_navbar .navbar-nav li:hover{background: transparent;}
.he_navbar .navbar-nav>li>a{font-weight:500; font-size:13px; color: #fff; padding:10px 10px; text-transform:uppercase; position:relative;}
.he_navbar .navbar-nav>li>a:before{content: ''; position: absolute; right: 0px; width: 1px; height: 50%; top: 25%;}
.he_navbar .navbar-nav>li:last-child a:before{display: none;}
.navbar-nav>li:last-child .dropdown-menu{right: 0; left: auto;}
.he_navbar .navbar-nav>li>a:hover{opacity: 0.8; color: #fff; background: transparent;}
.he_navbar .navbar-nav.navbar-right>li .dropdown-toggle{font-size: 15px;}
.he_navbar .navbar-nav.navbar-right>li{padding-right: 0;}
.he_navbar .navbar-nav.navbar-right>li:last-child a{padding-right: 0;}
a:hover {text-decoration: none;}
.he_navbar .navbar-nav>.active>a, .he_navbar .navbar-nav>.active>a:focus, .he_navbar .navbar-nav>.active>a:hover{background: transparent;}
.he_support_icon {display:flex; align-items:center; margin:10px 0px; justify-content:end;}
.he_support_icon .list-inline-item{padding-right: 0px; padding-left: 7px;}
.he_support_24 {font-size:12px; border-radius:5px; line-height:16px; color: #fff; font-weight:600; min-height: 35px; background:var(--color-3); display:flex; align-items:center;}
.he_support_24:hover{color: #fff;}
.he_support_24 img {vertical-align:middle; line-height:31px; background: var(--main-color); padding:5px; border-radius:5px 0px 0 5px;}
.he_support_24 > span {font-size: 14px; padding: 0px 10px;}
.he_support_24 > span b{padding: 0px;}
.he_support_icon .dropdown-toggle:focus{color: #fff; text-decoration:none;}
.he_header_section {display: flex; font-family: 'Poppins', sans-serif; flex-direction: row; flex-wrap:wrap; align-items:center;}
.he_myaccount-btn{display: flex; align-items: center; justify-content: end;}
.he_myaccount-btn i {background: #034a92; width:35px; height:35px; display: inline-block; text-align:center; line-height:35px; border-radius:100px; color: #fff; margin-right:10px; font-size:14px;}
.he_menu{display: none;}
.he_site-header{background: #fff;}
.he_site-header:before{content: ''; width: 100%; position: absolute; top: 100%; left: 0; background: #ffffff2b; height: 1px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background: transparent;}
.navbar-right .open>a,  .navbar-right .open>a:focus, .navbar-right>li>a:hover{background: transparent;}
.ho_submenu {border-radius: 5px; padding: 0px 5px; border: 0px;}
.ho_submenu li a{padding: 5px 5px; border-bottom: 1px solid #d0cdcd; font-size: 12px; font-weight: 500;}
.affix .he_support_icon{display: none;}
@media screen and (max-width: 1200px){
.he_login_icon{display: none;}
.he_navbar .navbar-nav>li>a, .he_navbar .navbar-nav.navbar-right>li a{font-size: 13px;}
.he_support_24 > span {font-size: 10px; padding: 0px 6px;}
}
@media screen and (max-width: 991px){
  .he_support_24 > span {font-size:10px; padding:0px 6px;}
  .he_support_icon .list-inline-item {padding-left: 3px; margin-bottom:4px;}
  .he_navbar .navbar-nav>li>a:hover{opacity: 0.8; color: #333; background: transparent;}
  .he_logo-wrap img {max-width:150px; height:42px;}
  }
  @media screen and (min-width: 992px){
   .he_logo-wrap img {max-width:280px; height: 60px;}
   .affix .he_logo-wrap img {max-width: 200px; height: 41px;}
   .affix .he_navbar .navbar-nav>li>a{font-size: 12px;}
   .pright-0{padding-right: 0px;}
   .he_support_icon, .he_navbar{padding-right: 15px;}
  }
@media screen and (max-width: 767px){
  .logo-area{box-shadow: 0px 0px 10px rgb(0 0 0 / 9%);}
  .he_logo-wrap {margin: 5px 0;}
  .he_support_icon {display: flex; align-items: center; margin: 7px 0px 4px; justify-content:center; flex-wrap:wrap; background: #edf7ff; padding:7px 2px 5px; border:1px solid #d0e4f5; border-radius:7px;}
  .service_menu .dropdown-menu>li>a {padding: 7px 9px !important; background: #f8f8f8;}
  .service_menu ul li:last-child a {border-bottom: none; margin-bottom: 6px;}
  .he_logo-wrap img {max-width:100%; height: 40px;}
  .ho_submenu{right: 0; left: auto; min-width: 100px;}
  .he_support_24{min-height: 18px;}
  .he_support_24 > span {font-size: 12px; padding: 3px 8px;}
  .he_navbar .navbar-nav>li {position: relative; display: block; border-bottom: 1px solid #e7e5e54f; background: var(--color-3);}
  .he_navbar{text-align: left;}
  .navbar-collapse {position: absolute; background: rgb(255, 255, 255); width:100%; z-index:99; left:0px; top:0; box-shadow:7px 10px 10px #14131342;}
.he_navbar .navbar-toggle .icon-bar{background: #034a92;}
.he_navbar .navbar-toggle {border:0px; margin-right:0px; padding:0px 0px; position:absolute; top:-46px; right:12px; z-index: 9; border: 1px solid #034a92; padding:6px;}
.he_navbar .navbar-toggle:hover, .he_navbar .navbar-toggle:focus{background: transparent;}
.he_header_section {display: inherit;}
}
@media screen and (min-width: 768px){
  .navbar-nav>li:hover .dropdown-menu{display: block;}
  .he_navbar{
    background-image: linear-gradient(to right, #fff 0% , var(--main-color) 20% , var(--main-color));
    display: flex; justify-content: end; border: 0px; margin: 0; position: relative;
  }
}