/* -----------------------------------------
    Header CSS
----------------------------------------- */
:root {
  --font-family-base: 'Jost', sans-serif;
  --font-family-body: 'Montserrat', sans-serif;
  --font-family-fontawesome: 'Font Awesome 5 Pro';
  --font-size: 16px;
  --font-sm: 14px;
  --font-xsm: 12px;
  --font-lg: 18px;
  --font-normal: 400;
  --font-medium: 500;
  --font-semi-bold: 600;
  --font-bold: 700;
  --color-primary: #0A472E;
  --color-primary-rgb: 10, 71, 46;
  --color-blue: #3880ff;
  --color-blue-rgb: 56, 128, 255;
  --color-cyan: #67BCEE;
  --color-cyan-rgb: 103, 188, 238;
  --color-red: #E74623;
  --color-pink: #FF3F5C;
  --color-pink-rgb: 255, 63, 92;
  --color-red-rgb: 231, 70, 35;
  --color-orange: #F59758;
  --color-orange-rgb: 245, 151, 88;
  --color-yellow: #FDC040;
  --color-yellow-rgb: 253, 192, 64;
  --color-green: #3BB77E;
  --color-green-rgb: 59, 183, 126;
  --color-teal: #2FD075;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-dark: #1E1D23;
  --color-dark-rgb: 30, 29, 35;
  --color-gray-1: #8D8D8D;
  --color-gray-2: #676767;
  --color-light: #f4f5f8;
  --color-light-1: #F3F6F5;
  --color-light-2: #FCFFFE;
  --color-light-3: #F2F2F2;
  --color-light-4: #F8F8F8;
  --border: #CEDAD5;
  --border-2: #EAEAEA;
}

.header .header-top {
  margin-bottom: 30px;
}

.header .header-top.with-b-border {
  border-bottom: 1px solid var(--border);
}

.header .header-top .header-left,
.header .header-top .header-center,
.header .header-top .header-right {
  padding: 12px 0;
}

.header .header-top .header-left ul > li,
.header .header-top .header-right ul > li {
  font-weight: var(--font-medium);
  font-size: var(--font-sm);
  color: var(--color-gray-1);
}

.header .header-top .header-left ul > li a,
.header .header-top .header-right ul > li a {
  color: var(--color-gray-1);
}

.header .header-top .header-left ul > li a:hover,
.header .header-top .header-right ul > li a:hover {
  color: var(--color-primary);
}

.header .header-top .header-left ul > li i,
.header .header-top .header-right ul > li i {
  font-size: var(--font-size);
  font-weight: var(--font-normal);
  -webkit-padding-end: 6px;
          padding-inline-end: 6px;
  color: var(--color-primary);
  vertical-align: -1px;
}

.header .header-top .header-left ul > li:not(:last-child) {
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
}

.header .header-top .header-left ul > li:not(:first-child) {
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
}

.header .header-top .header-left ul > li:not(:last-child) {
  border-right: 1px solid var(--border);
}

.header .header-top .header-right .menu-item:not(:last-child) {
  -webkit-padding-end: 7px;
          padding-inline-end: 7px;
}

.header .header-top .header-right .menu-item:not(:first-child) {
  -webkit-padding-start: 7px;
          padding-inline-start: 7px;
}

.header .header-top .header-right .menu-item:not(:last-child) {
  border-right: 1px solid var(--border);
}

.header .header-middle {
  margin-bottom: 30px;
  z-index: 9;
  position: relative;
}

.header .header-middle > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header .header-middle .header-right .menu .menu-item:not(:last-child) {
  -webkit-margin-end: 20px;
          margin-inline-end: 20px;
}

.header .header-middle .header-right .menu .border-end {
  border-color: var(--color-white) !important;
}

.header .header-middle .header-right .menu .border-end:not(:last-child) {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
}

.header .header-middle .header-right .menu .menu-link i {
  font-size: 22px;
  padding-top: 10px;
  padding-right: 10px;
  vertical-align: -2px;
  -webkit-margin-end: 2px;
          margin-inline-end: 2px;
}

.header .header-bottom .menu .menu-dropdown {
  width: 250px;
}

.header .header-bottom .main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: "";
      -ms-flex-pack: "";
          justify-content: "";
}

.header .header-bottom .menu-left {
  -webkit-padding-end: 100px;
          padding-inline-end: 100px;
}

.header .header-bottom .menu-category .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--font-sm);
}

.header .header-bottom .menu-category .btn i:first-child {
  font-size: 28px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}

