/** Shopify CDN: Minification failed

Line 2704:11 Expected identifier but found whitespace
Line 2704:12 Unexpected "var("

**/
/* -----------------------------------------------------------------------------------
Template Name: Monster store
Template URI: https://www.mahardhi.com
Description: Monster - The eCommerce Bootstrap4 Shopify Template
Author: Mahardhi
Author URI: https://www.mahardhi.com
Version: 2.0
---------------------------------------------------------------------------------- */
html,
body {
  height: 100%;
}
/*=====================================
    tag element
======================================*/
a {
  color: var(--color-primary);
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
a:hover {
  color: var(--color-primary-hover);
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
span {
  /* display: inline-block; */
}
button {
  /* background-color: transparent;
  border: none; */
  /* padding: 0;
  margin: 0; */
}
button,
button:hover {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
button,
button:focus,
a:focus {
  outline: none;
}
p {
  line-height: 25px;
  margin-bottom: 0px;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
select {
  cursor: pointer;
}
img,
iframe {
  max-width: 100%;
}
input,
textarea,
select {
  border: 1px solid var(--color-border);
  max-width: 100%;
  padding: 8px 10px;
  border-radius: 3px;
}
label[for] {
  cursor: pointer;
}
input.input-full,
textarea.input-full,
select.input-full {
  width: 100%;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  width: 100%;
}
th {
  color: var(--color-primary);
}

/* button type */
.btn {
  background-color: var(--color-primary);
}
.btn-style1 {
  background: var(--color-primary-hover);
  color: var(--color-secondary);
  text-transform: uppercase;
  border-radius: 5px;
  padding: 10px 32.5px;
  font-size: 14px;
  line-height: 20px;
  border: none;
  font-weight: 500;
}
.btn-style1:hover {
  color: var(--color-secondary);
  background-color: var(--color-primary);
}
@media (max-width: 991px) {
  .btn-style1 {
    font-size: 12px;
    padding: 5px 15px;
  }
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
  box-shadow: none;
}

/*=====================================
 container css
======================================*/
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row > * {
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 991px) {
  .row > * {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1751px) {
  .container {
    max-width: 1710px;
  }
}
@media (max-width: 1750px) and (min-width: 1441px) {
  .container {
    max-width: 1440px;
  }
}
@media (max-width: 1440px) and (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
/*tooltip*/

.tooltip {
  text-transform: uppercase;
  font-size: 13px;
}

/*=====================================
    scroll up css
======================================*/
.scroll {
  position: fixed;
  right: 20px;
  bottom: 50px;
  z-index: 5;
  background: var(--color-primary-hover);
  color: var(--color-secondary);
  height: 50px;
  width: 50px;
  border-radius: 5px;
  text-align: center;
}
.scroll i {
  font-size: 22px;
  line-height: 50px;
}
.scroll:hover {
  color: var(--color-secondary);
  background: var(--color-primary);
}
@media (max-width: 991px) {
  .scroll {
    width: 40px;
    height: 40px;
  }
  .scroll i {
    line-height: 40px;
  }
}
@-webkit-keyframes bouncekey {
  0% {
    bottom: 2px;
  }
  25%,
  75% {
    bottom: 5px;
  }
  50% {
    bottom: 7px;
  }
  100% {
    bottom: 0;
  }
}
.mm-fullscreen-bg {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.mm-fullscreen-bg.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
body.hidden {
  overflow-y: hidden;
  padding-right: 17px;
}
@media (max-width: 1199px) {
  body.hidden {
    padding-right: 0px;
  }
}

/*=====================================
    header css
======================================*/
.header-area .header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main {
  overflow: hidden;
}
.header-area .header-main .header-element {
  width: 33.33%;
}
.right-block-box .user-wrap,
.right-block-box .wishlist-wrap {
  display: none;
}
.header-area .header-main .navbar-toggler {
  display: none;
}
.acc.dropdown-menu {
  padding: 7px 15px;
  width: 200px;
  background: var(--color-secondary);
  z-index: 1001;
  margin: 0;
  border-radius: 5px;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 3px solid var(--color-primary-hover);
  box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 5%);
  -moz-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 5%);
  -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 5%);
}
.search.dropdown-menu {
  padding: 0;
  position: absolute;
  right: 0;
  left: auto;
  width: 280px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  z-index: 12;
  box-shadow: 0 1px 5px rgb(0 0 0 / 11%);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);
  -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 11%);
  border-bottom: 3px solid var(--color-primary-hover);
  border-radius: 5px;
  border: none;
}
.search-btn i,
.acc-desk i {
  font-size: 20px;
  display: block;
}
.acc-desk .fa-angle-down {
  font-size: 14px;
  line-height: 20px;
}
.search .search-btn i {
  font-size: 14px;
  line-height: 10px;
}
.search-btn,
.user {
  display: block;
}
.cart-items {
  margin-left: 5px;
}
.header-center {
  background: var(--color-primary);
}
.search-wrap .form-search input {
  width: 100%;
  border: none;
  padding: 5px 15px;
  height: 44px;
  background: var(--color-secondary);
  border-radius: 5px 0 0 5px;
}
.sidebar-search-input .form-search {
  position: relative;
  display: flex;
  /* padding: 0 0 10px; */
}
.sidebar-search-input .form-search button {
  padding: 15px 22px;
  border: none;
  color: var(--color-secondary);
  background: var(--color-primary-hover);
  border-radius: 0 5px 5px 0;
}
.sidebar-search-input .form-search button:hover {
  /* background-color: var(--color-primary); */
}
.search input {
  border-radius: 5px 0 0 5px;
}
.cart-item {
  margin-left: 5px;
}
.header-center .search {
  display: none;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .header-main-area .search {
    margin: 0;
    max-width: 531px;
  }
}
@media (max-width: 1199px) {
  #cart-total {
    padding: 2px 5px;
    right: 0;
  }
}
@media (max-width: 991px) {
  .header-center .search {
    display: block;
  }
  .search input {
    width: 40%;
  }
  .sidebar-search-input .form-search button {
    margin: 0;
  }
  .header-main-area .search {
    display: none;
  }
  .right-block-box .navbar-toggler {
    color: var(--color-secondary);
  }
  .header-bottom .sidebar-search-input {
    padding-bottom: 20px;
  }
  .sidebar-search-input .form-search {
    justify-content: center;
    padding-bottom: 10px;
  }
  #cart-total {
    position: absolute;
    right: -4px;
    top: 2px;
    background: var(--color-primary);
    font-size: 10px;
    line-height: 13px;
    border-radius: 50%;
    padding: 2px;
    color: var(--color-secondary);
  }
  .wishlist i {
    font-size: 20px;
  }
  .wishlist .wishlist-text {
    display: none;
  }
  .right-block-box .user-wrap,
  .right-block-box .wishlist-wrap {
    display: block;
  }
  .search-btn i,
  .acc-desk i {
    color: var(--color-secondary);
  }
}
@media (max-width: 575px) {
  .search input {
    width: 50%;
  }
}
/* accout css */
.right-block-box {
  display: flex;
  justify-content: flex-end;
  color: var(--color-body-bg);
  max-width: 630px;
  width: 100%;
}
.top-right .user .acc-ti {
  color: var(--color-secondary);
  margin: 0 8px 0 10px;
}
.top-right .acc-desk:hover .acc-ti,
.top-right .acc-desk:hover i {
  color: var(--color-primary-hover);
}
.top-right .user {
  display: flex;
}
.search {
  width: 100%;
}
.right-block-box .search [type="search"] {
  width: 100%;
}
.right-block-box ul.shop-element {
  display: flex;
  align-items: center;
}
.cart-wrap {
  padding: 15px 0 15px 15px;
}
ul.shop-element .user-wrap .acc-desk i {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.right-block-box:hover ul.shop-element .user-wrap .acc-desk i,
.right-block-box:hover ul.shop-element .user-wrap .acc-desk .acc a.acc-ti,
.right-block-box:hover ul.shop-element .user-wrap .acc-desk .acc .acc-re-lo a {
  color: var(--color-secondary);
}
ul.shop-element .user-wrap .acc-mobile {
  display: none;
}
ul.shop-element .user-wrap .acc-desk .acc {
  /* display: flex;
  flex-direction: column;
  align-items: baseline; */
}
ul.shop-element .user-wrap .acc-desk .acc a.acc-ti {
  display: block;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--color-body-bg);
}
.register-login {
  display: flex;
  flex-direction: column;
}

