@font-face {font-family: 'Epic-Ride'; src: url('font/Epic-Ride.ttf') format('truetype'); font-weight: 500;  font-style: normal;  font-display: swap;}
@font-face {font-family: 'Montserrat'; src: url('font/Montserrat-Regular.ttf') format('truetype'); font-weight: 500;  font-style: normal;  font-display: swap;}
.he_navbar {background:transparent; border:0px; margin:0; text-align:center;}
.social_header ul{margin-bottom:0;}
.social_header ul li a {color: #fff;font-size: 18px;}
.social_header ul li {margin-right: 5px;}
.left_info ul {margin: 0;padding:0;}
.left_info ul li {display: inline-block;margin-right: 12px;}
.left_info a {color:#333;font-size: 14px;text-decoration: none;}
.left_info ul li i {color: #ffffff;background: var(--main-color);border-radius: 6px;display: inline-block;text-align: center;width: 21px;height: 21px;line-height: 21px;}
.he_logo-wrap {position: relative;z-index: 2;margin-left: 10px;margin-right: 10px;}
.he_logo-wrap a:focus {border: 0px; outline: 0;}
.he_navbar .navbar-nav {margin: 0px; float: none;}
.he_navbar .navbar-nav li{float: none; display: inline-block;}
.he_navbar .navbar-nav li:hover {background: transparent;}
.he_navbar .navbar-nav>li>a {font-weight: 500;font-size: 11px;color: #ffffff;padding: 0px 13px;text-transform: capitalize;font-family: 'Montserrat';text-transform: uppercase;letter-spacing: 3px;}
.he_navbar .navbar-nav>li>a:hover{color:#fff !important;}
.custom_nav{text-align:right;}
.custom_nav li {list-style: none; font-size: 12px; display: inline-block;}
.login_btn_drop{font-weight: 600; background: linear-gradient(to right, var(--secondary-color), var(--color-3)); border-radius: 20px; padding: 6px 5px; color: #fff !important; text-decoration: none; font-weight: 600; display: block; text-decoration:none !important; box-shadow: -3px 13px 15px -9px #0000006b;}
.desktop_menu {background: linear-gradient(to right, var(--secondary-color), var(--color-3)); border-radius: 20px;    padding: 6px 5px;  box-shadow: -3px 13px 15px -9px #0000006b;}
.desktop_menu a {font-weight: 600; color: #fff; text-decoration: none;font-size: 12px;}
.custom_nav .dropdown-menu>li>a {line-height: 22px;font-size: 14px;padding: 5px 9px;}
.login_btn_drop i{border-radius: 20px; line-height: 22px; text-align: center; border: 2px solid #fff; color: #fff; padding: 3px;}
.news-flash {background: linear-gradient(93deg, var(--main-color), var(--secondary-color)); position: relative; z-index: 9; width: 100%; height: 25px; line-height: 25px; color:#fff; font-weight:600;}
.flash-lgp0 {padding: 0; margin: 0px;}
.custom_nav ul li a:hover {background: var(--secondary-color); color: #fff; text-decoration:none;}
.login_btn_drop:hover{text-decoration:none; color:#fff;}
.custom_nav .dropdown-menu {margin: 0; padding: 0;}
.custom_nav ul li {border-bottom:1px solid #e5e5e5; width:100%;}
.custom_nav ul li:last-child{border-bottom:none;}
.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; 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;}
section.fix-header {position: relative;z-index: 2;}
.he_site-header {background: transparent;padding: 12px 0;border-bottom: 1px solid #cccccc96;box-shadow: 1px 4px 5px -6px #0000006b;}
.affix {background: #fff; margin-top: 0px; width: 100%; z-index:9; top: 0;}
.top-bar{background: linear-gradient(93deg, #ff7b26, #ec048c); height: 30px; color: #fff; padding: 6px 0px; font-weight: 400; font-size: 14px; margin: 0px;}
.top-bar-sec{position: relative; margin: 0px 10px;}
.top-bar-sec::after {content: ""; position: absolute; left: 0px; top:-5px; width: 5px; height: 100%; background: rgba(255, 255, 255, 0.4); transform: rotate(12deg); animation: left 5s infinite;}
@keyframes left { 0% {left: 0%;}  75% {left: 100%;}  100% {left: 0%; opacity: 0;}}
.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;}
.he_logo-wrap img {max-width: 100%; max-height:60px;}
@media screen and (max-width: 1200px) {
.custom_nav li {font-size: 11px;}
.he_login_icon {display: none;}
.he_navbar .navbar-nav>li>a, .he_navbar .navbar-nav.navbar-right>li a {font-size: 13px;}
}
/* =========================
LG DEVICE ONLY
========================= */
@media (min-width:1200px){
.flexnavbar{ display:flex;align-items:center;justify-content:space-between;width:100%;}
.flexnavbar > .nav.navbar-nav:first-child {width: 32%;display: flex;justify-content: flex-start;gap: 0px;}
.he_logo-wrap{width:20%;text-align:center;}
.he_logo-wrap img{max-width:180px;margin:auto;}   
.flexnavbar > .nav.navbar-nav:nth-child(3) {width: 32%;display: flex;justify-content: end;gap: 0px;}
.social_header{width:16%;display:flex;justify-content:flex-end;}
.social_header ul{display:flex;align-items:center;margin:0;}
}
@media screen and (max-width: 991px) {
.social_header{display:none;}
header.he_site-header.affix .he_navbar .navbar-nav>li>a,  header.he_site-header.affix .social_header ul li a {color: #000;}
.social_header ul li {margin-right: 0px;}
header.he_site-header.affix .he_navbar .navbar-nav>li>a{font-size:10px;padding: 0px 8px;}
.custom_nav {text-align: center;}
.he_navbar .navbar-nav {margin-top: 7px;}
.left_info ul {text-align: center;}
.lg_showonly{display:none;}
.custom_nav li{font-size:13px;}
.he_header_section {justify-content: space-around;}
.he_navbar .navbar-nav>li>a,
.he_navbar .navbar-nav.navbar-right>li a {font-size:13px;}
}
@media screen and (min-width: 992px) {
.lg_right{text-align: right;}
.he_navbar .navbar-collapse {padding: 0px;border: 0px;z-index: 2;position: relative;}
.custom_nav{padding:0;}
.affix .he_navbar .navbar-nav>li>a {color: #333;font-weight: 600;}
.affix .social_header ul li a{color:#000;}
.affix .social_header ul li a:hover{color:var(--main-color);}
.affix .he_navbar .navbar-nav>li>a:hover{color:var(--main-color) !important;}
}
@media screen and (min-width: 767px) {
.hide_logolg{display:none;}
.he_navbar .flexnavbar {display: flex;align-items: center;justify-content: space-between;}
#myNavbar .sidebar-header {display: none;}
}
@media screen and (max-width: 767px) {
.hide_logosm{display:none;}
.he_header_section{justify-content: space-between;display: flex !important;}
.he_site-header.affix {position: static;}
.flexnavbar {display: flex;flex-direction: column;}
.custom_nav {order: -1; }
.flexnavbar .custom_nav {text-align: center;background: linear-gradient(90deg, rgb(252 118 114 / 38%) 0%, rgb(255 191 75 / 30%) 100%);padding: 13px 2px;}
#myNavbar .sidebar-header h3 {margin: 0;padding: 10px 10px;background: var(--color-4);color: #fff;font-size: 19px; font-weight: 600;}
#myNavbar {position: fixed !important;top: 0;left: -280px;width: 260px;height: 100vh !important;background: #fff;overflow-y: auto;transition: 0.4s ease;z-index: 9999;padding: 0 0 20px 0;}
/* When open */
#myNavbar.in {left: 0;box-shadow: 0 0px 6px 0 rgb(0 0 0 / 44%);}
#myNavbar .navbar-nav {float: none !important;margin-top: 0;}
#myNavbar .navbar-nav > li {float: none;}
#myNavbar .navbar-nav > li > a {padding: 8px 13px;font-size: 11px;color: #000;letter-spacing: 2px;font-weight: 600;}
/* CLOSE BUTTON */
.sidebar-header .close-btn {position: absolute;z-index: 99;top: 7px;right: 5px;align-items: center;justify-content: center;display: flex;height: 27px;width: 27px;cursor: pointer;font-size: 20px;border: none;color: var(--main-color);border-radius: 50%;background: #fff;}
.header-top {display: none;}
.left_info ul li {margin-right: 6px;margin-bottom: 6px;}
.he_navbar {text-align: left;}
.he_logo-wrap img {max-width:100%; max-height:60px;}
.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: var(--main-color);display: block;width: 39px;height: 2px;margin-bottom: 7px;}
.he_navbar .navbar-toggle {border: 0px;margin-right: 0px;padding: 9px 8px;border-radius: 8px;background: #ffffff;}
.he_navbar .navbar-toggle:hover, .he_navbar .navbar-toggle:focus {background:#fff;}
.he_header_section {display: inherit;}
.he_navbar .navbar-nav>li {position:relative; display:block; padding:5px 0px; border-bottom:1px solid #e7e5e5;}
}