.header .header-bottom .menu-category .btn i:last-child {
  -webkit-margin-start: 5px;
          margin-inline-start: 5px;
}

.header .badge {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  text-align: center;
  border-radius: 50%;
  font-size: var(--font-xsm);
  font-weight: var(--font-medium);
  font-family: var(--font-family-base);
  color: var(--color-white);
  background-color: var(--color-primary);
}

.header .bg-light {
  background: rgba(var(--color-primary-rgb), 0.08) !important;
}
.header-bottom {
  z-index: 3;
  position: relative;
}
.menu {
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.menu ::-webkit-scrollbar {
  width: 5px;
}

.menu ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.menu ::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 30px;
}

.menu ::-webkit-scrollbar-thumb:hover {
  background: var(--border);
}

.menu li {
  position: relative;
  z-index: 999;
}

.menu a {
  text-transform: capitalize;
  position: relative;
}

.menu a i {
  position: relative;
}

.menu .arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  color: var(--color-gray-1);
  font-weight: var(--font-normal);
}

.menu .arrow::before {
  font-family: var(--font-family-fontawesome);
  content: "\f105";
}

.menu a:not(.btn):is(:hover, .menu a:not(.btn).active) {
  color: var(--color-primary);
}

.menu .nav-link {
  padding: 20px 15px;
  color: var(--color-dark);
  font-weight: 600;
}

.menu .nav-link i {
  font-size: 14px;
  -webkit-margin-start: 4px;
          margin-inline-start: 4px;
}

.menu :is(.setting-dropdown, .cart-dropdown, .submenu, .mega-dropdown, .category-dropdown) {
  position: absolute;
  top: auto;
  width: 100%;
  min-width: 100px;
  left: 0;
  text-align: left;
  background-color: var(--color-white);
  -webkit-box-shadow: 0px 5px 30px rgba(49, 49, 49, 0.1);
          box-shadow: 0px 5px 30px rgba(49, 49, 49, 0.1);
  z-index: 999;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.menu :is(.setting-dropdown, .cart-dropdown, .submenu, .mega-dropdown, .category-dropdown) li {
  display: block;
}

.menu :is(.setting-dropdown, .cart-dropdown, .submenu, .mega-dropdown, .category-dropdown) li a {
  display: block;
}

.menu .setting-dropdown {
  padding: 10px 0;
  margin-top: 10px;
}

.menu .setting-dropdown li a {
  padding: 6px 0 6px 16px;
}

.menu .setting-dropdown li img {
  max-width: 16px;
  border-radius: 50%;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}

.menu .cart-dropdown {
  margin-top: 10px;
  right: 0;
  left: auto;
  min-width: 450px;
  padding: 20px 0;
}
.menu .cart-dropdown-list{
  padding: 0 20px;
  max-height: 340px;
  overflow-y: scroll;
}
.menu .cart-footer{
  padding: 0 20px;
}
.menu .cart-dropdown ul {
  border-bottom: 1px solid var(--border);
}

.menu .cart-dropdown ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 0;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 15px;
  position: relative;
}
.menu .cart-dropdown ul li:last-child{
  border-bottom: none;
}
.menu .cart-dropdown .cart-img {
  max-width: 85px;
  width: 100%;
  overflow: hidden;
  -webkit-margin-end: 15px;
  margin-inline-end: 15px;
  overflow: hidden;
  background-color: var(--color-light-1);
  border: 1px solid var(--border);
}

.menu .cart-dropdown .cart-title {
  width: 100%;
}
.menu .cart-dropdown .cart-title .product-title{
  font-size: 16px;
  font-weight: 600;
}

.menu .cart-dropdown .cart-title h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.menu .cart-dropdown .variation {
  font-size: var(--font-xsm);
  margin-top: 5px;
}

.menu .cart-dropdown .variation strong {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}

.menu .cart-dropdown .cart-delete {
  margin: auto 0;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
}

.menu .cart-dropdown .cart-delete .btn-remove {
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
}