.wishlist a {
  color: var(--color-secondary);
}
.register-login a {
  color: var(--color-primary);
}
.register-login a:hover {
  color: var(--color-primary-hover);
}
ul.shop-element .user-wrap .acc-desk .acc .acc-re-lo a {
  font-size: 14px;
  color: var(--color-body-bg);
  padding-right: 5px;
  /*   margin-right: 5px; */
  /*   border-right: 1px solid #c3c3c3; */
}
ul.shop-element .user-wrap .acc-desk .acc .acc-re-lo a:last-child {
  padding-right: 0px;
  margin-right: 0px;
  border-right: none;
}
@media (max-width: 1199px) {
  .logo img {
    width: 185px !important;
    image-rendering: -webkit-optimize-contrast;
  }
  ul.main-menu li.menu-link a.link-title {
    padding: 30px 7px;
  }
}
@media (max-width: 991px) {
  .logo img {
    width: 200px !important;
  }
  .cart-wrap.ele-wrap {
    display: none;
    background: transparent;
  }
  .right-block-box .cart-wrap.ele-wrap {
    display: block;
  }
  .search-btn {
    margin-top: 3px;
  }
  .search-btn,
  .user,
  .wishlist,
  .shopping-cart {
    padding: 10px 0;
    margin-right: 10px;
  }
  .right-block-box .cart-wrap.ele-wrap {
    display: block;
    /* margin: 0; */
    background: transparent;
    color: var(--color-secondary);
  }
  .top-right .shopping-cart {
    /* display: none; */
  }
  .top-right .acc-ti,
  .top-right .fa-angle-down {
    display: none;
  }
}
@media (max-width: 767px) {
  .search-btn {
    margin-top: 0;
  }
}
@media (max-width: 575px) {
  .logo img {
    width: 160px !important;
  }
}
@media (max-width: 480px) {
  .logo img {
    /* width: 100px !important; */
  }
}
@media (max-width: 375px) {
  .search-btn,
  .user {
    /* padding: 5px; */
  }
}
/* wishlist-cart css */
ul.shop-element .wishlist-wrap .wishlist a,
ul.shop-element .cart-wrap .shopping-cart a.cart-count {
  color: var(--color-secondary);
  position: relative;
  display: flex;
}
ul.shop-element .wishlist-wrap .wishlist a:hover {
  color: var(--color-secondary);
}
ul.shop-element .cart-wrap .shopping-cart a.cart-count:hover {
  color: var(--color-secondary);
}
ul.shop-element .wishlist-wrap .wishlist a span,
ul.shop-element .cart-wrap .shopping-cart a.cart-count div {
  color: var(--color-primary);
  display: flex;
}
.header-bottom .sidebar-search-input {
  display: none;
}
.right-block-box .shopping-cart {
  display: none;
}
@media (min-width: 989px) {
  .right-block-box .wishlist-wrap.ele-wrap {
    /* display: none; */
  }
}
@media (max-width: 991px) {
  .header-bottom .sidebar-search-input {
    display: flex;
    justify-content: center;
  }
  .header-bottom {
    background: var(--color-primary);
  }
  .header-area .header-main {
    padding: 10px 0;
  }
  .header-bottom .form-search #search {
    /* display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-secondary);
    padding: 10px 15px;
    width: 100%;
    height: 40px;
    background-color: var(--color-body-bg);
    line-height: normal;
    border: 1px solid var(--color-border);
    border-radius: 5px; */
  }
  .right-block-box .wishlist-wrap.ele-wrap,
  .right-block-box .shopping-cart {
    display: block;
  }
  .shopping-cart .cart-text {
    display: none;
  }
  ul.shop-element .user-wrap .acc-mobile {
    display: block;
  }
  ul.shop-element .user-wrap .acc-mobile .acc {
    display: flex;
  }
  ul.shop-element .user-wrap .acc-mobile .acc-re-lo a {
    font-size: 25px;
    color: var(--color-body-bg);
    line-height: 0;
  }
  ul.shop-element .cart-wrap .shopping-cart a.cart-count {
    color: var(--color-body-bg);
  }
  ul.shop-element .wishlist-wrap .wishlist a,
  ul.shop-element .cart-wrap .shopping-cart a.cart-count {
    font-size: 25px;
  }
  ul.shop-element .wishlist-wrap .wishlist a span,
  ul.shop-element .cart-wrap .shopping-cart a.cart-count span {
    top: -5px;
  }
  ul.shop-element .cart-wrap .shopping-cart a.cart-count span {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .header-area .header-main .header-element {
    width: 50%;
  }
  .header-area .header-main .header-element.search {
    display: none;
  }
  ul.shop-element .wishlist-wrap .wishlist a,
  ul.shop-element .cart-wrap .shopping-cart a.cart-count,
  ul.shop-element .user-wrap .acc-mobile .acc-re-lo a {
    font-size: 20px;
  }
  ul.shop-element .wishlist-wrap .wishlist a span,
  ul.shop-element .cart-wrap .shopping-cart a.cart-count span {
    font-size: 11px;
    height: 20px;
    width: 20px;
  }
  ul.shop-element .user-wrap .acc-mobile,
  ul.shop-element .shopping-cart {
    line-height: 0;
  }
}
@media (max-width: 320px) {
  .cart-text {
    font-size: 11px;
  }
}
/*=====================================
    main header css
======================================*/
.main-menu-area .box-header {
  display: none;
}
.main-menu-area .navbar-collapse.collapse:not(.show) {
  display: block !important;
}
ul.main-menu {
  position: relative;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
}
.main-menu-area ul.cat-menu-li li .cat-title .hot:before,
ul.main-menu li.menu-link a.link-title .hot:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-top-color: transparent;
  border-left-width: 0px;
  border-right-width: 6px;
  border-top: 5px solid var(--color-border);
  -moz-transform: scale(0.9999);
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.sub-menu
  li.megamenu-li
  a.sublink-url
  i {
  display: block;
}
.main-menu-area ul.cat-menu-li li .cat-title .hot,
ul.main-menu li.menu-link a.link-title .hot {
  background: #ff0000 none repeat scroll 0 0;
  border-radius: 2px;
  font-size: 8px;
  font-weight: 500;
  padding: 2px 4px;
  position: absolute;
  top: 4px;
  letter-spacing: 0.5px;
  color: var(--color-body-bg);
  line-height: 8px;
  right: 1px;
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.sub-menu
  li.megamenu-li
  a.sublink-url {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.sub-menu
  li.megamenu-li
  ul.dropdown-supmenu {
  background-color: var(--color-secondary) !important;
}
ul.main-menu li.menu-link a.link-title {
  color: var(--color-secondary);
  padding: 42px 25px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 0;
  background: transparent;
  text-transform: uppercase;
}
ul.main-menu li.menu-link a.link-title:hover {
  background: transparent;
  color: var(--color-primary-hover);
}
.top-notification-bar .wishlist a:hover {
  color: var(--color-primary-hover);
}
ul.main-menu li.menu-link:last-child a.link-title:after {
  display: none;
}
ul.main-menu li.menu-link a.link-title:after {
  /*   content: "";
  position: absolute;
  right: 0;
  bottom: 50%;
  transform: translateY(50%);
  width: 1px;
  height: 25px;
  background: rgba(5, 5, 5, 0.09); */
}
ul.main-menu li.menu-link a.link-title.link-title-lg {
  display: none;
  text-decoration: none;
}
ul.main-menu li.menu-link ul.dropdown-submenu.collapse:not(.show) {
  display: table;
}
ul.main-menu li.menu-link ul.dropdown-submenu {
  position: absolute;
  padding: 8px 0;
  top: 120%;
  background-color: var(--color-secondary);
  z-index: 2;
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  box-shadow: 0 6px 12px #0000002e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 3px solid var(--color-primary-hover);
}

ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu,
ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu {
  /*   left: 0;
  right: 0; */
  width: auto;
}
ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu {
  left: auto;
  margin-left: 0px;
  text-align: left;
}
ul.main-menu li.menu-link:hover ul.dropdown-submenu {
  top: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li,
ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.megamenu-li {
  display: block;
  padding: 5px 20px;
  position: relative;
  /* border-top: 1px solid var(--color-border); */
}
ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li {
  /*   padding: 0 15px; */
  /*   margin-bottom: 10px; */
  padding: 8px 16px;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li:last-child {
  margin-bottom: 0px;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li .sublink-url {
  position: relative;
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 300;
  margin: 0;
  min-width: 200px;
}
.main-menu .dropdown-supmenu.collapse {
  left: 100%;
  position: absolute;
  padding: 8px 0;
  top: 120%;
  background-color: var(--color-secondary);
  z-index: 2;
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  box-shadow: 0 6px 12px #0000002e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 3px solid var(--color-primary-hover);
}
.megamenu-li:hover .dropdown-supmenu.collapse {
  top: 25%;
  opacity: 1;
  visibility: visible;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.main-menu-area .mega-menu > li ul {
  margin: 0;
}
.supmenu-li {
  padding: 5px 20px;
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu
  li.megamenu-li
  .sublink-url:hover {
  color: var(--color-primary-hover);
}
ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li a.sublink-title {
  display: none;
  font-weight: 600;
}
ul.main-menu li.menu-link ul.dropdown-supmenu.collapse:not(.show) {
  display: block;
}
ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li a > span {
  font-size: 10px;
  color: var(--color-body-bg);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 1px 8px;
  display: block;
  position: absolute;
  top: -2px;
  right: -40px;
}
.menu-link ul.dropdown-submenu li.megamenu-li .sublink-url i {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  line-height: 20px;
}
ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li a {
  position: relative;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
}
/* .menu-banner .banner-hover img {
  display: none;
} */
ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a img {
  width: auto;
  margin: 0 auto;
}
ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a span {
  padding: 5px 20px;
}
.main-menu-area {
  position: relative;
  /*   border-top: 1px solid #dee2e6; */
  align-items: center;
  background: var(--color-background2);
  justify-content: space-between;
}
.main-menu-area .menu {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
}
.is-sticky .main-menu-area .menu {
  color: var(--color-primary);
}
.main-menu-area .call-line a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.main-menu-area .call-line .contact-block span {
  display: block;
  font-size: 14px;
  color: var(--color-secondary);
}
.main-menu-area .call-line .contact-block span:first-child {
  color: var(--color-primary);
}
.main-menu-area .call-line .icon-block {
  margin-right: 15px;
}
ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu {
  left: auto;
  right: auto;
  min-width: 200px;
  width: auto;
  padding: 15px 0;
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.sub-menu
  li.megamenu-li {
  display: block;
  /*   margin-bottom: 10px; */
  position: relative;
  padding: 8px 16px;
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.sub-menu
  li.megamenu-li
  .sublink-title {
  display: none;
}
.menu-link i {
  display: none;
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.sub-menu
  li.megamenu-li
  a.sublink-url {
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.sub-menu
  li.megamenu-li
  ul.dropdown-supmenu {
  position: absolute;
  top: calc(0% + 0px);
  left: 100%;
  width: 100%;
  background-color: var(--color-body-bg);
  opacity: 0;
  padding: 15px;
  visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-bottom: 3px solid var(--color-primary-hover);
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.sub-menu
  li.megamenu-li:hover
  ul.dropdown-supmenu {
  top: calc(0% + -15px);
  opacity: 1;
  visibility: visible;
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.sub-menu
  li.megamenu-li
  ul.dropdown-supmenu
  li.supmenu-li:first-child {
  margin-top: 0px;
}
ul.main-menu
  li.menu-link
  ul.dropdown-submenu.mega-menu.sub-menu
  li.megamenu-li
  ul.dropdown-supmenu
  li.supmenu-li
  a.suplink-title {
  width: 100%;
}
.main-menu-area ul.cat-menu-li li.cat-title-li:hover ul.cat-menu {
  top: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.main-menu-area ul.cat-menu-li {
  display: inline-block;
}
.main-menu-area ul.cat-menu-li li .cat-title {
  color: var(--color-secondary);
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 15px 20px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link:hover
  ul.sub-menu,
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link:hover
  ul.mega-menu {
  visibility: visible;
  opacity: 1;
  -ms-filter: 1;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  ul.sub-menu
  li.submenu-li,
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  li.megamenu-li
  ul.dropdown-supmenu
  li.supmenu-li {
  margin-bottom: 10px;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  ul.sub-menu
  li.submenu-li
  a.sublink-title,
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  li.megamenu-li
  ul.dropdown-supmenu
  li.supmenu-li
  a.suplink-title {
  font-weight: 400;
  color: var(--color-primary);
  margin-bottom: 0;
  font-size: 14px;
  line-height: normal;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  li.megamenu-li
  ul.dropdown-supmenu {
  display: block;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  li.megamenu-li
  a.sublink-title {
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
  color: var(--color-primary);
  margin-bottom: 10px;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  li.menu-banner:last-child {
  padding-right: 0px;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  li.menu-banner {
  width: 33.33%;
  display: inline-block;
  padding-top: 15px;
  padding-right: 15px;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  li.megamenu-li {
  display: inline-grid;
  width: 25%;
  margin-top: 15px;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  ul.mega-menu {
  width: calc(100% - 280px);
  padding: 15px 30px 30px;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  ul.sub-menu {
  width: 280px;
  padding: 30px;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  ul.sub-menu,
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  ul.mega-menu {
  background-color: var(--color-body-bg);
  left: 280px;
  right: 15px;
  top: 0;
  position: absolute;
  text-align: left;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  display: inline-table;
  -ms-filter: 0;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  border-bottom-left-radius: 4px;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link:hover
  a.link-title {
  background-color: var(--color-background3);
  border-radius: 0;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  a.link-title
  span.rt-ic {
  font-size: 12px;
  font-weight: 900;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  a.link-title
  span.sub-title {
  width: 100%;
  text-align: left;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  a.link-title
  img {
  margin-right: 5px;
}
.main-menu-area ul.cat-menu-li li.cat-title-li ul.cat-menu li.menu-link {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.main-menu-area
  ul.cat-menu-li
  li.cat-title-li
  ul.cat-menu
  li.menu-link
  a.link-title {
  margin-bottom: 0;
  padding: 15px;
  color: var(--color-primary);
  width: 280px;
  background-color: var(--color-body-bg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
}
.main-menu-area ul.cat-menu-li li.cat-title-li ul.cat-menu {
  margin-left: 0;
  margin-top: 0;
  background-color: transparent;
  left: 15px;
  right: 15px;
  position: absolute;
  text-align: left;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  -ms-filter: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  top: 120%;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.menu-mobile {
  display: none;
}
@media (min-width: 992px) {
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu
    li.megamenu-li:first-child {
    border: none;
  }
  .supmenu-li:first-child {
    border: none;
  }
}
@media (max-width: 1440px) {
  ul.main-menu li.menu-link a.link-title {
    padding: 30px 12px;
  }
  .right-block-box {
    max-width: 450px;
  }
}
@media (max-width: 1199px) {
  ul.main-menu li.menu-link a.link-title {
    padding: 30px 7px;
  }
  .right-block-box {
    max-width: 340px;
  }
}
@media (max-width: 991px) {
  .menu-mobile {
    display: block;
  }
  .header-area .header-main .navbar-toggler {
    display: block;
    padding: 0;
    border: none;
    outline: none;
    border-radius: 0;
    padding: 10px 0;
    margin-right: 10px;
  }
  .cart-wrap {
    padding: 10px 20px 10px 10px;
  }
  .header-area .header-main .navbar-toggler .icon-menu {
    font-weight: 900;
    font-size: 18px;
  }
  .header-area .header-main .navbar-toggler:focus {
    box-shadow: none;
  }
  .main-menu-area {
    position: fixed;
    top: 0;
    width: 300px;
    left: -300px;
    display: block;
    /* padding: 0 15px; */
    height: 100%;
    z-index: 10;
    background-color: var(--color-background);
    max-height: 100%;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
  }
  .main-menu-area.active {
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }
  .main-menu-area .main-navigation {
    display: block;
    width: 100%;
  }
  .main-menu-area .box-header {
    /* display: block;
    text-align: right;
    padding: 15px 0; */
    padding: 10px 15px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    background: var(--color-primary-hover);
    color: var(--color-secondary);
  }
  ul.main-menu {
    flex-direction: column;
    padding: 0 15px;
  }
  ul.main-menu li.menu-link {
    width: 100%;
    padding: 0;
  }
  ul.main-menu li.menu-link:hover {
    background-color: transparent;
  }
  ul.main-menu li.menu-link a.link-title {
    display: none;
  }
  ul.main-menu li.menu-link a.link-title.link-title-lg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    /* border-bottom: 1px solid var(--color-border); */
  }
  ul.main-menu li.menu-link a.link-title:hover {
    background: transparent;
    color: var(--color-background2);
  }
  .menu-link i.fa.fa-angle-down {
    display: block;
  }
  .main-menu-area ul.cat-menu-li li .cat-title:after,
  ul.main-menu li.menu-link a.link-title:after {
    display: none;
  }
  ul.main-menu li.menu-link a.link-title.link-title-lg i,
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu
    li.megamenu-li
    a.sublink-title
    i {
    font-size: 20px;
    display: block;
  }
  ul.main-menu
    li.menu-link
    a.link-title.link-title-lg[aria-expanded="true"]
    i::before,
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu
    li.megamenu-li
    a.sublink-title[aria-expanded="true"]
    i::before {
    content: "\f106";
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.collapse:not(.show) {
    display: none;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu {
    padding: 0 0;
    position: relative;
    top: 120%;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
  }
  .main-menu .dropdown-supmenu.collapse {
    left: 0;
    position: relative;
    background: var(--color-background);
    top: 0;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    border: none;
  }
  .supmenu-li {
    padding: 5px 20px;
    border: none;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li,
  ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.megamenu-li,
  ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner {
    border: none;
  }
  .megamenu-li:hover .dropdown-supmenu.collapse {
    top: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu {
    margin-left: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu,
  ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu,
  ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu {
    left: 0;
    width: 100%;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu {
    max-height: 293px;
    overflow-y: auto;
  }
  ul.main-menu li.menu-link:hover ul.dropdown-submenu {
    top: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li {
    margin-bottom: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li,
  ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.megamenu-li,
  ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner,
  ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li {
    display: block;
    padding: 0 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li a.sublink-url {
    display: none;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu {
    background: transparent;
    border: none;
  }
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu.sub-menu
    li.submenu-li
    a.sublink-title,
  ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li a.suplink-title {
    display: block;
    padding: 10px 35px;
  }
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu
    li.menu-banner
    a.menu-banner-title,
  ul.main-menu li.menu-link ul.dropdown-submenu li.megamenu-li a.sublink-title,
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu
    li.megamenu-li
    a.sublink-title:focus {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    padding: 10px 20px;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a span {
    margin-top: 0;
  }
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu
    li.menu-banner
    a.menu-banner-title {
    display: block;
  }
  ul.main-menu li.menu-link ul.dropdown-supmenu.collapse:not(.show) {
    display: none;
  }
  ul.main-menu li.menu-link ul.dropdown-supmenu {
    max-height: 160px;
    overflow-y: auto;
  }
  ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li,
  ul.main-menu li.menu-link ul.dropdown-supmenu li.supmenu-li:first-child {
    margin-top: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu li.menu-banner a.banner-hover {
    display: none;
  }
  .main-menu-area .call-line {
    display: none;
  }
  .header-area .box-header .close-box {
    width: 20px;
    margin-top: 5px;
    font-size: 18px;
  }
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu.sub-menu
    li.megamenu-li {
    margin-bottom: 0;
  }
  ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.sub-menu {
    padding: 0;
  }
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu.sub-menu
    li.megamenu-li
    a.sublink-title {
    padding: 5px 15px;
    display: flex;
  }
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu.sub-menu
    li.megamenu-li
    a.sublink-url {
    display: none;
  }
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu.sub-menu
    li.megamenu-li
    a.sublink-title
    i {
    transform: none;
  }
  ul.main-menu
    li.menu-link
    ul.dropdown-submenu.mega-menu.sub-menu
    li.megamenu-li
    ul.dropdown-supmenu {
    position: unset;
    padding: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 991px) {
  ul.main-menu li.menu-link a.link-title:after {
    content: "";
    background: var(--color-secondary);
    width: 0;
    height: 3px;
    display: block;
    position: absolute;
    margin-top: 5px;
    transition: all 350ms ease-out 0s;
    -moz-transition: all 350ms ease-out 0s;
    -o-transition: all 350ms ease-out 0s;
    -webkit-transition: all 350ms ease-out 0s;
  }
  ul.main-menu li.menu-link a.link-title:hover:after {
    width: 30px;
  }
}
@media (max-width: 991px) {
  .header-area .box-header .close-box {
    color: var(--color-secondary);
    background: transparent;
    border: none;
  }
  ul.main-menu li.menu-link a.link-title:after {
    display: none;
  }
  ul.main-menu li.menu-link a.link-title {
    color: var(--color-primary);
  }
}
@media (max-width: 575px) {
  .header-area .header-main .navbar-toggler {
    /* padding-top: 0px; */
  }
}
@media (max-width: 480px) {
  .header-area .header-main {
    padding: 15px 0 10px;
  }
}
@media (max-width: 375px) {
  .cart-wrap {
    padding: 10px 10px 10px 10px;
  }
}
/*search modal*/
.modal.searchmodal .modal-body {
  padding: 30px 0;
}
.modal.searchmodal .modal-content {
  border: 0;
  border-radius: 0;
}
.modal.searchmodal .modal-dialog {
  max-width: 100%;
  margin: 0 0;
}
.modal.searchmodal {
  padding-right: 0 !important;
}
.modal.searchmodal .input-form {
  display: flex;
  align-items: center;
}
.modal.searchmodal .form-search {
  width: 100%;
}
.modal.searchmodal .search-close {
  margin-left: 10px;
}
.modal.searchmodal .search-close button {
  float: none;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 0;
  opacity: 1;
  text-shadow: none;
  position: inherit;
}
.modal.searchmodal .form-search input {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-secondary);
  height: 40px;
  width: 100%;
  background-color: var(--color-body-bg);
  font-family: "Poppins", sans-serif;
  line-height: normal;
  border: 1px solid var(--color-border);
  border-radius: 3px;
}
.modal.searchmodal .form-search {
  position: relative;
}
.modal.searchmodal .form-search button {
  font-size: 16px;
  color: var(--color-body-bg);
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  background-color: var(--color-secondary);
}
.modal.searchmodal .form-search button:hover {
  background-color: var(--color-primary);
}

/*=====================================
    section title css
======================================*/
.section-title {
  /*   text-align: center; */
}
.section-title h2 {
  font-size: 16px;
  font-weight: 500;
  padding: 15px 17px;
  margin: 0 0 20px;
  text-transform: uppercase;
  position: relative;
  line-height: 20px;
  text-align: left;
  background: var(--color-secondary);
  border-left: 3px solid var(--color-primary-hover);
}
@media (max-width: 1199px) {
  .section-title h2 {
    /* font-size: 24px; */
  }
}
@media (max-width: 991px) {
  .section-title h2 {
    padding: 10px;
    margin-bottom: 10px;
  }
}
@meida ( max-width:575px) {
  .section-title h2 {
    /* font-size: 20px; */
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .section-title h2 {
    /*     font-size: 18px; */
    /*     margin-bottom: 20px; */
  }
}
@media (max-width: 375px) {
  .new-product .section-title {
    padding: 0;
  }
  .new-product .row > * {
    padding-right: 0;
    padding-left: 0;
  }
}
/*=====================================
    Banner Area css
======================================*/
/*banner hover*/
.banner-hover {
  position: relative;
  overflow: hidden;
}
/*=====================================
    product tab slider css
======================================*/
.product-area {
  background: var(--color-secondary);
}
.product-tab-box .tab {
  padding: 0 10px;
}
.tab ul.nav-tabs {
  color: var(--color-secondary);
  border-left: 3px solid var(--color-primary-hover);
  border-bottom: 0;
}
.tab ul.nav-tabs li {
  margin-right: 15px;
  position: relative;
}
.nav.nav-tabs a {
  text-transform: uppercase;
  padding: 15px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
}
.nav-tabs > li > a {
  margin-right: 0;
}
.nav-tabs > li {
  margin-left: 7px;
}
.product-tab-box:hover .swiper-buttons {
  opacity: 1;
}
.product-tab-box .nav-tabs > li > a:hover {
  color: var(--color-primary-hover);
  background: transparent;
}
.product-tab-box .single-product-wrap .product-inner {
  margin-bottom: 20px;
}
.nav.nav-tabs a.active,
.nav.nav-tabs a:hover {
  color: var(--color-primary-hover);
  background: transparent;
}
.nav.nav-tabs a.active span::before,
.nav.nav-tabs a:hover span::before {
  transform: rotate(-45deg);
  left: auto;
  right: -6px;
}
.nav.nav-tabs a.active span::after,
.nav.nav-tabs a:hover span::after {
  transform: rotate(45deg);
  left: -6px;
  right: auto;
}
/* .tab ul.nav-tabs li a.active {
  color: var(--color-primary-hover);
  background: transparent;
  border-radius: 0;
}
.tab ul.nav-tabs li a:after {
  content: "";
  background: var(--color-primary-hover);
  width: 0;
  height: 3px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  position: absolute;
  bottom: -2px;
  transition: all 350ms ease-out 0s;
  -moz-transition: all 350ms ease-out 0s;
  -o-transition: all 350ms ease-out 0s;
  -webkit-transition: all 350ms ease-out 0s;
}
.tab ul.nav-tabs li a:hover,
.tab ul.nav-tabs li a:hover:after {
  color: var(--color-primary-hover);
  width: 100%;
}
.tab ul.nav-tabs li a:after:hover {
  background: var(--color-primary-hover);
}
.tab ul.nav-tabs li a.active:after {
  background: var(--color-primary-hover);
  width: 100%;
} */
.tab ul.nav-tabs li a {
  text-transform: uppercase;
  padding: 15px 15px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  border: none;
  margin: 0;
  color: var(--color-primary);
}
.product-tab-box .swiper-buttons {
  position: absolute;
  top: -55px;
  right: 10px;
  left: auto;
  display: flex;
}
@media (max-width: 991px) {
  .nav.nav-tabs a {
    padding: 0 10px 10px;
  }
  .product-tab-box .swiper-buttons {
    opacity: 1;
    right: 10px;
  }
}
@media (max-width: 767px) {
  .product-tab-box .swiper-buttons,
  .product-tab-box:hover .swiper-buttons {
    /* opacity: 0; */
  }
  .tab ul.nav-tabs {
    display: flex;
  }
  .tab ul.nav-tabs li {
    margin-right: 0;
    display: table;
    text-align: center;
    margin: 0 15px;
  }
  .tab ul.nav-tabs li:last-child {
    margin-bottom: 0;
  }
}

/*=====================================
    product grid css
======================================*/
.single-product-wrap .product-image {
  /*   position: relative; */
}
.single-product-wrap .product-image.stock-out {
  cursor: not-allowed;
}
.product_details_info .product-description {
  color: var(--color-primary) !important;
}
.pricerating-addcart {
  margin: 13px 0 0;
}
.grid-1 .pricerating-addcart {
  display: block;
}
.grid-1
  .single-product-wrap
  .product-inner:hover
  .product-image
  .product-action
  a {
  opacity: 1;
  bottom: 55px;
}
.grid-1 .single-product-wrap .product-image .product-action .wishlist {
  display: none;
}
.single-product-wrap .product-image.stock-out a {
  position: relative;
}
.single-product-wrap .product-inner {
  position: relative;
  margin-bottom: 20px;
}
.product-inner:hover .product-image > a {
  /* opacity: 0.5; */
}
.single-product-wrap .product-inner:hover {
  /* -moz-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 0 0 10px 5px rgb(0 0 0 / 6%);
  box-shadow: 0 0 10px 5px rgb(0 0 0 / 6%);
  border-color: var(--color-secondary); */
}
.single-product-wrap .product-image.stock-out a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.single-product-wrap .product-image a.pro-img .img1 {
  backface-visibility: hidden;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.single-product-wrap .product-image a.pro-img .img2 {
  color: var(--color-secondary);
  height: auto;
  left: 0;
  /* opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0; */
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.quickview-btn-wishlist .add-wishlist .label {
  display: none;
}
.grid-1 .product-inner:hover .price-box {
  opacity: 1;
}
.grid-1 .single-product-wrap .add-wishlist .label,
.grid-1 .single-product-wrap .cart-title .label,
.grid-1 .single-product-wrap .quick-view .label {
  display: none;
}
.grid-1 .single-product-wrap .quick-view,
.grid-1 .single-product-wrap .wishlist {
  display: inline-block;
  text-align: center;
  height: 36px;
  width: 36px;
  padding: 0;
  border: 1px solid var(--color-border);
  border-radius: 5px;
  color: var(--color-primary);
  background: var(--color-secondary);
  cursor: pointer;
  position: relative;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.grid-1 .single-product-wrap .quick-view:hover,
.grid-1 .single-product-wrap .wishlist:hover {
  color: var(--color-secondary);
  background: var(--color-primary-hover);
}
.grid-1 .single-product-wrap .wishlist i {
  line-height: 36px;
}
.grid-1 .single-product-wrap .quick-view:hover i,
.grid-1 .single-product-wrap .add-wishlist:hover i {
  color: var(--color-secondary);
}
.grid-1 .single-product-wrap .wishlist:hover {
  background: var(--color-primary-hover);
  color: var(--color-secondary);
}
.product-grid-view .grid-3 .row {
  margin-right: -30px;
  margin-left: -30px;
}
.product-grid-view .grid-1 .row {
  margin-right: 0;
  margin-left: -20px;
}
.product-grid-view .grid-3 .row > * {
  padding-right: 15px;
  padding-left: 25px;
}
.single-product-wrap .product-inner:hover a.pro-img .img2 {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.single-product-wrap .add-wishlist .label,
.single-product-wrap .cart-title .label,
.single-product-wrap .quick-view .label {
  display: none;
  /* opacity: 0; */
}
.single-product-wrap .product-image .product-action i:hover {
  /* color: var(--color-primary); */
}
.action-wishlist:hover .add-wishlist .label,
.add-to-cart:hover .cart-title .label,
.quick-view:hover .quickview-title .label {
  /* opacity: 1; */
  display: block;
  padding: 0 10px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translate(-35px);
  line-height: 1;
  text-indent: 35px;
  font-size: 14px;
  transition: all 0.8s ease-in-out 0s;
  -webkit-transition: all 0.8s ease-in-out 0s;
  -moz-transition: all 0.8s ease-in-out 0s;
  -o-transition: all 0.8s ease-in-out 0s;
  -ms-transition: all 0.8s ease-in-out 0s;
}
.product-action .add-wishlist:hover,
.product-action .cart-title:hover,
.product-action .quickview-title:hover {
  /* color: var(--color-secondary); */
  /* background: var(--color-primary-hover); */
}
.single-product-wrap .product-image .product-action i {
  /* height: 50px;
  width: 60px;
  font-size: 18px;
  line-height: 50px;
  color: var(--color-secondary); */
}
.single-product-wrap .product-image .product-action .remove-wishlist i {
  background: transparent;
}
.product_details_info .pro-detail-button span.label {
  display: none;
}
/* product label css */
.product-label .sale-title {
  padding: 5px 6px;
  text-transform: uppercase;
  color: var(--color-secondary);
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
  background: var(--color-primary-hover);
  border-radius: 2.5px;
}
.single-product-wrap .product-image {
  position: relative;
  overflow: hidden;
}
.single-product-wrap .product-image .product-label .sale-title {
  right: auto;
  position: absolute;
  left: 0;
  top: 10px;
  color: var(--color-secondary);
  text-transform: uppercase;
  padding: 4px 9px;
  margin: 0;
  font-size: 12px;
  border-radius: 0;
  background: var(--color-primary);
}

.single-product-wrap .product-image .product-action {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.single-product-wrap .product-inner:hover .product-action {
  /* bottom: 20px; */
}
.single-product-wrap .product-image .product-action .wishlist {
  /* top: 50px; */
}
.single-product-wrap .product-inner:hover .product-action .wishlist {
  /* top: 0; */
}
.single-product-wrap .product-image .product-action .quick-view {
  /* top: -50px; */
}
.single-product-wrap .product-inner:hover .product-action .quick-view {
  /* top: 0; */
}
.single-product-wrap .product-image .product-action a {
  position: relative;
  font-size: 16px;
  opacity: 0;
  bottom: -30px;
  text-align: center;
  background: var(--color-secondary);
  color: var(--color-primary);
  margin: 0 3px;
  border-radius: 5px;
  border: 1px solid var(--color-border);
  height: 36px;
  width: 36px;
  line-height: 36px;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.single-product-wrap .product-image .product-action .quick-view {
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  -ms-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
}
.product-inner:hover .product-action a {
  opacity: 1;
  bottom: 50px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.single-product-wrap .product-image .product-action a:hover {
  background: var(--color-primary-hover);
  color: var(--color-secondary);
  border-color: var(--color-primary-hover);
}
.mini-cart .price-box .new-price {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-secondary-light);
}
.single-product-wrap .product-description {
  padding: 18px 0 0;
  position: relative;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-product-wrap .product-content {
  /*   margin-top: 30px; */
  text-align: center;
}
.grid-1 .single-product-wrap .product-content {
  text-align: left;
}
.single-product-wrap .product-title a {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
}
.single-product-wrap .product-content .product-title {
  margin: 0;
  line-height: 20px;
}
.single-product-wrap .product-content .product-ratting {
  /*   margin-top: 10px; */
}
.single-product-wrap .product-content .price-box .new-price {
  font-size: 16px;
  margin: 13px 0 0;
  color: var(--primary-color);
  font-weight: 500;
  line-height: 13px;
}
.grid-1 .product-description span {
  color: var(--color-secondary-light);
  line-height: 24px;
}
.grid-1 .product-description {
  margin: 10px 0 0;
}
.single-product-wrap .product-content .price-box {
  font-size: 16px;
  margin: 13px 0 0;
  color: var(--color-primary);
  font-weight: 500;
  line-height: 13px;
}
.single-product-wrap .product-content .pro-vendor {
  display: none;
}
.grid-1 .product-content .cart-main {
  display: none;
}

.price-box .old-price {
  font-size: 16px;
  text-decoration: line-through;
  padding-left: 5px;
  color: var(--color-secondary-light);
}
.product-ratting .spr-badge i {
  color: var(--color-background1);
}
.product-ratting .spr-badge .spr-icon-star-empty:before {
  color: var(--color-background1);
}
@media (max-width: 991px) {
  .single-product-wrap .product-inner {
    margin-bottom: 20px;
  }
  .pricerating-addcart {
    margin: 5px 0 0;
  }
  .product-grid-view .grid-1 .row {
    margin: 0;
  }
  .product-grid-view .grid-3 .row {
    margin: 0 -5px;
  }
  .grid-1 .single-product-wrap.col-12 {
    padding: 0;
  }
  .single-product-wrap .product-inner {
    padding: 0;
    margin-bottom: 20px;
  }
  .price-box .old-price {
    font-size: 14px;
  }
  .single-product-wrap .product-image .product-action a {
    font-size: 14px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0;
    bottom: 50px;
    display: block;
    opacity: 1;
  }
  .product-inner .wishlist i {
    font-size: 14px;
    line-height: 30px;
  }
  .single-product-wrap .product-image .product-action .quick-view {
    /* top: 0; */
  }
  .single-product-wrap .product-image .product-action .wishlist {
    /* top: 0; */
  }
  .single-product-wrap .product-image .product-action i {
    /* height: 30px;
    width: 40px;
    line-height: 30px; */
  }
  .product-description {
    padding: 10px;
  }
  .product_details_info .product-description {
    padding: 10px 0;
  }
  .product-grid-view .grid-3 .row > * {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  /*   .single-product-wrap .product-image:hover .product-action a:last-child {
    margin-left: 5px;
  } */
  .single-product-wrap .product-content .product-ratting {
    margin-top: 8px;
  }
  .single-product-wrap .product-content .price-box {
    margin: 10px 0 0;
  }
}
@media (max-width: 575px) {
  .single-product-wrap .product-inner {
    /* flex-direction:column; */
  }
}
@media (max-width: 680px) {
  .single-product-wrap .product-image {
    background: transparent;
  }
  .grid-1 .product-inner:hover .product-image > a {
    opacity: 1;
  }
}
@media (max-width: 480px) {
  .product-description {
    padding: 5px;
  }
}
/* ==================================== */
/* product grid */
/* ==================================== */
.shop-product-wrap.collection.grid-1 .product-inner {
  overflow: hidden;
  background: var(--color-secondary);
}
/*=====================================
    product rating css
======================================*/
.product-related-slider .owl-stage-outer {
  padding: 15px 0 0 0;
  margin: -15px 0 0 0;
}
.related-product .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: -45px;
  right: 10px;
  left: auto;
  width: auto;
}
.product-ratting .spr-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-ratting .spr-badge:before,
.product-ratting .spr-badge:after {
  display: none;
}
.product-ratting .spr-badge-starrating {
  display: flex;
  margin: 0 0px 0 0;
  line-height: 0;
}
.product-ratting .spr-badge-caption {
  display: none;
}
.product-ratting .spr-badge-starrating .spr-icon {
  opacity: 1;
  margin-right: 5px;
  width: auto;
  height: auto;
  top: 0;
  font-size: 12px !important;
}
.product-ratting .spr-badge-starrating .spr-icon:last-child {
  margin-right: 0px;
}
@media (max-width: 767px) {
  .product-ratting .spr-badge {
    flex-direction: column;
    align-items: baseline;
  }
  .product-ratting .spr-badge-caption {
    margin-top: 5px;
  }
}

/*=====================================
    collecion grid view
======================================*/

/* product list css */
.single-product-wrap .list-content {
  display: none;
}
.shop-product-wrap.grid-1 .single-product-wrap {
  /*   display: flex; */
  flex-wrap: wrap;
  align-items: center;
}
/* .shop-product-wrap.grid-1 .single-product-wrap .list-content {
  display: block;
} */
.shop-product-wrap.grid-1 .single-product-wrap .product-image {
  float: left;
  margin-right: 30px;
}
.shop-product-wrap.collection.grid-1 .product-inner:hover {
  /* box-shadow: none; */
}
.grid-1 .product-description {
  display: none;
}
.grid-1 .single-product-wrap .wishlist {
  margin: 0 0 0 10px;
}
.grid-1 .single-product-wrap .list-content {
  display: block;
}
.grid-1 .list-cart-main {
  /* padding: 14px 20px;
  background: var(--color-primary-hover);
  color: var(--color-secondary);
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  margin-right: 20px; */
}
.grid-1 .product-inner .product-content .add-to-cart {
  opacity: 1;
  transform: scale(1);
  position: unset;
  display: none;
}
.grid-1 .product-inner:hover .product-action a {
  bottom: 0;
}
.grid-1 .single-product-wrap .product-image .product-action {
  /* display: none; */
}
.grid-1 .product-desc {
  margin-top: 10px;
  color: var(--color-secondary-light);
  margin-right: 6px;
}
.shop-product-wrap.grid-1 .single-product-wrap .spr-badge {
  margin: 10px 0 0;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-title a {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-title a:hover {
  color: var(--color-primary);
}
.shop-product-wrap.grid-1
  .single-product-wrap
  .product-content
  .product-action {
  display: flex;
  align-items: center;
  margin-top: 17px;
}
.grid-1 .single-product-wrap .product-content {
  padding: 25px 0;
  overflow: hidden;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-action .cart-btn a {
  display: block;
  width: fit-content;
}
.pro_details {
  display: none;
}
.shop-product-wrap.grid-1 .single-product-wrap .product-image a.pro-img:after {
  display: none;
}

@media (max-width: 1199px) {
  .shop-product-wrap.grid-1 .single-product-wrap .spr-badge {
    margin-top: 10px;
  }
  .shop-product-wrap.grid-1 .single-product-wrap .price-box {
    margin-top: 10px;
  }
  .shop-product-wrap.grid-1 .single-product-wrap .product-action {
    margin-top: 10px;
  }
  .shop-product-wrap.grid-1 .single-product-wrap .product-image {
    /* width: calc(41% - 15px); */
    /* width: 100%; */
  }
  .shop-product-wrap.grid-1 .single-product-wrap .list-content {
    /* width: calc(50% + 15px); */
  }
}
@media (max-width: 680px) {
  .grid-1 .single-product-wrap .quick-view,
  .grid-1 .single-product-wrap .wishlist {
    width: 50px;
  }
  .grid-1 .list-cart-main {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .shop-product-wrap.grid-1 .single-product-wrap .list-content {
    width: 100%;
  }
  .shop-product-wrap.grid-1 .single-product-wrap .product-action {
    margin-top: 10px;
  }
}
@media (max-width: 375px) {
  .shop-product-wrap.grid-1 .single-product-wrap .product-action a:last-child {
    /* margin-right: 5px; */
  }
}
.product-quantity .cart-plus-minus {
  display: flex;
  border: 2px solid var(--color-border);
  border-radius: 5px;
}
.product-quantity .cart-plus-minus .qtybutton {
  height: 37px;
  width: 37px;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.product-actions {
  display: flex;
  margin: 20px 0;
}
.product-quantity .cart-plus-minus input {
  height: 37px;
  width: 37px;
  font-size: 13px;
  padding: 0;
  text-align: center;
  border: none;
  border-radius: 0;
}
@media (max-width: 1199px) {
  .product-actions {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .product-quantity .cart-plus-minus input {
    height: 27px;
    width: 27px;
  }
  .product-quantity .cart-plus-minus .qtybutton {
  }
}
@media (max-width: 767px) {
  .grid-1 .single-product-wrap .product-content {
    width: 100%;
    padding: 15px 0 0;
  }
}
/*=====================================
    cart css
======================================*/
.cart-page .cart-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
.cart-page .cart-title h2 {
  font-size: 16px;
  font-weight: 600;
}
.product-content .add-to-cart {
  background: var(--color-primary-hover);
  border: none;
  border-radius: 5px;
  color: var(--color-secondary);
  text-transform: uppercase;
  font-weight: 500;
  padding: 10px 20px;
  max-width: 215px;
  width: 100%;
  line-height: 1.1;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  margin: auto;
  text-align: center;
  vertical-align: middle;
  transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  transition: all 0.8s ease 0s;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
  -ms-transition: all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
}
.cart-text {
  vertical-align: middle;
}
.product-inner:hover .product-content .add-to-cart {
  opacity: 1;
  transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
}
.product-content .add-to-cart:hover {
  background: var(--color-primary);
}
background: var(--color-primary);
.grid-1 .product-inner:hover .product-content .add-to-cart {
  /* opacity: 0; */
}
.product-inner:hover .pricerating-addcatt,
.product-inner:hover .ratting-price {
  opacity: 0;
}
.product-content .cart-main {
  /* padding: 15px 20px;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-secondary);
  background: var(--color-primary-hover);
  text-transform: uppercase; */
}
.product-content .cart-main:hover {
  /* background: var(--color-primary); */
}
.product-content .cart-title {
  font-size: 20px;
  vertical-align: middle;
  padding-right: 15px;
}
.shopping-cart .cart-count {
  color: var(--color-secondary);
  display: flex;
  align-items: center;
}
.shopping-cart .cart-count:hover {
  color: var(--color-primary-hover);
}
.shopping-cart .icon-handbag:before {
  font-size: 20px;
  margin-right: 9px;
}
.menu .cart-wrap.ele-wrap {
  background: #d0021b;
  border-radius: 5px;
  padding: 12.5px 15px;
  display: flex;
  align-items: center;
}
.cart-page .cart-title span.cart-count {
  border-bottom: 1px solid var(--color-secondary);
}
.cart-page .item-wrap ul {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid var(--color-border);
}
.cart-page .item-wrap ul li {
  width: 20%;
}
.cart-page .item-wrap ul li:first-child {
  width: 60%;
}
.cart-page .item-wrap ul li.item-info {
  display: flex;
}
.cart-page .item-wrap ul li.item-info .item-title {
  margin-left: 15px;
}
.cart-page .item-wrap ul li.item-info .item-title a {
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.cart-page .item-wrap ul li.item-info .item-title span.item-option {
  display: block;
  margin-top: 5px;
}
.cart-page .item-wrap ul li.item-info .item-title span.item-option span {
  font-weight: 600;
}
.cart-page
  .item-wrap
  ul
  li.item-info
  .item-title
  span.item-option
  span:last-child {
  font-weight: 400;
}
.cart-page .item-wrap ul li.item-qty {
  text-align: center;
}
.cart-page .item-wrap ul li.item-qty .product-quantity {
  display: flex;
  justify-content: center;
}
.cart-page .item-wrap ul li.item-qty .item-remove .remove-wrap a {
  text-decoration: underline;
  margin-top: 15px;
}
.cart-page .item-wrap ul li.item-price {
  text-align: right;
}
.cart-page .cart-buttons {
  margin: 0px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px solid var(--color-border);
}
.cart-page .cart-buttons input {
  padding: 0;
  background-color: transparent;
  border: none;
  text-decoration: underline;
}
.cart-page .cart-total-wrap {
  padding: 15px;
  background-color: var(--color-background3);
  position: sticky;
  top: 0;
}
.cart-page .cart-total-wrap .cart-sub-total,
.cart-page .cart-total-wrap .cart-total .total-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
.cart-page .cart-total-wrap .culculate-shipping {
  margin: 10px 0;
}
.cart-page .cart-total-wrap .culculate-shipping h3 {
  font-size: 14px;
  font-weight: 600;
}
.cart-page .cart-total-wrap .culculate-shipping ul li {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.cart-page .cart-total-wrap .culculate-shipping ul li:first-child {
  margin-top: 15px;
}
.cart-page .cart-total-wrap .culculate-shipping ul li label {
  font-size: 13px;
  margin-bottom: 5px;
}
.cart-page .cart-total-wrap .culculate-shipping ul li select,
.cart-page .cart-total-wrap .culculate-shipping ul li input {
  padding: 8px 10px;
  border: 1px solid var(--color-border);
  background-color: var(--color-body-bg);
  font-size: 13px;
  font-weight: 400;
}
.cart-page .cart-total-wrap .culculate-shipping .shipping-info,
.cart-page .cart-total-wrap .cart-total .proceed-to-checkout {
  margin-top: 15px;
  text-align: center;
}
.cart-page .cart-total-wrap .culculate-shipping .shipping-info a {
  color: var(--color-primary);
}
.cart-page .cart-total-wrap #wrapper-response {
  margin-top: 0;
}
.cart-page .cart-total-wrap #wrapper-response p {
  margin-bottom: 0;
  margin-top: 15px;
}
.cart-page .cart-total-wrap #wrapper-response p.error {
  color: #de3618;
}
.cart-page .cart-total-wrap #wrapper-response p.success {
  display: none;
}
.cart-page .cart-total-wrap #wrapper-response ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 991px) {
  .cart-page .item-wrap ul li {
    width: 50%;
    margin-top: 15px;
  }
  .cart-page .item-wrap ul li:first-child {
    width: 100%;
    margin-top: 0;
  }
  .cart-page .item-wrap ul li.item-qty {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cart-page .item-wrap ul li.item-qty .item-remove .remove-wrap a {
    margin-top: 0;
  }
  .product-content .add-to-cart,
  .product-inner:hover .pricerating-addcatt,
  .product-inner:hover .ratting-price {
    opacity: 1;
  }
  .product-content .add-to-cart {
    position: unset;
    -webkit-transform: scale(1);
    padding: 5px 15px;
    line-height: 20px;
    margin-top: 12px;
  }
  .grid-1 .product-content .add-to-cart {
    margin-top: 0;
  }
  .cart-main i {
    font-size: 15px;
  }
  .product-content .cart-title {
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .cart-page .cart-title,
  .cart-page .cart-buttons {
    padding: 10px 0;
  }
  .cart-page .cart-title h2 {
    font-size: 14px;
  }
  .cart-page .item-wrap ul li.item-info .item-img {
    width: 25%;
  }
  .cart-page .item-wrap ul li.item-info .item-title {
    width: 75%;
  }
  .cart-page .item-wrap ul li.item-info .item-title a {
    font-size: 14px;
  }
  .cart-page .item-wrap ul li.item-qty .item-remove .remove-wrap a {
    margin-left: 15px;
  }
  .cart-page .cart-buttons {
    display: grid;
    justify-content: center;
    text-align: center;
  }
  .cart-page .cart-buttons a {
    margin-top: 10px;
  }
  .cart-page .cart-total-wrap {
    margin-top: 20px;
  }
  .cart-page .cart-total-wrap #wrapper-response p,
  .cart-page .cart-total-wrap .culculate-shipping .shipping-info,
  .cart-page .cart-total-wrap .cart-total .proceed-to-checkout {
    margin-top: 10px;
  }
  .cart-page .empty-cart-page {
    text-align: center;
  }
  .cart-page .empty-cart-page h2 {
    font-size: 28px;
    font-weight: 600;
  }
  .cart-page .empty-cart-page h2 span {
    display: block;
  }
  .cart-page .empty-cart-page h2 span:nth-child(even) {
    color: var(--color-primary);
  }
  .cart-page .empty-cart-page p {
    margin-bottom: 0;
    margin-top: 30px;
  }
  .cart-page .empty-cart-page p a {
    font-size: 16px;
    font-weight: 600;
  }
  .cart-page .empty-cart-page h2 {
    font-size: 30px;
  }
  .cart-page .empty-cart-page p {
    margin-top: 20px;
  }
  .cart-page .empty-cart-page p a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .shopping-cart .icon-handbag::before {
    font-size: 20px;
    margin-right: 8px;
  }
}
/*=====================================
    blog css
======================================*/
.blog-wrap .blog-slider .owl-stage {
  counter-reset: my-sec-counter;
}
.left-wrap .col-xl-3,
.right-wrap .col-xl-3 {
  width: 17.544%;
}
.left-wrap .col-xl-9,
.right-wrap .col-xl-9 {
  width: 82.457%;
}
.blog-post .dot {
  display: none;
}
.blog-admin {
  display: none;
}
.blog-post .date-time {
  margin-right: 15px;
  font-size: 15px;
  font-weight: 300;
}
.blog-wrap .owl-carousel .col-12 {
  padding: 0 10px;
}
.blog-slider {
  /* padding: 0 20px; */
}
.blog-post .comment {
  margin-left: 15px;
}
.blog-wrap .blog-slider .owl-stage .owl-item::after {
  width: 20px;
  height: 15px;
  border-radius: 20px 5px 0 0;
  position: absolute;
  top: 0;
  left: 0px;
  background-color: var(--color-primary);
}
.blog-wrap .blog-slider .owl-stage .owl-item .item {
  display: flex;
}
.blog-slider .blog-post {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.blog-slider .blog-post:hover {
  /* -moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 20px 1px rgb(0 0 0 / 10%);
  border-color: transparent; */
}
.blog-slider .blog-post .blog-post-content h2.blog-title {
  margin: 14px 0 0;
  line-height: 20px;
  font-size: 18px;
  font-weight: 300;
  text-transform: capitalize;
}
.blog-slider .blog-post .blog-post-content p.blog-admin {
  margin-top: 15px;
}
.blog-slider .blog-post .blog-post-content p.blog-admin span:last-child {
  font-weight: 600;
}
.blog-slider .blog-post .blog-post-content p.blog-desc {
  color: var(--color-secondary-light);
  margin: 14px 0 26px;
  line-height: 24px;
  font-size: 15px;
  font-weight: 300;
}
.blog-slider .blog-post .blog-post-content a.read-btn {
  margin-top: 17px;
  font-weight: 600;
}
.blog-slider .blog-post .blog-post-content a.read-btn i {
  padding-left: 5px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.blog-slider .blog-post .blog-post-content a.read-btn:hover i {
  padding-left: 10px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.blog-slider .blog-post .blog-post-content p.blog-publish {
  display: flex;
  align-items: center;
  line-height: 20px;
}
.blog-post-content {
  position: relative;
  padding: 16px 0 0;
  text-align: center;
}
.blog-slider .blog-post .blog-post-content p.blog-publish .date-time,
.blog-slider .blog-post .blog-post-content p.blog-publish a {
  color: var(--color-secondary-light);
}
.blog-slider .blog-post .blog-post-content p.blog-publish .date-time i,
.blog-slider .blog-post .blog-post-content p.blog-publish a i {
  padding-right: 10px;
}
.blog-post .image-blog a {
  overflow: hidden;
  display: block;
}
.blog-post img {
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}
.blog-post:hover img {
  transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.blog_hover > a {
  position: relative;
  color: var(--color-secondary);
  background: var(--color-primary);
  height: 44px;
  width: 44px;
  line-height: 44px;
  margin: 0;
  display: inline-block;
  float: none;
  vertical-align: middle;
  font-size: 14px;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.blog_hover > a:hover {
  color: var(--color-primary);
  background: var(--color-primary-hover);
}
.blog_hover {
  position: absolute;
  left: 10px;
  top: 10px;
  text-align: center;
  z-index: 1;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.blog_hover a + a {
  margin-left: 5px;
}
.blog-post .zoom-post a {
  font-size: 14px;
  height: 36px;
  width: 36px;
  line-height: 34px;
  margin: 5px 0;
  display: block;
  background: var(--color-secondary);
  color: var(--primary-color);
  border: 1px solid var(--color-border);
  border-radius: 5px;
  text-align: center;
}
.blog-post .zoom-post {
  position: absolute;
  top: 10px;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  z-index: 1;
  left: -50px;
  right: auto;
}
.article-area .date-time:after {
  display: none;
}
.blog-comments #comment_form {
  background: var(--color-secondary);
  padding: 15px;
}
.date-time:after {
  content: "";
  background: var(--color-primary-hover);
  height: 3px;
  width: 30px;
  margin: 14px auto 13px;
  display: block;
}
.blog-post:hover .zoom-post {
  left: 15px;
  right: auto;
}
@media (min-width: 992px) {
  .blog_hover {
    left: -110px;
    opacity: 0;
  }
  .blog-post:hover .blog_hover {
    opacity: 1;
    left: 10px;
  }
}
@media (max-width: 991px) {
  .blog-wrap .owl-theme .owl-dots,
  .owl-theme .owl-nav {
    top: -55px;
  }
  .our-brand-logo .row > * {
    padding-right: 15px;
    padding-left: 15px;
  }
  .blog-wrap .blog-slider .owl-stage .owl-item .item {
    padding: 0 5px;
  }
  .blog_hover > a {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .blog-post-content {
    padding: 10px 10px 0;
    margin: 0 0 0 0;
  }
  .blog-slider .blog-post .blog-post-content p.blog-desc {
    margin-top: 5px;
  }
  .blog-slider .blog-post .blog-post-content a.read-btn {
    margin-top: 7px;
  }
  .blog-wrap .owl-carousel .owl-nav button.owl-next,
  .blog-wrap .owl-carousel .owl-nav button.owl-prev,
  .blog-wrap .owl-carousel button.owl-dot {
    width: 30px;
    height: 30px;
  }
  .blog-post .btn-style1 {
    padding: 8px 20px;
    line-height: 20px;
  }
  .blog-wrap .owl-theme .owl-dots,
  .owl-theme .owl-nav {
    top: -51px;
  }
  .blog-slider .blog-post {
    margin-bottom: 20px;
  }
}
@media (max-width: 574px) {
  .blog-wrap .blog-slider .owl-stage .owl-item .item {
    padding: 0;
  }
}
/*=====================================
    owl carousel css
======================================*/
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: var(--color-secondary);
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  height: 30px;
  width: 30px;
  background: transparent;
  color: var(--color-primary);
  line-height: 28px;
  padding: 0;
  text-align: center;
  border-radius: 3px;
  margin: 0;
  font-size: 16px;
  transition: all 0.3s ease;
  opacity: 1;
  position: relative;
  border: 1px solid var(--color-border);
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
  background: var(--color-primary);
  color: var(--color-secondary);
}
.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span {
  display: block;
  font-size: 22px;
  line-height: 30px;
}
.owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  top: -60px;
  right: 10px;
  width: auto;
}
.home-slider .owl-nav {
  width: 100%;
  position: absolute;
  top: 50%;
  line-height: 45px;
}
.owl-carousel .owl-nav button.owl-prev {
  /* left: -65px; */
  /* right: auto; */
}
.owl-carousel .owl-nav button.owl-next {
  /* right: -65px; */
  /* left: auto; */
}
.owl-carousel.owl-theme .owl-nav > [class*="owl-"] + [class*="owl-"] {
  margin-left: 5px;
}
.owl-carousel .owl-nav button.owl-next i,
.owl-carousel .owl-nav button.owl-prev i {
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 1440px) {
  /* .owl-carousel .owl-nav button.owl-prev {
    left: -10px;
    right: auto;
  }
  .owl-carousel .owl-nav button.owl-next {
    right: -10px;
    left: auto;
  } */
}
@media (max-width: 991px) {
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev {
    /* height: 35px !important;
    width: 35px !important;
    line-height: 35px !important; */
  }
  .owl-carousel .owl-nav button.owl-next {
    right: 0;
  }
  .owl-theme .owl-nav {
    top: -40px;
  }
  .owl-carousel .owl-nav button.owl-prev {
    left: 0;
  }
}
@media (max-width: 767px) {
  .owl-carousel .owl-nav button.owl-next {
    right: 0;
  }
  .owl-carousel .owl-nav button.owl-prev {
    left: 0;
  }
}
@media (max-width: 480px) {
  .owl-carousel .owl-nav button.owl-next {
    right: 0;
    margin-left: 0;
  }
}
/*=====================================
    our service css
======================================*/
.our-service-area ul.single-service {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.our-service-area ul.single-service li {
  width: calc(25%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.our-service-area ul.single-service li span {
  font-size: 15px;
  width: calc(100% - 115px);
}
.our-service-area ul.single-service li a {
  position: relative;
  z-index: 0;
  margin-right: 15px;
  line-height: 0;
  font-size: 30px;
  color: var(--color-body-bg);
  height: 100px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid var(--color-primary);
}
.our-service-area ul.single-service li a::before,
.our-service-area ul.single-service li a::after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.our-service-area ul.single-service li a::before {
  right: 0;
  width: 15px;
  height: 2px;
  opacity: 0;
  visibility: hidden;
  background-color: var(--color-primary);
}
.our-service-area ul.single-service li a::after {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.our-service-area ul.single-service li:hover a::before,
.our-service-area ul.single-service li:hover a::after {
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.our-service-area ul.single-service li:hover a::before {
  right: -15px;
  opacity: 1;
  visibility: visible;
}
.our-service-area ul.single-service li:hover a::after {
  transform: skew(5deg, 5deg);
}
.our-service-area ul.single-service li a i {
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .our-service-area ul.single-service {
    margin: -30px 0 0 0;
  }
  .our-service-area ul.single-service li {
    width: 50%;
    margin: 30px 0 0 0;
  }
  .service-category .row > * {
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 991px) {
  .our-service-area ul.single-service li span {
    font-size: 14px;
  }
  .our-service-area ul.single-service li a,
  .our-service-area ul.single-service li a:after {
    width: 50px;
    height: 50px;
  }
  .our-service-area ul.single-service li a {
    font-size: 18px;
  }
  .our-service-area ul.single-service li a {
    border: none;
  }
}
@media (max-width: 767px) {
  .our-service-area ul.single-service {
    margin: -15px 0 0 0;
  }
  .our-service-area ul.single-service li {
    width: 100%;
    margin: 15px 0 0 0;
  }
  .our-service-area ul.single-service li a {
    margin-top: 0px;
    margin-right: 15px;
    font-size: 22px;
    height: 70px;
    width: 70px;
    border: 2px solid var(--color-primary);
  }
  .our-service-area ul.single-service li a::after {
    width: 50px;
    height: 50px;
  }
}

/*=====================================
    Log in and Register css
======================================*/
.customer-page .log-acc-page {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 60%;
  margin: 0 auto;
}
.customer-page .log-acc-page .acc-page {
  width: 50%;
}
.customer-page .log-acc-page .login-form-container {
  padding: 30px;
  background-color: var(--color-body-bg);
  border: 1px solid var(--color-border);
  border-radius: 3px;
}
.customer-page .log-acc-page .login-form-container .title-text h2 {
  font-size: 30px;
}
.customer-page .log-acc-page .login-form-container p {
  margin-top: 15px;
}
.customer-page .log-acc-page .login-form-container ul li {
  margin-top: 30px;
}
.customer-page .log-acc-page .login-form-container ul li label {
  margin-bottom: 5px;
}
.customer-page .log-acc-page .login-form-container input {
  padding: 10px 15px;
}
.customer-page .log-acc-page .login-form-container .form-action-button {
  text-align: center;
}
.customer-page .log-acc-page .login-form-container .form-action-button button {
  padding: 13px 25px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-secondary);
  width: 100%;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
}
.customer-page
  .log-acc-page
  .login-form-container
  .form-action-button
  button:hover {
  color: var(--color-primary);
  background-color: transparent;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.customer-page .log-acc-page .login-form-container .form-action-button a {
  color: var(--color-primary);
  font-weight: 600;
  margin-top: 30px;
}
.customer-page .log-acc-page .errors {
  padding: 8px 12px;
}
.customer-page .log-acc-page .acc-page .side-form-wrap {
  margin-left: 30px;
}
.customer-page .log-acc-page .acc-page .side-form-wrap .acc-title {
  text-align: center;
}
.customer-page .log-acc-page .acc-page .side-form-wrap .acc-title h6 {
  font-size: 16px;
  font-weight: 600;
}
.customer-page
  .log-acc-page
  .acc-page
  .side-form-wrap
  .acc-title
  .account-optional-action {
  margin-top: 30px;
}
.customer-page .log-acc-page .acc-page .side-form-wrap .acc-title a {
  padding: 13px 25px;
  background-color: transparent;
  font-weight: 600;
  width: 100%;
  border-radius: 3px;
  position: relative;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}
.customer-page .log-acc-page .acc-page .side-form-wrap .acc-title a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.customer-page
  .log-acc-page
  .acc-page
  .side-form-wrap
  .acc-title
  a:hover::after {
  visibility: visible;
  background-color: var(--color-primary);
}
.customer-page
  .log-acc-page
  .acc-page
  .side-form-wrap
  .term-privacy
  p.term-con {
  display: flex;
  margin-top: 30px;
  margin-bottom: 0;
}
.customer-page
  .log-acc-page
  .acc-page
  .side-form-wrap
  .term-privacy
  p.term-con
  sup {
  top: -4px;
}
.customer-page .log-acc-page .acc-page .side-form-wrap .term-privacy p a {
  color: var(--color-primary);
  font-size: 12px;
  font-weight: 600;
}
.customer-page .log-acc-page .acc-page .side-form-wrap .term-privacy p.pri-pol {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 0;
}
.customer-page
  .log-acc-page
  .acc-page
  .side-form-wrap
  .term-privacy
  p.pri-pol
  a {
  margin-left: 5px;
}
.customer-page .log-acc-page .login-form-container .title-text input {
  color: var(--color-primary);
  margin-top: 30px;
  background: transparent;
  padding: 0;
  border: none;
  font-weight: 600;
  font-size: 14px;
}
@media (max-width: 1199px) {
  .customer-page .log-acc-page {
    max-width: 70%;
  }
  .customer-page .log-acc-page .login-form-container .title-text h2 {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .customer-page .log-acc-page {
    max-width: 100%;
  }
  .customer-page .log-acc-page .login-form-container .title-text h2 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .customer-page .log-acc-page .login-form-container .title-text h2 {
    font-size: 18px;
  }
  .customer-page .log-acc-page .login-form-container p {
    margin-top: 10px;
  }
  .customer-page .log-acc-page .login-form-container ul li {
    margin-top: 15px;
  }
  .customer-page .log-acc-page .login-form-container ul li.form-toggle-btn {
    margin-top: 20px;
  }
  .customer-page .log-acc-page .acc-page {
    width: 100%;
  }
  .customer-page .log-acc-page .login-form-container {
    padding: 15px;
  }
  .customer-page .log-acc-page .acc-page .side-form-wrap {
    margin-left: 0;
    margin-top: 20px;
  }
  .customer-page .log-acc-page .login-form-container .form-action-button a,
  .customer-page
    .log-acc-page
    .acc-page
    .side-form-wrap
    .acc-title
    .account-optional-action,
  .customer-page
    .log-acc-page
    .acc-page
    .side-form-wrap
    .term-privacy
    p.term-con {
    margin-top: 15px;
  }
  .customer-page
    .log-acc-page
    .acc-page
    .side-form-wrap
    .term-privacy
    p.pri-pol {
    margin-top: 0;
  }
}

/*=====================================
    shopify challenge css
======================================*/
.shopify-challenge__container {
  padding: 60px 0;
}
.shopify-challenge__container .shopify-challenge__message {
  margin-bottom: 0px;
}
.shopify-challenge__container .shopify-challenge__errors {
  margin: 25px 0 0;
}
.shopify-challenge__container .shopify-challenge__errors ul {
  margin-left: 0;
}
.shopify-challenge__container .g-recaptcha {
  margin: 30px 0 !important;
}
.shopify-challenge__container .shopify-challenge__button {
  padding: 8px 15px;
  min-width: 120px;
  color: var(--color-secondary);
}
.shopify-challenge__container .shopify-challenge__button:hover,
.shopify-challenge__container .shopify-challenge__button:focus {
  color: var(--color-secondary);
  background-color: var(--color-primary-hover);
}
@media (max-width: 767px) {
  .shopify-challenge__container {
    max-width: 100%;
    padding: 40px 15px;
  }
  .shopify-challenge__container .shopify-challenge__errors {
    margin: 10px 0 5px;
  }
  .shopify-challenge__container .g-recaptcha {
    margin: 15px 0 !important;
  }
}

/*=====================================
    my account css
======================================*/
/* address css */
.my-account-page .page-title h2 {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
.my-account-page .account-history {
  padding: 15px;
  background-color: var(--color-body-bg);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.my-account-page .account-history ul {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.my-account-page .account-history ul li {
  width: 50%;
}
.my-account-page .account-history ul li .acc-info-wrap h6 {
  font-size: 18px;
  font-weight: 600;
}
.my-account-page .account-history ul li .acc-info-wrap a {
  color: var(--color-primary);
}
.my-account-page .account-history ul li .acc-info-wrap .acc-info-link a {
  margin-top: 5px;
  display: flex;
}
.my-account-page .account-history ul li .acc-info-wrap .acc-info-link a span {
  margin-top: 0;
}
.my-account-page .account-history ul li .acc-info-wrap span {
  display: block;
  margin-top: 5px;
}
.my-account-page .account-history ul li .acc-info-wrap span:first-of-type {
  margin-top: 15px;
}
@media (max-width: 1199px) {
  .my-account-page .page-title h2 {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .my-account-page .page-title h2 {
    font-size: 20px;
  }
  .my-account-page .account-history ul li .acc-info-wrap h6 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .my-account-page .page-title h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .my-account-page .account-history ul li {
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid var(--color-border);
  }
  .my-account-page .account-history ul li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .my-account-page .account-history ul li .acc-info-wrap a,
  .my-account-page .account-history ul li .acc-info-wrap span:first-of-type {
    margin-top: 10px;
  }
}

/* order css */
.my-account-page .order-history-wrap {
  margin-top: 30px;
}
.my-account-page .order-history-wrap h6 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  border-bottom: 2px solid var(--color-secondary);
}
.my-account-page .order-history-wrap .order-wrap ul li {
  margin-bottom: 30px;
}
.my-account-page .order-history-wrap .order-wrap ul li:last-child {
  margin-bottom: 0px;
}
.my-account-page .order-history-wrap .order-wrap .order-info-wrap {
  padding: 15px;
  background-color: var(--color-body-bg);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.my-account-page .order-history-wrap .order-wrap ul li label {
  margin-bottom: 0;
  background-color: var(--color-body-bg);
  padding: 10px 15px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.my-account-page .order-history-wrap .order-wrap ul li span:first-child {
  font-weight: 600;
  width: 150px;
}
.my-account-page .order-history-wrap .order-wrap ul li .order-detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.my-account-page
  .order-history-wrap
  .order-wrap
  ul
  li
  .order-detail:last-child {
  margin-bottom: 0;
}
.my-account-page
  .order-history-wrap
  .order-wrap
  ul
  li
  .order-detail
  .order-info-check {
  width: 50%;
}
.my-account-page .order-history-wrap .order-wrap .order-info-wrap p {
  margin-bottom: 0;
  line-height: 25px;
}
.my-account-page .order-history-wrap .order-wrap ul li span a {
  color: var(--color-primary);
}

@media (max-width: 991px) {
  .my-account-page .order-history-wrap h6 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .my-account-page .order-history-wrap {
    margin-top: 20px;
  }
  .my-account-page .order-history-wrap .order-wrap ul li {
    margin-bottom: 20px;
  }
  .my-account-page .order-history-wrap .order-wrap ul li .order-detail {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .my-account-page
    .order-history-wrap
    .order-wrap
    ul
    li
    .order-detail
    .order-info-check {
    width: 100%;
    margin-bottom: 5px;
  }
  .my-account-page
    .order-history-wrap
    .order-wrap
    ul
    li
    .order-detail:last-child
    .order-info-check:last-child {
    margin-bottom: 0px;
  }
}

/*=====================================
    my account address css
======================================*/
.my-account-page .return-acc-detail a {
  text-decoration: underline;
}
.my-account-page .return-acc-detail a,
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address:hover
  a.add-more-add {
  color: var(--color-primary);
}
.my-account-page .address-wrap ul.cust-address-wrap {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.my-account-page .address-wrap ul.cust-address-wrap li.cust-address {
  display: flex;
  width: 100%;
  margin: 30px 0 0 0px;
  padding: 15px;
  background-color: var(--color-body-bg);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.my-account-page .address-wrap ul.cust-address-wrap li.cust-address .cust-wrap {
  width: 50%;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  .cust-wrap
  h6 {
  font-size: 16px;
  font-weight: 600;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  .cust-wrap
  p.address {
  margin-bottom: 0;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  .cust-wrap
  p.address
  span {
  display: block;
  margin-top: 5px;
  text-transform: capitalize;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  .cust-wrap
  p.address
  span:first-child {
  margin-top: 15px;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  .cust-add-wrap {
  width: 50%;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  .cust-add-wrap
  p.edit-address-button {
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  .cust-add-wrap
  p.edit-address-button
  a {
  position: relative;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  .cust-add-wrap
  p.edit-address-button
  a::after {
  content: "|";
  color: var(--color-secondary);
  margin: 0 10px;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  .cust-add-wrap
  p.edit-address-button
  a:last-child::after {
  display: none;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  a.add-more-add {
  color: var(--color-secondary);
  height: 100%;
  width: 100%;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.my-account-page
  .address-wrap
  ul.cust-address-wrap
  li.cust-address
  a.add-more-add
  i {
  font-size: 40px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .my-account-page .address-wrap ul.cust-address-wrap li.cust-address {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0 0 0px;
  }
  .my-account-page
    .address-wrap
    ul.cust-address-wrap
    li.cust-address
    .cust-wrap,
  .my-account-page
    .address-wrap
    ul.cust-address-wrap
    li.cust-address
    .cust-add-wrap {
    width: 100%;
  }
  .my-account-page
    .address-wrap
    ul.cust-address-wrap
    li.cust-address
    .cust-wrap
    p.address
    span:first-child {
    margin-top: 10px;
  }
  .my-account-page
    .address-wrap
    ul.cust-address-wrap
    li.cust-address
    .cust-add-wrap {
    margin-top: 5px;
  }
  .my-account-page
    .address-wrap
    ul.cust-address-wrap
    li.cust-address
    a.add-more-add
    i {
    font-size: 30px;
  }
}

/* adress form css */
.my-account-page .address-form {
  margin-top: 30px;
}
.my-account-page .address-form h6 {
  font-size: 18px;
  font-weight: 600;
}
.my-account-page .address-form ul.cust-form {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
}
.my-account-page .address-form ul.cust-form li {
  width: calc(50% - 30px);
  margin: 30px 0 0 30px;
}
.my-account-page .address-form ul.cust-form li label {
  margin-bottom: 5px;
}
.my-account-page .address-form ul.cust-form li input,
.my-account-page .address-form ul.cust-form li select {
  border: 1px solid var(--color-border);
  font-size: 13px;
}
.my-account-page .address-form p.my-account-checkbox,
.my-account-page .address-form p.update-cancel-btn {
  margin-bottom: 0;
  margin-top: 30px;
  display: flex;
  align-items: center;
}

.my-account-page .address-form p.my-account-checkbox label {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.my-account-page .address-form p.my-account-checkbox label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.my-account-page .address-form p.my-account-checkbox label .default-title {
  font-size: 13px;
}
/* Create a custom checkbox */
.my-account-page .address-form p.my-account-checkbox label .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  height: 19px;
  width: 19px;
  background-color: var(--color-body-bg);
  border: 1px solid var(--color-border);
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* On mouse-over, add a grey background color */
.my-account-page
  .address-form
  p.my-account-checkbox
  label:hover
  input
  ~ .checkmark {
  background-color: var(--color-background3);
}
/* When the checkbox is checked, add a blue background */
.my-account-page
  .address-form
  p.my-account-checkbox
  label
  input:checked
  ~ .checkmark {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
/* Create the checkmark/indicator (hidden when not checked) */
.my-account-page .address-form p.my-account-checkbox label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.my-account-page
  .address-form
  p.my-account-checkbox
  label
  input:checked
  ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.my-account-page .address-form p.my-account-checkbox label .checkmark:after {
  left: 5px;
  top: 0;
  width: 7px;
  height: 13px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.my-account-page .address-form p.update-cancel-btn input {
  color: var(--color-primary);
  padding: 0;
  border: none;
  font-size: 14px;
  font-weight: 400;
  background-color: transparent;
}
.my-account-page .address-form p.update-cancel-btn input,
.my-account-page .address-form p.update-cancel-btn a {
  text-decoration: underline;
}
.my-account-page .address-form p.update-cancel-btn a {
  color: var(--color-primary);
  padding-left: 15px;
}
.my-account-page .address-form .errors {
  margin: 15px 0 0 0;
}
@media (max-width: 991px) {
  .my-account-page .address-form h6 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .my-account-page .address-form {
    margin-top: 20px;
  }
  .my-account-page .address-form ul.cust-form {
    margin-left: -15px;
  }
  .my-account-page .address-form ul.cust-form li {
    width: calc(100% - 15px);
    margin: 15px 0 0 15px;
  }
  .my-account-page .address-form p.my-account-checkbox {
    margin-top: 20px;
  }
  .my-account-page .address-form p.update-cancel-btn {
    margin-top: 15px;
  }
}

/*=====================================
    my account order cancel css
======================================*/
.my-account-page .errors.order-cancel {
  margin: 15px 0 0;
}
.my-account-page .order-history-wrap .order-wrap ul li .errors {
  margin: 0 0 0 0;
}

/*=====================================
    my account order fulfill css
======================================*/
.my-account-page .note {
  margin: 0px 0 0 0;
}
.my-account-page .note span {
  display: block;
}
.my-account-page .note a {
  margin-top: 5px;
}

/*=====================================
    my account order css
======================================*/
.my-account-page .order-info-overwrap {
  margin-top: 30px;
}
.my-account-page .order-info-overwrap h2 {
  font-size: 30px;
  font-weight: 600;
  display: flex;
  align-items: baseline;
}
.my-account-page .order-info-overwrap h2 sub.order-date {
  font-size: 14px;
  font-weight: 400;
  margin-left: 15px;
  position: relative;
  display: flex;
}
.my-account-page .order-info-overwrap h2 sub.order-date::before {
  content: "";
  width: 15px;
  height: 2px;
  background-color: var(--color-secondary);
  margin-right: 5px;
}
.my-account-page ul.order-address {
  display: flex;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--color-border);
}
.my-account-page ul.order-address li {
  width: 50%;
}
.my-account-page ul.order-address li h6 {
  font-size: 18px;
  font-weight: 600;
}
.my-account-page ul.order-address li .order-status {
  margin-top: 5px;
}
.my-account-page ul.order-address li .order-status span.payment-status-title {
  font-weight: 600;
}
.my-account-page ul.order-address li .order-status span.payment-status {
}
.my-account-page ul.order-address li p.address {
  margin-bottom: 0;
}
.my-account-page ul.order-address li p.address span {
  display: block;
  margin-top: 5px;
}
@media (max-width: 1199px) {
  .my-account-page .order-info-overwrap h2 {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .my-account-page .order-info-overwrap h2 {
    font-size: 20px;
  }
  .my-account-page ul.order-address li h6 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .my-account-page .order-info-overwrap {
    margin-top: 15px;
  }
  .my-account-page .order-info-overwrap h2 {
    font-size: 18px;
    flex-direction: column;
  }
  .my-account-page .order-info-overwrap h2 sub.order-date {
    font-size: 13px;
    margin-left: 0;
    align-items: center;
    line-height: normal;
    bottom: 0;
  }
  .my-account-page ul.order-address {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-top: 15px;
  }
  .my-account-page ul.order-address li {
    width: 100%;
    margin-top: 15px;
  }
  .my-account-page ul.order-address li:first-child {
    margin-top: 0px;
  }
}

/* order-ocerview css */
.my-account-page .order-overview {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--color-border);
  display: flex;
  align-items: baseline;
}
.my-account-page .order-overview h6 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.my-account-page .order-overview .over-view-summary {
  width: 70%;
}
.my-account-page .order-overview ul.order-product li {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid var(--color-border);
}
.my-account-page .order-overview ul.order-product li:last-child {
  border-bottom: 1px solid var(--color-border);
}
.my-account-page .order-overview ul.order-product li .order-overview-wrap {
  width: 20%;
  display: flex;
  flex-direction: column;
}
.my-account-page
  .order-overview
  ul.order-product
  li
  .order-overview-wrap:first-child {
  width: 60%;
}
.my-account-page
  .order-overview
  ul.order-product
  li
  .order-overview-wrap
  .order-item {
  margin-top: 5px;
}
.my-account-page
  .order-overview
  ul.order-product
  li
  .order-overview-wrap
  .order-item:first-child {
  margin-top: 0px;
}
.my-account-page
  .order-overview
  ul.order-product
  li
  .order-overview-wrap
  .order-item
  span:first-child {
  font-weight: 600;
}
.my-account-page
  .order-overview
  ul.order-product
  li
  .order-overview-wrap:nth-child(2) {
  text-align: center;
}
.my-account-page
  .order-overview
  ul.order-product
  li
  .order-overview-wrap:last-child {
  text-align: right;
}
.my-account-page
  .order-overview
  ul.order-product
  li
  .order-overview-wrap:nth-child(2)
  span:first-child,
.my-account-page
  .order-overview
  ul.order-product
  li
  .order-overview-wrap:last-child
  span:first-child {
  font-weight: 600;
}
.my-account-page
  .order-overview
  ul.order-product
  li
  .order-overview-wrap
  .order-item
  span
  a {
  color: var(--color-primary);
}
@media (max-width: 991px) {
  .my-account-page .order-overview h6 {
    font-size: 16px;
  }
  .my-account-page .order-overview .over-view-summary {
    width: 60%;
  }
  .my-account-page .order-overview ul.order-product li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .my-account-page .order-overview ul.order-product li .order-overview-wrap {
    width: 50%;
  }
  .my-account-page
    .order-overview
    ul.order-product
    li
    .order-overview-wrap:first-child {
    width: 100%;
  }
  .my-account-page
    .order-overview
    ul.order-product
    li
    .order-overview-wrap
    .order-item:first-child
    span {
    display: block;
  }
  .my-account-page
    .order-overview
    ul.order-product
    li
    .order-overview-wrap
    .order-item:first-child
    span:last-child {
    margin-top: 5px;
  }
  .my-account-page
    .order-overview
    ul.order-product
    li
    .order-overview-wrap:nth-child(2) {
    text-align: left;
  }
  .my-account-page
    .order-overview
    ul.order-product
    li
    .order-overview-wrap:nth-child(2),
  .my-account-page
    .order-overview
    ul.order-product
    li
    .order-overview-wrap:last-child {
    display: block;
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .my-account-page .order-overview {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
    padding-top: 15px;
  }
  .my-account-page .order-overview .over-view-summary {
    width: 100%;
  }
}

/* payment summary css */
.my-account-page .order-overview .payment-summary {
  width: 30%;
  padding: 15px;
  margin-left: 30px;
  background-color: var(--color-background3);
  border-radius: 3px;
  position: sticky;
  top: 0;
}
.my-account-page .order-overview .payment-summary ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  border-top: 1px solid var(--color-border);
}
.my-account-page .order-overview .payment-summary ul li:last-child {
  border-bottom: 1px solid var(--color-border);
}
.my-account-page .order-overview .payment-summary ul li span:first-child {
  font-weight: 600;
}
.my-account-page .order-overview .payment-summary ul li:last-child span {
  font-weight: 600;
}
@media (max-width: 991px) {
  .my-account-page .order-overview .payment-summary {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .my-account-page .order-overview .payment-summary {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
}

/*=====================================
    content main title css
======================================*/
.content-main-title {
  text-align: center;
  max-width: 60%;
  margin: 0 auto 30px;
}
.content-main-title h2 {
  font-size: 30px;
  font-weight: 600;
}
.content-main-title p {
  line-height: 25px;
  margin-top: 15px;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .content-main-title {
    max-width: 70%;
  }
  .content-main-title h2 {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .content-main-title {
    max-width: 90%;
  }
  .content-main-title h2 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .content-main-title {
    max-width: 100%;
    margin: 0 auto 20px;
  }
  .content-main-title h2 {
    font-size: 18px;
  }
  .content-main-title p {
    margin-top: 10px;
  }
}

/*=====================================
    about us css
======================================*/
.about-content .single-banner {
  text-align: center;
}
.about-content .abt-banner-desc p {
  margin-top: 22px;
  margin-bottom: 0;
  line-height: 25px;
}
.about-content .abt-banner-desc p:first-child {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .about-content .abt-banner-desc p {
    margin-top: 7px;
  }
  .about-content .abt-banner-desc p:first-child {
    margin-top: 15px;
  }
}

/*=====================================
    contact us css
======================================*/

/* map css */
.contact-us-page .contact-map {
  margin-bottom: 30px;
}
.contact-us-page .contact-map .map {
  height: 680px;
  width: 100%;
}
.contact-us-page .contact-content {
  display: flex;
}
.contact-us-page .contact-content .contact-form-warp {
  width: 50%;
}
.contact-us-page .contact-content .form-title h6 {
  font-size: 18px;
  font-weight: 600;
}
.contact-us-page .contact-content .contact-form-warp .contact-form {
  margin-top: 10px;
}
.contact-us-page .contact-content .contact-form-warp ul.form-fill {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
}
.contact-us-page .contact-content .contact-form-warp ul.form-fill li {
  width: calc(100% - 30px);
  margin: 11px 0 0 30px;
}
.contact-us-page
  .contact-content
  .contact-form-warp
  ul.form-fill
  li:first-child {
  margin-top: 0px;
}
.contact-us-page .contact-content .contact-form-warp ul.form-fill li label {
  margin-bottom: 5px;
}
.contact-us-page .contact-content .contact-form-warp ul.form-fill li input,
.contact-us-page .contact-content .contact-form-warp ul.form-fill li textarea {
  width: 100%;
  font-size: 13px;
}
.contact-us-page .contact-content .contact-form-warp ul.form-fill li textarea {
  resize: none;
  font-weight: 400;
}
.contact-us-page .contact-content .contact-form-warp .contact-submit {
  margin-top: 10px;
}
.contact-us-page .contact-content .contact-form-warp .contact-submit button i {
  margin-left: 10px;
}
.contact-us-page .contact-content .contact-form-warp .contact-submit p {
  margin-bottom: 0;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .contact-us-page .contact-content .form-title h6 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .contact-us-page .contact-map {
    margin-bottom: 20px;
  }
  .contact-us-page .contact-content {
    flex-direction: column;
  }
  .contact-us-page .contact-content .contact-form-warp {
    width: 100%;
  }
  .contact-us-page .contact-content .contact-form-warp ul.form-fill {
    margin-left: -15px;
  }
  .contact-us-page .contact-content .contact-form-warp ul.form-fill li {
    width: calc(100% - 15px);
    margin: 11px 0 0 15px;
  }
  .contact-us-page .contact-content .contact-info ul {
    margin-top: 18px;
  }
}

/* contact form error message */
.contact-us-page .contact-content .contact-form-warp .errors {
  margin: 15px 0 0 0;
}
.contact-us-page
  .contact-content
  .contact-form-warp
  ul.form-fill
  li
  input.error,
.contact-us-page
  .contact-content
  .contact-form-warp
  ul.form-fill
  li
  textarea.error {
  background-color: transparent;
  border-bottom: 1px solid var(--color-border);
}

/* get in touch css */
.contact-us-page .contact-content .contact-info {
  width: 50%;
  margin-left: 30px;
}
.contact-us-page .contact-content .form-title p {
  margin-top: 8px;
}
.contact-us-page .contact-content .contact-info ul {
  margin-top: 28px;
}
.contact-us-page .contact-content .contact-info ul li {
  display: flex;
  margin-top: 3px;
}
.contact-us-page .contact-content .contact-info ul li:first-child {
  margin-top: 0px;
}
.contact-us-page .contact-content .contact-info ul li span:first-child {
  width: 20px;
  margin-right: 15px;
}
.contact-us-page .contact-content .contact-info ul li span i {
  font-size: 20px;
}
.contact-us-page .contact-content .contact-info ul li span label {
  font-weight: 600;
  margin-bottom: 3px;
}
@media (max-width: 767px) {
  .contact-us-page .contact-content .contact-info {
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
  }
  .contact-us-page .contact-content .form-title p {
    margin-top: 10px;
  }
  .contact-us-page .contact-content .contact-info ul li {
    margin-top: 15px;
  }
  .contact-us-page .contact-content .contact-info ul li span:first-child {
    margin-right: 5px;
  }
  .contact-us-page .contact-content .contact-info ul li span i {
    font-size: 24px;
  }
}
/*=====================================
    privacy & terms page css
======================================*/
.other-page .rule-wrap ul {
  list-style: disc;
  padding-left: 25px;
}
.other-page .rule-wrap ul li {
  margin-bottom: 15px;
}
.other-page .rule-wrap ul li:last-child {
  margin-bottom: 0px;
}
.other-page .rule-wrap ul li span {
  display: block;
  line-height: 25px;
}
@media (max-width: 767px) {
  .other-page .rule-wrap ul {
    padding-left: 20px;
  }
  .other-page .rule-wrap ul li {
    margin-bottom: 10px;
  }
}
/*=====================================
    payment & return & shipping page css
======================================*/
.other-page .que-ans ul {
  counter-reset: question;
}
.other-page .que-ans ul li {
  margin-bottom: 30px;
  position: relative;
  display: flex;
}
.other-page .que-ans ul li::before {
  counter-increment: question;
  content: "Q." counter(question);
  font-weight: 600;
  background-color: var(--color-body-bg);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.other-page .que-ans ul li h6 {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 15px;
  color: var(--color-body-bg);
  background-color: var(--color-primary);
}
.other-page .que-ans ul li p {
  margin-top: 15px;
  margin-bottom: 0;
  line-height: 25px;
}
.que-ans i {
  position: absolute;
  height: 0.6rem;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.65s ease;
}
.que-ans .collapsed .fa-angle-up {
  display: none;
}
@media (max-width: 767px) {
  .other-page .que-ans ul li {
    margin-bottom: 20px;
  }
  .other-page .que-ans ul li p {
    margin-top: 10px;
  }
  .other-page .que-ans ul li p:first-of-type {
    margin-top: 15px;
  }
}

/*=====================================
    faq page css
======================================*/
.other-page .feequently-about-content {
  margin-bottom: 30px;
}
.other-page .feequently-about-content h6 {
  font-size: 16px;
  font-weight: 600;
}
.other-page .que-ans ul li a {
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  padding: 10px 15px;
  color: var(--color-primary);
  display: block;
  background-color: var(--color-secondary);
}
@media (max-width: 767px) {
  .other-page .feequently-about-content {
    margin-bottom: 20px;
  }
}

/*=====================================
    search page css
======================================*/
.search-page .page-search-bar form.page-search-form {
  position: relative;
  display: flex;
  align-items: center;
}
.search-page .page-search-bar form input {
  width: 100%;
  border: 1px solid var(--color-border);
  background-color: var(--color-body-bg);
  border-radius: 25px;
}
.search-page .page-search-bar form button.page-search-button {
  position: absolute;
  right: 0;
  font-size: 18px;
  padding: 5px 10px;
  color: var(--color-secondary);
  border-radius: 50%;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.search-page .search-list {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
}
.search-page .search-list .single-product-wrap {
  width: calc(25% - 30px);
  margin: 30px 0 0 30px;
}

.search-page .search-list .search-blog-item {
  width: calc(50% - 30px);
  margin: 30px 0 0 30px;
  color: var(--color-border);
}
.search-page .search-list .search-blog-item .search-blog-content {
  padding: 15px;
}
.search-page .search-list .search-blog-item .search-blog-content h4 {
  font-size: 16px;
  font-weight: 600;
}
.search-page .search-list .search-blog-item .search-blog-content p {
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 25px;
}

@media (max-width: 991px) {
  .search-page .search-list .single-product-wrap {
    width: calc(33.33% - 30px);
  }
}
@media (max-width: 767px) {
  .search-page .search-list {
    margin-left: -15px;
  }
  .search-page .search-list .single-product-wrap {
    width: calc(50% - 15px);
    margin: 20px 0 0 15px;
  }
  .search-page .search-list .search-blog-item {
    width: calc(50% - 15px);
    margin: 20px 0 0 15px;
  }
}

/*=====================================
    404 page css
======================================*/
.page-not-found .search-error-wrapper {
  text-align: center;
}
.page-not-found .search-error-wrapper h1 {
  font-size: 30px;
  font-weight: 600;
}
.page-not-found .search-error-wrapper h1 span:nth-child(odd),
.page-not-found .search-error-wrapper h2 span:nth-child(even) {
  color: var(--color-primary);
}
.page-not-found .search-error-wrapper h2 {
  font-size: 50px;
  font-weight: 600;
}
.page-not-found .search-error-wrapper p {
  margin-top: 15px;
  margin-bottom: 0;
  line-height: 25px;
}
.page-not-found .search-error-wrapper a {
  margin-top: 15px;
}

@media (max-width: 991px) {
  .page-not-found .search-error-wrapper h2 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .page-not-found .search-error-wrapper h2 {
    font-size: 30px;
  }
}

/*=====================================
    sitemap page css
======================================*/
.sitemap ul.sitemap-wrap {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sitemap ul.sitemap-wrap li.sitemap-wrapper {
  width: calc(33.33% - 30px);
  margin-top: 30px;
  margin-left: 30px;
}
.sitemap ul.sitemap-wrap li.sitemap-wrapper:nth-child(1),
.sitemap ul.sitemap-wrap li.sitemap-wrapper:nth-child(2),
.sitemap ul.sitemap-wrap li.sitemap-wrapper:nth-child(3) {
  margin-top: 0;
}
.sitemap ul.sitemap-wrap li.sitemap-wrapper a.sitemap-title-link,
.sitemap ul.sitemap-subwrap li.sitemap-subwrapper a.sitemap-title-subtitle,
.sitemap ul.sitemap-subwrap li.sitemap-sub-wrapper a.sitemap-title-sublink,
.sitemap ul.sitemap-supwrap li.sitemap-sup-wrapper a.sitemap-title-suplink {
  position: relative;
  display: flex;
  align-items: center;
}
.sitemap ul.sitemap-wrap li.sitemap-wrapper a.sitemap-title-link {
  color: var(--color-primary);
  font-size: 18px;
  font-weight: 600;
}
.sitemap ul.sitemap-wrap li.sitemap-wrapper a.sitemap-title-link::before,
.sitemap
  ul.sitemap-subwrap
  li.sitemap-subwrapper
  a.sitemap-title-subtitle::before,
.sitemap
  ul.sitemap-subwrap
  li.sitemap-sub-wrapper
  a.sitemap-title-sublink::before,
.sitemap
  ul.sitemap-supwrap
  li.sitemap-sup-wrapper
  a.sitemap-title-suplink::before {
  content: "";
  position: absolute;
  left: -20px;
  border-radius: 50%;
  background-color: var(--color-primary);
}
.sitemap ul.sitemap-wrap li.sitemap-wrapper a.sitemap-title-link::before {
  width: 10px;
  height: 10px;
}
.sitemap
  ul.sitemap-wrap
  li.sitemap-wrapper
  ul.sitemap-subwrap
  li.sitemap-subwrapper {
  margin-top: 15px;
  margin-left: 30px;
}
.sitemap ul.sitemap-subwrap li.sitemap-subwrapper a.sitemap-title-subtitle {
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 600;
}
.sitemap
  ul.sitemap-subwrap
  li.sitemap-subwrapper
  a.sitemap-title-subtitle::before {
  width: 8px;
  height: 8px;
}
.sitemap ul.sitemap-subwrap li.sitemap-sub-wrapper,
.sitemap ul.sitemap-supwrap li.sitemap-sup-wrapper {
  margin-top: 5px;
  margin-left: 30px;
}
.sitemap ul.sitemap-subwrap li.sitemap-sub-wrapper:first-child,
.sitemap ul.sitemap-supwrap li.sitemap-sup-wrapper:first-child {
  margin-top: 15px;
}
.sitemap
  ul.sitemap-subwrap
  li.sitemap-sub-wrapper
  a.sitemap-title-sublink::before,
.sitemap
  ul.sitemap-supwrap
  li.sitemap-sup-wrapper
  a.sitemap-title-suplink::before {
  width: 6px;
  height: 6px;
}
@media (max-width: 991px) {
  .sitemap ul.sitemap-wrap li.sitemap-wrapper {
    width: calc(50% - 30px);
  }
  .sitemap ul.sitemap-wrap li.sitemap-wrapper:nth-child(3) {
    margin-top: 30px;
  }
  .sitemap ul.sitemap-wrap li.sitemap-wrapper a.sitemap-title-link {
    font-size: 16px;
  }
  .sitemap ul.sitemap-subwrap li.sitemap-subwrapper a.sitemap-title-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .sitemap ul.sitemap-wrap li.sitemap-wrapper {
    width: calc(100% - 20px);
    margin-left: 15px;
    margin-top: 20px;
  }
  .sitemap ul.sitemap-wrap li.sitemap-wrapper:nth-child(2),
  .sitemap ul.sitemap-wrap li.sitemap-wrapper:nth-child(3) {
    margin-top: 20px;
  }
  .sitemap ul.sitemap-wrap li.sitemap-wrapper a.sitemap-title-link::before,
  .sitemap
    ul.sitemap-subwrap
    li.sitemap-subwrapper
    a.sitemap-title-subtitle::before,
  .sitemap
    ul.sitemap-subwrap
    li.sitemap-sub-wrapper
    a.sitemap-title-sublink::before,
  .sitemap
    ul.sitemap-supwrap
    li.sitemap-sup-wrapper
    a.sitemap-title-suplink::before {
    left: -15px;
  }
  .sitemap
    ul.sitemap-wrap
    li.sitemap-wrapper
    ul.sitemap-subwrap
    li.sitemap-subwrapper {
    margin-top: 10px;
    margin-left: 15px;
  }
  .sitemap ul.sitemap-subwrap li.sitemap-sub-wrapper,
  .sitemap ul.sitemap-supwrap li.sitemap-sup-wrapper {
    margin-left: 15px;
  }
  .sitemap ul.sitemap-subwrap li.sitemap-sub-wrapper:first-child,
  .sitemap ul.sitemap-supwrap li.sitemap-sup-wrapper:first-child {
    margin-top: 10px;
  }
}
.load-anim {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ===================================== */
/* common css & bootstrap css */
/* ======================================*/
.mt-80 {
  margin-top: 80px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-20 {
  margin-top: 20px;
}
.col-12,
.col-4,
.col-2,
.col-6 {
  padding: 0 15px;
}
.clearfix:before {
  display: table;
  content: " ";
}
.clearfix:after {
  display: table;
  content: " ";
}
.required {
  color: #f00;
}
.owl-carousel .col-12,
.swiper-container .col-12 {
  padding: 0 10px;
}
@media (max-width: 991px) {
  .mt-50 {
    margin-top: 30px;
  }
  .owl-carousel .col-12,
  .swiper-container .col-12 {
    padding: 0 5px;
  }
  /* .col-12, .col-sm-4, .col-sm-2, .col-sm-6{
    padding:0 5px;
  } */
  .customer-page .row {
    margin-left: 0;
    margin-right: 0;
  }
}
/* my  */
.form-control {
  width: 100%;
  height: 40px;
  border-radius: 0;
  border-color: #e0e0e0;
}
.subscribe-block .btn {
  border: none;
  border-radius: 5px;
  background: var(--color-primary);
  padding: 7px 30px;
  color: var(--color-secondary);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
}
.footer .section-title h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  margin: 0 0 20px;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  margin: 0 0 20px;
  padding: 0;
  border: none;
}
.position-footer-left h5,
.footer-top-area .footer-list-wrap ul.footer-list li.ftlink-li h2.ft-title,
.logo h2,
.payment-img h2 {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  margin: 0 0 20px;
}
.position-footer-left h5 {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0px 0px 17px;
  padding-bottom: 0px;
  position: relative;
  font-weight: 500;
  color: var(--color-primary);
}
.position-footer-left h5:after {
  content: "";
  height: 3px;
  width: 30px;
  background: var(--color-primary-hover);
  display: block;
  position: absolute;
  bottom: -5px;
}
.position-footer-left ul > li > div {
  display: flex;
  position: relative;
  margin: 8px 0;
  line-height: 24px;
}
.footer-list .position-footer-left li a {
  line-height: 0;
}
.footer-list li a {
  padding: 8px 0;
}
.contact_title {
  color: var(--color-primary);
  text-transform: capitalize;
  margin-right: 5px;
  font-weight: 500;
}
.contact_site {
  color: var(--color-secondary-light);
  font-weight: 300;
}
/* swiper start */
.top-left .phone-icon {
  font-size: 16px;
  margin-right: 5px;
}
.top-left span {
  font-size: 16px;
  text-transform: capitalize;
}
/* swiper end */
/* start top notification bar */
.language select:hover {
  color: var(--color-primary);
}
/* end top notification bar */
/*----------------------------------------------*/
/* all animation */
/*----------------------------------------------*/
.owl-item.active .product-item,
.owl-item.active .latest-post-item {
  -moz-animation: zoomIn 0.5s ease;
  -o-animation: zoomIn 0.5s ease;
  -webkit-animation: zoomIn 0.5s ease;
  animation: zoomIn 0.5s ease;
}
.owl-item.active .banner-des .promo-btn {
  animation: rollIn 1s ease-out;
  -webkit-animation: rollIn 1.5s ease-out 0s;
  -moz-animation: rollIn 1s ease-out;
}
.owl-item.active .banner-des .promo-desc,
.owl-item.active .banner-des .promo-label {
  animation: fadeInLeft 1.2s ease-out;
  -webkit-animation: fadeInLeft 1.2s ease-out 0s;
  -moz-animation: fadeInLeft 0.8s ease-out;
}
.owl-item.active .banner-des .promo-title {
  animation: fadeInDown 1.2s ease-out;
  -webkit-animation: fadeInDown 1.2s ease-out 0s;
  -moz-animation: fadeInDown 0.8s ease-out;
}
.swiper-button-disabled,
.owl-nav .disabled {
  opacity: 0.6 !important;
}
.blog-slider .owl-nav {
  right: 15px;
  left: auto;
}
@media (max-width: 1199px) {
  .blog-slider .owl-nav {
    right: 15px;
    left: auto;
  }
}
@media (max-width: 991px) {
  .blog-slider .owl-nav {
    right: 10px;
    left: auto;
  }
}
/* ------------rewiews------------ */
.alireviews-review-star-rating .alr-wh-star-rating,
.alr-display-review-badge .alr-wh-star-rating {
  padding: 0 !important;
}
.alr-wh-star-rating-average-number {
  display: none;
}
.alireviews-review-star-rating .alr-wh-star-rating-icon svg circle,
.alireviews-review-star-rating .alr-wh-star-rating-icon svg path,
.alr-display-review-badge .alr-wh-star-rating-icon svg circle,
.alr-display-review-badge .alr-wh-star-rating-icon svg path {
  font-size: 11px;
}
/* .alireviews-review-star-rating .alr-wh-star-rating-icon svg,
.alr-display-review-badge .alr-wh-star-rating-icon svg {
  margin-right: 5px;
} */
.alireviews-review-star-rating .alr-wh-star-rating-icon svg,
.alr-display-review-badge .alr-wh-star-rating-icon svg {
  width: 11px !important;
  margin-right: 5px;
}
.grid-1 .alireviews-review-star-rating,
.alr-display-review-badge {
  margin-top: 10px;
}
.alireviews-review-star-rating {
  line-height: 20px;
}
.alr-wh-star-rating svg {
  display: none;
}
.alireviews-review-box-desktop .alr-template-grid-container {
  padding: 0 !important;
  max-width: 100% !important;
}
.alireviews-review-box {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.alireviews-review-box .alr-template-empty-header {
  margin-bottom: 15px !important;
}
/* ------------rewiews end------------ */
.owl-carousel .owl-item img {
  width: auto;
}
.img-fluid {
  max-width: auto;
}
img {
  width: auto !important;
}