@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;}
@font-face {font-family: 'Indie Flower'; src: url('font/IndieFlower.ttf') format('truetype'); font-weight: 400;  font-style: normal;  font-display: swap;}
.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; 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: 600; font-size: 15px; color: #000; padding: 0px 10px; text-transform: capitalize;}
.custom_nav{text-align:right;}
.custom_nav li {list-style: none; font-size: 12px; display: inline-block;}
.login_btn_drop{font-weight: 600; background:var(--secondary-color); 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: var(--secondary-color); 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: 20px;}
.login_btn_drop i{border-radius: 20px; line-height: 22px; text-align: center; border: 2px solid #fff; color: #fff; padding: 3px; font-size: 9px;}
.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;}
.he_site-header{box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; background:linear-gradient(45deg, #fffafa, #c2e9f1); padding:5px 0;}
.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:65px;}
@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: 11px;}
}
@media screen and (max-width: 991px) {
  .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) {
  .custom_nav{padding:0;}
  .affix .he_navbar .navbar-nav>li>a {font-size: 14px;}
}
@media screen and (max-width: 767px) {
  .login_btn_drop i{font-size:10px;}
  .custom_nav {text-align: center;}
  .desktop_menu {padding: 6px 4px;}
   .custom_nav li, .desktop_menu a {font-size: 11px;}
   .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: #034a92;}
  .he_navbar .navbar-toggle {border:0px; margin-right:0px; padding:10px 0px;}
  .he_navbar .navbar-toggle:hover,
  .he_navbar .navbar-toggle:focus {background: transparent;}
  .he_header_section {display: inherit;}
  .he_navbar .navbar-nav>li {position:relative; display:block; padding:5px 0px; border-bottom:1px solid #e7e5e5;}
}

@media screen and (max-width: 340px) {
      .custom_nav li, .desktop_menu a {font-size: 10px;}
.login_btn_drop i{display: none;}
}