.menu .cart-dropdown .cart-total {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.menu .cart-dropdown .cart-total h4 {
  margin-bottom: 0;
}

.menu .cart-dropdown .cart-button {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.menu .submenu {
  width: 240px;
  left: 15px;
}

.menu .submenu .submenu {
  top: 0;
  left: 100%;
}

.menu :is(.submenu, .ms-mega) {
  padding: 15px 0px 15px 0px;
}

.menu :is(.submenu, .ms-mega) li a {
  font-size: var(--font-sm);
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px 30px;
}

.menu :is(.submenu, .ms-mega) li img {
  max-width: 16px;
  border-radius: 50%;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}

.menu .ms-mega li a {
  padding-left: 0;
}

.menu .ms-menu {
  position: inherit;
}

.menu .mega-dropdown {
  padding: 20px 10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 50%;
  height: 560px;
  overflow-y: scroll;
}

.menu .category-dropdown {
  padding: 10px 0;
  width: 100%;
  border-radius: 0;
  overflow: visible;
}

.menu .category-dropdown .nav-link {
  padding: 10px 20px 8px 20px;
}

.menu .category-dropdown .nav-link:hover {
  background-color: var(--color-light-1);
}

.menu .category-dropdown .nav-link:hover img {
  background-color: var(--color-white);
}

.menu .category-dropdown .nav-link img {
  width: 38px;
  background-color: var(--color-light-1);
  border-radius: 5px;
  padding: 2px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.menu .category-dropdown .submenu {
  left: 100%;
  top: 0;
}

.menu .category-dropdown .mega-dropdown {
  left: 100%;
  top: 0;
  -webkit-transform: none;
          transform: none;
  width: 992px;
}

.menu :is(.menu-item.active, .nav-item.active) :is(.setting-dropdown, .cart-dropdown, .category-dropdown, .mega-dropdown, .submenu) {
  -webkit-animation: slideUp .4s ease-out 1;
          animation: slideUp .4s ease-out 1;
}

.header-search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 500px;
  min-width: 250px;
  padding: 0 5px;
  border: 1px solid var(--color-primary);
}
@media only screen and (max-width: 1199.99px) {

  /*========== Start Mobile Menu =========*/
  .mobile-menu .header-search-form .search-input input{
    width: 90%;
  }

  .menu.mobile-nav{
    padding: 0 15px;
  }
  .mobile-menu ul .nav-item a{
    border-bottom: 1px solid var(--border-2);
    padding: 10px 0px !important;
    font-size: 14px;
    font-weight: 600;
  }
  .mobile-menu ul .nav-item a i{
    float: right;
  }
  .menu .submenu{
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: calc(100% - 15px);
    padding: 0;
    display: none;
    animation: inherit !important;
    -webkit-animation: inherit !important;
  }
  .menu :is(.menu-item.active, .nav-item.active) :is(.setting-dropdown, .cart-dropdown, .category-dropdown, .mega-dropdown, .submenu) {
    -webkit-animation: inherit;
            animation: inherit;
  }
  
  /*======== End  Mobile Menu ====== */

}

.header-search-form .select-custom {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  border-right: 1px solid var(--border);
}

.header-search-form .select-custom .nice-select {
  padding: 6px 20px;
  height: auto;
  line-height: 1;
  color: var(--color-primary);
  font-weight: var(--font-medium);
}

.header-search-form .select-custom .nice-select:is(:hover, :focus) {
  border-color: transparent;
}

.header-search-form .select-custom .nice-select .list {
  color: var(--color-gray-1);
  min-width: 220px;
  padding: 0;
  -webkit-box-shadow: 0px 15px 30px rgba(49, 49, 49, 0.1);
          box-shadow: 0px 15px 30px rgba(49, 49, 49, 0.1);
}

.header-search-form .search-input {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
}

.header-search-form .search-input input {
  height: 48px;
  -webkit-padding-start: 16px;
          padding-inline-start: 16px;
  border: none;
}

.header-search-form .btn-icon {
  position: absolute;
  right: 8px;
  font-size: var(--font-lg);
}

.header-search-form .btn-icon:hover {
  color: var(--color-primary);
  background: transparent;
}

.is-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: rgba(var(--color-white-rgb), 1) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
          backdrop-filter: saturate(180%) blur(20px);
  -webkit-box-shadow: 0px 8px 30px rgba(24, 24, 24, 0.1);
          box-shadow: 0px 8px 30px rgba(24, 24, 24, 0.1);
  -webkit-animation: slideDown .5s ease-out 1;
          animation: slideDown .5s ease-out 1;
          z-index: 9999 !important;
}

.is-sticky.bg-light {
  background: rgba(var(--color-white-rgb), 0.9) !important;
}

.is-sticky :is(.header-top, .header-middle) {
  display: none;
}

.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

@media (max-width: 1199px) {
  :is(.header-top, .header-middle, .header-bottom) {
    display: none !important;
  }
}
/*# sourceMappingURL=header-1.css.map */