@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
.affix {position: fixed; z-index: 9; width: 100%; box-shadow: 0px 3px 8px rgb(0 0 0 / 27%); top:0px;}
.affix .he_header_section {flex-wrap: wrap; align-items: center;}
.nav_manu i {font-size: 11px; margin-right: 6px;}
.login-menu {margin-top:4px;}
.login-menu i {font-size: 13px;}
.login-menu a{text-decoration:none; background: #fff; color: #ff2822; font-size:12px; padding:5px 6px; border-radius:5px; font-weight:600;}
.he_navbar6{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_navbar6 .navbar-nav {margin: 0px; display: flex; align-items: self-end;}
.nav_manu li.active a {background:var(--main-color) !important; border-radius: 6px; padding: 2px 7px; color: #fff !important;}
.nav_manu>li {float: left; margin-right: 4px;}
.he_navbar6 .navbar-nav li:hover{background: transparent;}
.he_navbar6 .navbar-nav>li>a {font-weight:500; font-size:12px; color: #fff; padding:3px 8px; text-transform:capitalize; display:flex; align-items:center;}
.he_support_icon {text-align: right; margin-bottom:5px;}
.he_support_icon a{text-decoration:none;}
.he_support_24 span {color: #fff;}
.he_support_24 .fa-user{color:#fff;}
.ho_content_right a{text-decoration: none; color: #111;}
.he_navbar6 .navbar-nav.navbar-right>li .dropdown-toggle{font-size: 15px;}
.he_navbar6 .navbar-nav.navbar-right>li{padding-right: 0;}
.he_navbar6 .navbar-nav.navbar-right>li:last-child a{padding-right: 0;}
.he_navbar6 .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:-8px; top:-4px;}
.he_login_icon i{color: #fff; position: relative; z-index: 1;}
.he_navbar6 .navbar-nav>.active>a, .he_navbar6 .navbar-nav>.active>a:focus, .he_navbar6 .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; position:relative; z-index:2;}
.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:#000; padding:4px 0px;}
  .navbar-right .open>a,  .navbar-right .open>a:focus, .navbar-right>li>a:hover{background: transparent;}
  .he_navbar6 .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;}
  .he_marquee{    background: #222222;color: #fff;}
  .news-flash{line-height: 11px; padding: 2px 0px;}
@media screen and (max-width: 1200px){
  .customwidth{width:100%;}
  .he_navbar6 .navbar-nav>li>a, .he_navbar6 .navbar-nav.navbar-right>li a{font-size:11px; color:#fff;}
  .he_navbar6 .navbar-nav>li>a {padding: 3px 2px;}
}
@media screen and (max-width: 991px){
  .he_navbar6 .navbar-nav>li>a {padding:3px 3px;}
  .login-menu {margin-top: 7px; margin-right: -11px;}
  .nav_manu i {font-size: 19px; margin-right: 3px;}
  .login-menu a {font-size:9px; padding: 5px 3px;}
  .he_navbar6 .navbar-nav {margin:8px 0 0; display: block;}
  .he_logo-wrap img {max-width:100px;}
}
@media screen and (min-width: 992px){
  .he_logo-wrap img {max-width: 180px;}
  .affix .he_logo-wrap img {max-width: 150px; height: 41px;}
  .affix .he_navbar6 .navbar-nav>li>a {font-size: 13px; color: #fff;}
 }
@media screen and (max-width: 767px){
  .login-menubar ul li{display:block;}
  .mobxs_hidden{display:none;}
  .custom_col.righttab0 {padding-right: 15px;}
  .location_col {padding-right: 15px;}
  .bgcols {background: transparent; border-radius:6px;}
  .custom_col .form-control{margin-bottom:10px;}
  .ho_blog-img img {height: 200px;}
  .he_support_24 .fa-user {color: #333;}
  .login-menubar .open>.dropdown-menu {width:100%; display: block; position:relative; z-index:9999; margin-bottom:8px;}
  .login-menubar .ho_submenu li:last-child a {border-bottom: none;}
  .he_support_24 span {color: #333; font-weight: 500;}
  .he_site-header {background:#ff908d;}
  .login-menu a {font-size: 13px; padding:5px 3px;}
  .he_support_icon {text-align: left;}
  .he_logo-wrap img {max-width:150px; padding:5px 0 4px;}
  .nav_manu li {float:none;}
  .he_navbar6 .navbar-nav>li>a {padding:8px 0 8px 3px; color: #333; font-size:13px;}
  .he_navbar6{text-align: left;}
  .he_navbar6 .navbar-collapse {position:absolute; background: rgb(255, 255, 255); width: 100%; z-index:99; left:0px; box-shadow:7px 10px 10px #14131342;}
  .he_navbar6 .navbar-toggle .icon-bar{background:#fff;}
  .he_navbar6 .navbar-toggle{border: 0px; margin-right: 0px; padding: 0px; margin-top: 20px;}
  .he_navbar6 .navbar-toggle:hover, .he_navbar6 .navbar-toggle:focus{background: transparent;}
  .he_navbar6 .navbar-nav>li {position: relative; display: block; border-bottom: 1px solid #e7e5e5;}
  .he_header_section {display: inherit;}
}
@media screen and (max-width:570px){
  .ho_blog-img img {height: 200px;}
}