@font-face {font-family: 'Poppins';src: url('font/Poppins-Bold.ttf') format('truetype'); font-weight: 700;  font-style: normal;  font-display: swap;}
@font-face {font-family: 'Poppins'; src: url('font/Poppins-Medium.ttf') format('truetype'); font-weight: 500;  font-style: normal;  font-display: swap;}
@font-face {font-family: 'Poppins';src: url('font/Poppins-Regular.ttf') format('truetype'); font-weight: 400;  font-style: normal;  font-display: swap;}
.affix {position: fixed; z-index: 9; width: 100%; box-shadow: 0px 3px 8px rgb(0 0 0 / 27%); top:0;}
.he_logo-wrap img {max-width: 100%;max-height: 60px;}
.he_navbar {background:transparent; border:0px; margin:0; text-align:center;}
.he_logo-wrap {position: relative; z-index: 2;}
.he_logo-wrap a:focus {border: 0px; outline: 0;}
.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:14px; color: #111; padding:0px 7px;}
.he_navbar .navbar-nav.navbar-right>li a {text-transform: capitalize; font-weight: 600;  font-size: 14px; color: #000;  padding: 0px 3px;}
.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;}
.he_navbar .navbar-nav>li>a:hover {color: #111; background: transparent;}
.he_login_icon {position: relative;}
.he_login_icon:after {content: ''; width: 30px; height: 30px; background: var(--main-color); line-height:30px; border-radius:100px; font-size:15px; display: inline-block; position:absolute; left:-9px; top:-4px;}
.he_login_icon i {color: #fff; position: relative; z-index: 1; left: -1px;}
.he_navbar .navbar-nav>.active>a,
.he_navbar .navbar-nav>.active>a:focus,
.he_navbar .navbar-nav>.active>a:hover {background: transparent; color: #000;}
.he_login a {color: #111; text-transform: uppercase; font-weight: 500;}
.he_login a:hover {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; padding: 2px 0px; border-bottom:1px solid rgb(239, 239, 239);}
.navbar-right .open>a, .navbar-right .open>a:focus, .navbar-right>li>a:hover {background: transparent;}
.he_navbar .navbar-right .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;}
@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: 11px;}
}
@media screen and (min-width: 992px) {
  .affix .he_logo-wrap img {max-width:200px; height:41px;}
  .affix .he_navbar .navbar-nav>li>a {font-size: 12px;}
}
@media screen and (max-width: 767px) {
  .he_navbar .navbar-nav>li>a,  .he_navbar .navbar-nav.navbar-right>li a {font-size:13px; padding: 2px 10px;}
  .he_navbar {text-align: left;}
  .he_logo-wrap img {max-width: 100%; max-height:50px;}
  .navbar-collapse {position: absolute; background: rgb(255, 255, 255); width: 100%; z-index: 99; left: 0px; box-shadow: 7px 10px 10px #14131342;}
  .he_navbar .navbar-toggle .icon-bar {background: #034a92;}
  .he_navbar .navbar-toggle {border:0px;margin: 7px 0px; padding: 0; top:4px;}
  .he_navbar .navbar-toggle:hover,  .he_navbar .navbar-toggle:focus {background: transparent;}
  .he_header_section {display: inherit; padding: 5px 0;}
  .he_navbar .navbar-nav>li {position:relative; display:block; padding:5px 0px; border-bottom:1px solid #e7e5e5;}
}