@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;}
.he_navbar {background:transparent; border:0px; margin:0; text-align:center;}
.header-top {
    padding: 8px 0px 8px 0px;
    background: #ffffff;
    border-bottom: 1px solid #69bdcf;
}
.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;}
.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: 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;
}
.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;}
.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: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;}
}
@media screen and (max-width: 991px) {
  .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;
  }
  .custom_nav{padding:0;}
  .affix .he_navbar .navbar-nav>li>a {font-size: 14px;}
}
@media screen and (max-width: 767px) {
  .left_info ul li {
    margin-right: 6px;
    margin-bottom: 6px;
  }
  .he_navbar {
        text-align: left;
        border-bottom: 1px dashed #ccc;
        margin-bottom: 7px;
        padding-bottom: 7px;
  }
  .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;}
}