/*header css start from here*/
@font-face {font-family: 'Poppins';src: url('font/Poppins-Bold.ttf') format('truetype');}
@font-face {font-family: 'Poppins'; src: url('font/Poppins-Medium.ttf') format('truetype');}
@font-face {font-family: 'Poppins';src: url('font/Poppins-Regular.ttf') format('truetype');}
@font-face {font-family: 'Jost';src: url('font/Jost-VariableFont_wght.ttf') format('truetype');font-weight: 300 700;font-style: normal;font-display: swap;}
.top-bar {height: 30px;margin-bottom: 0px;padding: 5px 0px;color: #fff;background: var(--secondary-color);}
body{font-family: 'Poppins', sans-serif;}
.res_topbar{font-family: "Jost", sans-serif;}
label{font-weight:600;}
h1, h2, h3, h4, h5, h6, .price_paxbody ul li{font-family: "Jost", sans-serif;}
.main-header{background: #fff;}
.topbar_navigation .navbar-default{background:transparent; border:none;}
.logo-cols .navbar-brand {height: auto;}
header.affix {position: fixed;top: 0;width: 100%;z-index: 3;background: #fff !important;box-shadow: 0px 3px 8px rgb(0 0 0 / 27%);}
.topbar_navigation .navbar-nav>li{margin-left: 10px;}
.topbar_navigation .navbar-nav>li>a {border-radius: 20px;color: #000;font-weight: 600;font-size: 12px;letter-spacing: 0.1px;background: #fff;padding: 5px 10px;box-shadow: 0px 3px 8px #4544448f;}
.topbar_navigation .navbar-nav>li>a:hover{background: var(--main-color);color: #fff;}
.topbar_navigation .navbar-nav>li:hover {background:transparent;}
nav.navbar.navbar-default.topbar_navigation {margin-bottom: 0; min-height:33px;}
.topbar_navigation .navbar{position:relative; min-height:100%; margin-bottom:0px;padding: 15px 0px;}
.topbar_navigation .navbar-nav>li>a i {color: #fff; font-size:16px;}
.topbar_navigation .navbar-nav>li>a:hover i{color: #111;}
.small_logo img {max-width:100%; max-height:65px; z-index: 2; position: relative;}
.custom_nav .navbar-nav>.open>a:hover {color: #fff; background:var(--secondary-color);}
.custom_nav .navbar-nav>.open>a:focus{color: #fff; background: var(--secondary-color);}
.custom_nav .dropdown-menu>li>a {line-height:21px; border-bottom:1px solid #e8e8e8; font-size:13px; font-weight:500;padding:8px 10px;}
.custom_nav .dropdown-menu {padding: 0;}
.custom_nav .navbar-nav>li>.dropdown-menu{border-radius:10px;overflow: hidden;}
.mr-0 { margin-right: 0;}
.navbar-nav>li>a.login_menu{background: var(--main-color);border:1px solid var(--main-color);color: #fff;}
.sidenav_header {height: 100%;width: 0;position: fixed;top: 0;right: 0;background-color: #fff;overflow-x: hidden;transition: 0.4s;padding-top: 60px;z-index: 9999;}
.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);display: none;z-index: 3;}
.right-icon-bar{font-size: 20px;cursor: pointer;background: #fff;border-radius: 20px;width: 35px;height: 35px;display: block;line-height: 35px;text-align: center;box-shadow: 0px 3px 7px #777a7a;}
.sidenav_header .closebtn {position: absolute;top: 0;right: 15px;color: #000;font-size: 25px;}
.side_navigation > ul{padding: 0px; margin: 0px 10px 0px;}
.side_navigation > ul > li{list-style: none;border-bottom:1px solid #dddbdb;text-align: left;}
.side_navigation > ul > li > a{color: #000;font-size: 15px;padding: 8px 0px;display: block;transition: 0.5s;}
.side_navigation > ul > li > a:hover{text-decoration: none; padding: 8px 0px 8px 10px;}
.menu-flex-desktop{display: flex; justify-content: space-between; flex-wrap: wrap;}
@media screen and (max-height: 450px) {
  .sidenav_header {padding-top: 15px;}
  .sidenav_header > a {font-size: 18px;}
}
@media screen and (min-width:992px) and  (max-width:1200px){.topbar_navigation .navbar-nav>li>a {margin: 5px 2px; padding: 5px 3px; font-size: 11px;}}
@media (min-width: 767px){
.hidden-currency{display: none;}
}
@media (min-width: 768px){
.logo-cols{position: relative; padding: 5px 40px 5px 10px;}
.logo-cols:before{border-top-right-radius: 100px;border-bottom-right-radius: 100px;background-color: rgba(255, 255, 255, 0.4);border-right: 2px solid rgb(255, 255, 255);content: '';position: absolute;top: 0;left: -15px;width: 100%;height: 100%;}
.topbar_navigation{position: relative;padding: 5px 10px 5px 40px;}
.topbar_navigation:before{border-top-left-radius: 100px;border-bottom-left-radius: 100px;background-color: rgba(255, 255, 255, 0.4);border-left: 2px solid rgb(255, 255, 255);content: '';position: absolute;top: 0;right: -15px;width: 100%;height: 100%;}
.affix .menu-flex-desktop{margin-top: 0;}
}
@media screen and (max-width: 767.9px){
    .custom_nav > ul{display: flex;}
.topbar_navigation .navbar{padding: 3px 0px;}
.small_logo img {max-height:50px; }
.custom_nav .navbar-nav .open .dropdown-menu{position: absolute;background:#fff;}
.no_collapse{display: block; text-align: center;}
.custom_nav ul li {display: inline-block;}
.small_logo .navbar-brand>img{margin-top:5px !important;}
.custom_nav .dropdown-menu li {display:block;}
.hidden-currency{margin:10px 10px 30px 10px;position: relative;}
.curreny-drop > a{display: block;padding: 10px;box-shadow: 0px 3px 8px rgb(0 0 0 / 27%);border-radius: 28px;color: #000;}
.curreny-drop > .dropdown-menu{width: 100%; margin-top: 10px;}
.curreny-drop > .dropdown-menu a{display: flex;align-items: center;}
}
@media screen and (max-width:570px){
.custom_nav ul{margin: 0px;}
.right-icon-bar {font-size: 20px;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.topbar_navigation .navbar-nav>li>a {margin:0px;}
.custom_nav i {font-size: 12px;}
}
/*header css end from here*/