/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

:root {
  --dark: #6b7280;
  --black: #1f2937;
  --color-primary: #f97316;
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

img {
  max-width: 100%;
  height: auto;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
}

a {
  text-decoration: none;
}

p:last-child {
  margin-bottom: 0;
}

.btn-main {
  background: var(--color-primary);
  color: #fff;
  /*  font-size: 14px;*/
  text-transform: uppercase;
  padding: 7px 16px;
  border-radius: 6px;
  display: inline-block;
  text-align: center;
  border: 0;
  outline: unset;
}

.btn-main span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

.btn-main:hover {
  color: #fff;
  background: var(--color-primary-hover);
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title h2 {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  line-height: 1.3;
}

.section-title h3 {
  color: #9ca3af;
  font-size: 32px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.btn-custom {
  display: inline-block;
  padding: 10px 21px;
  border: 1px solid #d1d5db;
  border-radius: 50px;
  color: var(--black);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}

.images-box {
  position: relative;
  overflow: hidden;
}

.images-box::before {
  content: "";
  padding-top: 65%;
  display: block;
}

.images-box a,
.images-box .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}

.images-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.icon-box {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
}

.icon-box-img {
  position: relative;
  flex: 0 0 auto;
}

.icon-box.left .icon-box-text {
  flex: 1 1 0px;
  padding-left: 8px;
}

.icon-box-text h6 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.6;
}

.content-form {
  background-color: transparent;
  border: none;
}

.searchform {
  position: relative;
  margin-bottom: 0;
}

.flex-row {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.flex-row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-grow {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-negative: 1;
  -ms-flex-preferred-size: auto;
}

.flex-row .flex-col {
  padding-right: 4px;
}

.searchform-wrapper .flex-col:last-of-type {
  margin-left: -2.9em;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.searchform-wrapper input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.09);
  padding: 0 0.75em;
  height: 67px;
  font-size: 0.97em;
  border-radius: 0;
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
  box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
  -webkit-transition:
    color 0.3s,
    border 0.3s,
    background 0.3s,
    opacity 0.3s;
  -o-transition:
    color 0.3s,
    border 0.3s,
    background 0.3s,
    opacity 0.3s;
  transition:
    color 0.3s,
    border 0.3s,
    background 0.3s,
    opacity 0.3s;
  border-radius: 99px;
  padding: 0 20px;
}

.searchform input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.searchform input[type="search"]::placeholder {
  color: #ffffff;
  font-size: 20px;
}

.searchform input[type="search"]:focus,
.searchform input[type="search"]:focus-visible {
  outline: none;
}

.searchform .icon {
  color: currentColor;
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.searchform .icon i {
  color: white;
}

@media (max-width: 767px) {
  .section-title h3 {
    font-size: 24px;
    letter-spacing: 1px;
  }
}

/* buttons */

.general-btn a {
  border-color: black;
  color: black;
  padding: 16px 30px;
  text-transform: uppercase;
  letter-spacing: 0.94px;
}

.general-btn a:hover {
  color: white;
  background: linear-gradient(90deg, #dc2626 0%, #f97316 100%);
  border-color: transparent;
}

.back-to-top {
  background: white;
  color: black;
  border-color: white;
  border-radius: 50%;
  position: fixed;
  display: none;
  right: 20px;
  bottom: 45px;
  z-index: 99;
  box-shadow: 0px 0.79px 1.58px 0px #0000000d;
}

.back-to-top:hover {
  border-color: #f97316;
  background: #f97316;
  color: white;
}

.btn-lg-square {
  width: 38px;
  height: 38px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
}

/*---------------------
  Header
-----------------------*/

.header__top {
  padding-top: 15px;
}

.header__top__group {
  border-bottom: 1px solid #e5e7eb;
}

.header__top__nav_end .header__top__nav {
  display: flex;
  justify-content: end;
  gap: 24px;
}

.header__top__nav ul {
  margin: 0;
  padding: 0;
}

.header__top__nav li {
  display: inline-block;
  margin-right: 24px;
  position: relative;
}

.header__top__nav li:last-child {
  margin-right: 0;
}

.header__top__nav a {
  position: relative;
  display: block;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: var(--dark);
}

.header__top__nav li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: transparent;
  width: 100%;
  height: 3px;
}

.header__top__nav li.active::after,
.header__top__nav li:hover::after {
  background: linear-gradient(90deg, #dc2626 0%, #f97316 100%);
}

.header__top__nav li.active a {
  font-weight: 600;
}

.header__top__nav li.active > a,
.header__top__nav li:hover > a {
  background: linear-gradient(90deg, #dc2626 0%, #f97316 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.header__top__nav ul.dropdown {
  position: absolute;
  left: 0;
  top: 100%;
  width: 110px;
  background: white;
  color: black;
  z-index: 99;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.header__top__nav li:hover ul.dropdown {
  opacity: 1;
  visibility: visible;
}

.header__top__nav ul.dropdown li {
  display: block;
  margin: 0;
}

.header__top__nav ul.dropdown a {
  color: var(--dark);
  padding: 5px 12px;
}

.header__top__nav ul.dropdown li:hover::after {
  display: none;
}

.header__middle {
  padding: 20px 0 27px;
}

.header__logo__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__logo a {
  display: inline-block;
}

.header__search form {
  display: flex;
  align-items: center;
  border-radius: 12px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #d1d5db;
  box-shadow: 0px 1px 2px 0px #0000000d;
  padding: 10px;
}

.search-icon {
  background: transparent;
  border: none;
  outline: none;
  color: #9ca3af;
}

.header__search input {
  border: none;
  padding: 0;
  font-size: 13px;
  color: #9ca3af;
}

.header__search input::placeholder {
  color: #9ca3af;
}

.header__search input:focus {
  box-shadow: none;
  border: none;
}

.search-ai {
  display: inline-block;
}

.search-ai a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.6;
  color: var(--dark);
}

.search-ai .version {
  display: inline-block;
  padding: 4px 9px;
  box-shadow: 0px 1px 2px 0px #0000000d;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #d1d5db;
  border-radius: 30px;
}

.group-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}

.group-list a {
  color: var(--dark);
}

.header__area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

.header__bottom {
  padding-bottom: 24px;
}

.header__menu__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__menu {
  display: flex;
  align-items: center;
  gap: 10px;
}

.humberger__menu {
  cursor: pointer;
}

.humberger__menu i {
  line-height: 1.5;
}

.header__menu ul {
  padding: 0;
  margin: 0;
}

.header__menu ul li {
  list-style: none;
  display: inline-block;
  position: relative;
}

.header__menu ul li .header__menu__dropdown {
  position: absolute;
  left: 0;
  top: 50px;
  background: #222222;
  width: 180px;
  z-index: 9;
  padding: 5px 0;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  opacity: 0;
  visibility: hidden;
}

.header__menu ul li .header__menu__dropdown li {
  margin-right: 0;
  display: block;
}

.header__menu ul li .header__menu__dropdown li:hover > a {
  color: #7fad39;
}

.header__menu ul li .header__menu__dropdown li a {
  text-transform: capitalize;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 15px;
}

.header__menu ul li.active a {
  color: #7fad39;
}

.header__menu ul li:hover .header__menu__dropdown {
  top: 30px;
  opacity: 1;
  visibility: visible;
}

.header__menu ul li:last-child {
  margin-right: 0;
}

.header__menu ul li a {
  font-size: 13px;
  line-height: 1.5;
  color: #252525;
  display: block;
  padding: 5px 10px;
  border-radius: 14px;
  background: transparent;
}

.header__menu ul li a:hover {
  background: linear-gradient(258.65deg, #f97316 1.13%, #dc2626 75.01%);
  color: white;
}

.header__cart {
  text-align: right;
  padding: 24px 0;
}

.header__cart ul {
  display: inline-block;
  margin-right: 25px;
}

.header__cart ul li {
  list-style: none;
  display: inline-block;
  margin-right: 15px;
}

.header__cart ul li:last-child {
  margin-right: 0;
}

.header__cart ul li a {
  position: relative;
}

.header__cart ul li a i {
  font-size: 18px;
  color: #1c1c1c;
}

.header__cart ul li a span {
  height: 13px;
  width: 13px;
  background: #7fad39;
  font-size: 10px;
  color: #ffffff;
  line-height: 13px;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: -12px;
}

.header__cart .header__cart__price {
  font-size: 14px;
  color: #6f6f6f;
  display: inline-block;
}

.header__cart .header__cart__price span {
  color: #252525;
  font-weight: 700;
}

.humberger__open {
  display: none;
}

.humberger__menu__wrapper {
  width: 330px;
  background: #ffffff;
  position: fixed;
  left: -300px;
  top: 0;
  height: 100%;
  overflow-y: auto;
  z-index: 99;
  padding: 30px;
  padding-top: 50px;
  opacity: 0;
  display: block;
  -webkit-transition: all, 0.6s;
  -moz-transition: all, 0.6s;
  -ms-transition: all, 0.6s;
  -o-transition: all, 0.6s;
  transition: all, 0.6s;
}
.humberger__menu__wrapper.show__humberger__menu__wrapper {
  opacity: 1;
  left: 0;
}

.humberger__menu__logo {
  margin-bottom: 30px;
}
.humberger__menu__logo a {
  display: inline-block;
}
.humberger__menu__widget {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.humberger__menu__widget a {
  display: block;
  color: var(--dark);
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
}

.dropdown-wrapper {
  position: relative;
}

.dropdown-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: 110px;
  background: white;
  color: black;
  z-index: 99;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.dropdown-wrapper:hover ul {
  opacity: 1;
  visibility: visible;
}

.dropdown-wrapper ul a {
  padding: 5px 12px;
}

.dropdown-wrapper ul a:hover {
  background: linear-gradient(90deg, #dc2626 0%, #f97316 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.humberger__menu__nav {
  display: none;
}
.header__top__right__social {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header__top__right__social a {
  display: block;
  color: black;
}
.humberger__menu__wrapper .slicknav_btn {
  display: none;
}
.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
  border-bottom: none !important;
}
.humberger__menu__wrapper .slicknav_nav {
  display: block !important;
}
.humberger__menu__wrapper .slicknav_menu {
  background: transparent;
  padding: 0;
  margin-bottom: 30px;
}
.humberger__menu__wrapper .slicknav_nav ul {
  margin: 0;
}
.humberger__menu__wrapper .slicknav_nav a {
  color: #1c1c1c;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  border-bottom: 1px solid #e1e1e1;
}
.humberger__menu__wrapper .slicknav_nav a:hover {
  -webkit-border-radius: 0;
  border-radius: 0;
  background: linear-gradient(90deg, #dc2626 0%, #f97316 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.humberger__menu__wrapper .slicknav_nav .slicknav_row,
.humberger__menu__wrapper .slicknav_nav a {
  padding: 8px 0;
}
.humberger__menu__overlay {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  z-index: 98;
  visibility: hidden;
  -webkit-transition: all, 0.6s;
  -moz-transition: all, 0.6s;
  -ms-transition: all, 0.6s;
  -o-transition: all, 0.6s;
  transition: all, 0.6s;
}
.humberger__menu__overlay.active {
  visibility: visible;
}
.header__top {
  display: none;
}
.header__cart {
  text-align: center;
  padding: 10px 0 24px;
}

@media (max-width: 991px) {
  .header__bottom {
    display: none;
  }

  .group-list ul {
    gap: 8px;
  }
}

@media (max-width: 767px) {
  .group-list a.btn-custom {
    display: none;
  }
}

/*---------------------
  Hero
-----------------------*/

.hero__item {
  position: relative;
  padding: 90px 0 130px;
}

.hero__item::before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90.74deg,
    rgba(0, 0, 0, 0.35) 21.26%,
    rgba(51, 51, 51, 0.175) 42.59%,
    rgba(49, 49, 49, 0.183379) 48.43%,
    rgba(102, 102, 102, 0) 63.92%
  );
  position: absolute;
  top: 0;
  left: 0;
}

.hero__text h2 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.hero__text h3 {
  font-weight: 600;
  font-size: 30px;
  font-style: italic;
  line-height: 1.3;
  margin-bottom: 32px;
}

.hero__text ul {
  list-style: none;
  padding: 0;
  margin-bottom: 32px;
}

.hero__text li {
  position: relative;
  font-size: 20px;
  line-height: 1.5;
}

.hero__text li:not(:last-child) {
  margin-bottom: 12px;
}

.hero__text li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
}

.hero__text a.btn-custom {
  padding: 14px 22px;
  background: white;
}

/*---------------------
  Categories
-----------------------*/

.categories__slider.owl-carousel .owl-nav button {
  font-size: 18px;
  color: black;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
}

.categories__slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -35px;
}

.categories__slider.owl-carousel .owl-nav button.disabled {
  opacity: 0.3;
}

.categories__thumb {
  border: 0.5px solid #5656564d;
  border-radius: 20px;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.categories__thumb::before {
  padding-top: 100%;
}

.categories__content a {
  display: block;
  margin-top: 16px;
  color: black;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.categories__content a:hover {
  background: linear-gradient(90deg, #dc2626 0%, #f97316 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*---------------------
  Brands
-----------------------*/
.brands {
  padding-top: 1.5rem;
}
.brands + .brands {
  padding-top: 16px;
}

.brands__list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
}

.brands__item {
  grid-column: span 3;
  position: relative;
}

.brands__item.large {
  grid-column: span 7;
}

.brands__item.child {
  grid-column: span 5;
}

.brands__item.small {
  grid-column: span 6;
}

.brands__item.full {
  grid-column: span 12;
}

.brands__thumb {
  border-radius: 5px;
}

.image-vertical::before {
  padding-top: 92%;
}

.thumb-vertical::before {
  padding-top: 135%;
}

.full .brands__thumb::before {
  padding-top: 20%;
}

.brands__content {
  position: absolute;
  top: 32px;
  /*left: 20px;*/
  padding: 0 20px;
}

.brands__content h2 {
  font-size: 40px;
  line-height: 1.38;
  text-transform: uppercase;
}

.brands__content h4 {
  font-size: 26px;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.brands__content a {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.35s ease;
}

.brands__content:hover a {
  opacity: 1;
  transform: translateY(0);
}

.btn-discover {
  border-radius: 4px;
  border-color: #00000000;
  background: #313131;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.btn-detail {
  color: white;
}
.brands__item:not(.large, .child, .small) .images-box::before {
  padding-top: 135%;
}
.brands__item.child .images-box::before {
  padding-top: 92%;
}
.brands__item.full .images-box::before {
  padding-top: 20%;
}

.brands__item.full .brands__content {
  max-width: 40%;
}

@media (max-width: 991px) {
  .brands__item {
    grid-column: span 6;
  }

  .brands__item.small {
    grid-column: span 12;
  }
}

@media (max-width: 767px) {
  .brands__item.large,
  .brands__item.child,
  .brands__item {
    grid-column: span 12;
  }

  .full .brands__thumb::before {
    padding-top: 50%;
  }
}

/*---------------------
  Product
-----------------------*/

.product {
  background: #eeeff1c9;
}

.product__item {
  background: white;
  height: 100%;
  border-radius: 10px;
  padding: 12px;
}

.product__thumb {
  position: relative;
  margin-bottom: 12px;
}

.product__thumb__brand {
  margin-bottom: 12px;
  /* width: 245px; */
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product__thumb__brand img {
  max-height: 100%;
  max-width: 120px;
}

.product__thumb__product::before {
  padding-top: 80%;
}

.product__status {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  color: white;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}

.product__status span {
  display: inline-block;
  background: #fbbf69;
  padding: 2px 9px;
  border-radius: 30px;
}

.product__item .images-box img {
  width: auto;
}

.product__brand {
  font-weight: 600;
  letter-spacing: 0.2px;
}

.product__content h6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  margin-bottom: 0;
}

.product__content h6 a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #737373;
}

.product__content h6 a:hover {
  color: #dc2626;
}

.product__price {
  font-size: 16px;
  color: #737373;
}

.product__price ins {
  text-decoration: none;
  font-weight: 600;
  color: #ff0000;
}

.product__deal__list {
  margin-top: 32px;
}

@media (max-width: 991px) {
  .product__thumb__brand {
    width: auto;
  }
}

/* product slider */
.owl-carousel .owl-item img {
  width: auto;
  display: inline;
}

.products-slider {
  position: relative;
}

.products-slider .owl-item {
  padding: 8px 8px 5px;
}

.products-slider .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  background: white;
  transition: all 0.5s;
}

.products-slider:hover .owl-nav button {
  color: var(--secondary);
  border: 1px solid var(--secondary);
  background-color: #fff;
  opacity: 1;
  visibility: visible;
  box-shadow:
    rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.products-slider .owl-nav .owl-prev,
.owl-carousel-main .owl-nav .owl-prev {
  left: 0;
}

.products-slider .owl-nav .owl-next,
.owl-carousel-main .owl-nav .owl-next {
  right: 0;
}

/* product slider */

/*---------------------
  Partner
-----------------------*/

.partner {
  background: #ebebeb;
}

.partner__item {
  overflow: hidden;
  border-radius: 4px;
}

.partner__item img {
  width: 100%;
}

.partner__control .swiper-button-next,
.partner__control .swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffffbf;
  color: black;
  font-size: 24px;
  left: -6px;
}

.partner__control .swiper-button-next {
  left: inherit;
  right: -6px;
}

.partner__control .swiper-button-next::after,
.partner__control .swiper-button-prev::after {
  display: none;
}

@media (max-width: 767px) {
  .partner__control .swiper-button-prev {
    left: 0;
  }

  .partner__control .swiper-button-next {
    right: 0;
  }
}

/*---------------------
  Latest Product
-----------------------*/

.about__wrapper {
  color: #374151;
}

.about__wrapper h3 {
  color: black;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.7px;
  margin-bottom: 32px;
}

/*---------------------
  Breadcrumb
-----------------------*/
.breadcrumb a {
  color: #000000;
}
.breadcrumb a:hover {
  color: var(--color-primary);
}

.breadcrumb-section {
  display: flex;
  align-items: center;
  padding: 45px 0 40px;
}

.breadcrumb__text h2 {
  font-size: 46px;
  color: #ffffff;
  font-weight: 700;
}

.breadcrumb__option a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  margin-right: 20px;
  position: relative;
}

.breadcrumb__option a:after {
  position: absolute;
  right: -12px;
  top: 13px;
  height: 1px;
  width: 10px;
  background: #ffffff;
  content: "";
}

.breadcrumb__option span {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
}

/*---------------------
  Sidebar
-----------------------*/

.sidebar__item {
  margin-bottom: 35px;
}

.sidebar__item.sidebar__item__color--option {
  overflow: hidden;
}

.sidebar__item h4 {
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 25px;
}

.sidebar__item ul li {
  list-style: none;
}

.sidebar__item ul li a {
  font-size: 16px;
  color: #1c1c1c;
  line-height: 39px;
  display: block;
}

.sidebar__item .latest-product__text {
  position: relative;
}

.sidebar__item .latest-product__text h4 {
  margin-bottom: 45px;
}

.sidebar__item .latest-product__text .owl-carousel .owl-nav {
  right: 0;
}

.price-range-wrap .range-slider {
  margin-top: 20px;
}

.price-range-wrap .range-slider .price-input {
  position: relative;
}

.price-range-wrap .range-slider .price-input:after {
  position: absolute;
  left: 38px;
  top: 13px;
  height: 1px;
  width: 5px;
  background: #dd2222;
  content: "";
}

.price-range-wrap .range-slider .price-input input {
  font-size: 16px;
  color: #dd2222;
  font-weight: 700;
  max-width: 20%;
  border: none;
  display: inline-block;
}

.price-range-wrap .price-range {
  border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content {
  border: none;
  background: #ebebeb;
  height: 5px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  cursor: pointer;
}

.price-range-wrap .price-range .ui-slider-range {
  background: #dd2222;
  border-radius: 0;
}

.price-range-wrap
  .price-range
  .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
  background: #dd2222;
}

.sidebar__item__color {
  float: left;
  width: 40%;
}

.sidebar__item__color.sidebar__item__color--white label:after {
  border: 2px solid #333333;
  background: transparent;
}

.sidebar__item__color.sidebar__item__color--gray label:after {
  background: #e9a625;
}

.sidebar__item__color.sidebar__item__color--red label:after {
  background: #d62d2d;
}

.sidebar__item__color.sidebar__item__color--black label:after {
  background: #252525;
}

.sidebar__item__color.sidebar__item__color--blue label:after {
  background: #249bc8;
}

.sidebar__item__color.sidebar__item__color--green label:after {
  background: #3cc032;
}

.sidebar__item__color label {
  font-size: 16px;
  color: #333333;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}

.sidebar__item__color label input {
  position: absolute;
  visibility: hidden;
}

.sidebar__item__color label:after {
  position: absolute;
  left: 0;
  top: 5px;
  height: 14px;
  width: 14px;
  background: #222;
  content: "";
  border-radius: 50%;
}

.sidebar__item__size {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 10px;
}

.sidebar__item__size label {
  font-size: 12px;
  color: #6f6f6f;
  display: inline-block;
  padding: 8px 25px 6px;
  background: #f5f5f5;
  cursor: pointer;
  margin-bottom: 0;
}

.sidebar__item__size label input {
  position: absolute;
  visibility: hidden;
}

/*---------------------
  Shop Grid
-----------------------*/

.product {
  padding-top: 80px;
  padding-bottom: 80px;
}

.product__discount {
  padding-bottom: 50px;
}

.product__discount__title {
  text-align: left;
  margin-bottom: 65px;
}

.product__discount__title h2 {
  display: inline-block;
}

.product__discount__title h2:after {
  margin: 0;
  width: 100%;
}

.product__discount__item:hover
  .product__discount__item__pic
  .product__item__pic__hover {
  bottom: 20px;
}

.product__discount__item__pic {
  height: 270px;
  position: relative;
  overflow: hidden;
}

.product__discount__item__pic .product__discount__percent {
  height: 45px;
  width: 45px;
  background: #dd2222;
  border-radius: 50%;
  font-size: 14px;
  color: #ffffff;
  line-height: 45px;
  text-align: center;
  position: absolute;
  left: 15px;
  top: 15px;
}

.product__item__pic__hover {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  text-align: center;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.product__item__pic__hover li {
  list-style: none;
  display: inline-block;
  margin-right: 6px;
}

.product__item__pic__hover li:last-child {
  margin-right: 0;
}

.product__item__pic__hover li:hover a {
  background: #7fad39;
  border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
  color: #ffffff;
  transform: rotate(360deg);
}

.product__item__pic__hover li a {
  font-size: 16px;
  color: #1c1c1c;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ebebeb;
  background: #ffffff;
  display: block;
  border-radius: 50%;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.product__item__pic__hover li a i {
  position: relative;
  transform: rotate(0);
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.product__discount__item__text {
  text-align: center;
  padding-top: 20px;
}

.product__discount__item__text span {
  font-size: 14px;
  color: #b2b2b2;
  display: block;
  margin-bottom: 4px;
}

.product__discount__item__text h5 {
  margin-bottom: 6px;
}

.product__discount__item__text h5 a {
  color: #1c1c1c;
}

.product__discount__item__text .product__item__price {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
}

.product__discount__item__text .product__item__price span {
  display: inline-block;
  font-weight: 400;
  text-decoration: line-through;
  margin-left: 10px;
}

.product__discount__slider .col-lg-4 {
  max-width: 100%;
}

.product__discount__slider.owl-carousel .owl-dots {
  text-align: center;
  margin-top: 30px;
}

.product__discount__slider.owl-carousel .owl-dots button {
  height: 12px;
  width: 12px;
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  margin-right: 12px;
}

.product__discount__slider.owl-carousel .owl-dots button.active {
  background: #707070;
  border-color: #6f6f6f;
}

.product__discount__slider.owl-carousel .owl-dots button:last-child {
  margin-right: 0;
}

.filter__item {
  padding-top: 45px;
  border-top: 1px solid #ebebeb;
  padding-bottom: 20px;
}

.filter__sort {
  margin-bottom: 15px;
}

.filter__sort span {
  font-size: 16px;
  color: #6f6f6f;
  display: inline-block;
}

.filter__sort .nice-select {
  background-color: #fff;
  border-radius: 0;
  border: none;
  display: inline-block;
  float: none;
  height: 0;
  line-height: 0;
  padding-left: 18px;
  padding-right: 30px;
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 700;
  cursor: pointer;
}

.filter__sort .nice-select span {
  color: #1c1c1c;
}

.filter__sort .nice-select:after {
  border-bottom: 1.5px solid #1c1c1c;
  border-right: 1.5px solid #1c1c1c;
  height: 8px;
  margin-top: 0;
  right: 16px;
  width: 8px;
  top: -5px;
}

.filter__sort .nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.filter__sort .nice-select .list {
  border-radius: 0;
  margin-top: 0;
  top: 15px;
}

.filter__sort .nice-select .option {
  line-height: 30px;
  min-height: 30px;
}

.filter__found {
  text-align: center;
  margin-bottom: 15px;
}

.filter__found h6 {
  font-size: 16px;
  color: #b2b2b2;
}

.filter__found h6 span {
  color: #1c1c1c;
  font-weight: 700;
  margin-right: 5px;
}

.filter__option {
  text-align: right;
  margin-bottom: 15px;
}

.filter__option span {
  font-size: 24px;
  color: #b2b2b2;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.filter__option span:last-child {
  margin: 0;
}

.filter__option span:hover {
  color: #7fad39;
}

.product__item:hover .product__item__pic .product__item__pic__hover {
  bottom: 20px;
}

.product__item__pic {
  height: 270px;
  position: relative;
  overflow: hidden;
}

.product__item__pic__hover {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  text-align: center;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.product__item__pic__hover li {
  list-style: none;
  display: inline-block;
  margin-right: 6px;
}

.product__item__pic__hover li:last-child {
  margin-right: 0;
}

.product__item__pic__hover li:hover a {
  background: #7fad39;
  border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
  color: #ffffff;
  transform: rotate(360deg);
}

.product__item__pic__hover li a {
  font-size: 16px;
  color: #1c1c1c;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ebebeb;
  background: #ffffff;
  display: block;
  border-radius: 50%;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.product__item__pic__hover li a i {
  position: relative;
  transform: rotate(0);
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.product__item__text {
  text-align: center;
  padding-top: 15px;
}

.product__item__text h6 {
  margin-bottom: 10px;
}

.product__item__text h6 a {
  color: #252525;
}

.product__item__text h5 {
  color: #252525;
  font-weight: 700;
}

.product__pagination,
.blog__pagination {
  padding-top: 10px;
}

.product__pagination a,
.blog__pagination a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #b2b2b2;
  font-size: 14px;
  color: #b2b2b2;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  margin-right: 16px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.product__pagination a:hover,
.blog__pagination a:hover {
  background: #7fad39;
  border-color: #7fad39;
  color: #ffffff;
}

.product__pagination a:last-child,
.blog__pagination a:last-child {
  margin-right: 0;
}

/*---------------------
  Shop Details
-----------------------*/

.product-details {
  padding-top: 80px;
}

.product__details__pic__item {
  margin-bottom: 20px;
}

.product__details__pic__item img {
  min-width: 100%;
}

.product__details__pic__slider img {
  cursor: pointer;
}

.product__details__pic__slider.owl-carousel .owl-item img {
  width: auto;
}

.product__details__text h3 {
  color: #252525;
  font-weight: 700;
  margin-bottom: 16px;
}

.product__details__text .product__details__rating {
  font-size: 14px;
  margin-bottom: 12px;
}

.product__details__text .product__details__rating i {
  margin-right: -2px;
  color: #edbb0e;
}

.product__details__text .product__details__rating span {
  color: #dd2222;
  margin-left: 4px;
}

/* .product__details__text .product__details__price {
  font-size: 30px;
  color: #dd2222;
  font-weight: 600;
  margin-bottom: 15px;
} */

.product__details__text p {
  margin-bottom: 45px;
}

.product__details__text .primary-btn {
  padding: 16px 28px 14px;
  margin-right: 6px;
  margin-bottom: 5px;
}

.product__details__text .heart-icon {
  display: inline-block;
  font-size: 16px;
  color: #6f6f6f;
  padding: 13px 16px 13px;
  background: #f5f5f5;
}

.product__details__text ul {
  border-top: 1px solid #ebebeb;
  padding-top: 40px;
  margin-top: 50px;
}

.product__details__text ul li {
  font-size: 16px;
  color: #1c1c1c;
  list-style: none;
  line-height: 36px;
}

.product__details__text ul li b {
  font-weight: 700;
  width: 170px;
  display: inline-block;
}

.product__details__text ul li span samp {
  color: #dd2222;
}

.product__details__text ul li .share {
  display: inline-block;
}

.product__details__text ul li .share a {
  display: inline-block;
  font-size: 15px;
  color: #1c1c1c;
  margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
  margin-right: 0;
}

.product__details__price {
  display: flex;
  flex-direction: column;
}
.product__details__price .pro-percent {
  /* font-size: 16px; */
  color: #fe0000;
}
.product__details__price del {
  font-size: 16px;
  color: #4c4c4c;
  margin-right: 10px;
}

.product__details__price ins {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
  color: #fe0000;
}

.product__details__quantity {
  display: inline-block;
  margin-right: 6px;
}

.pro-qty {
  width: 140px;
  height: 50px;
  display: inline-block;
  position: relative;
  text-align: center;
  background: #f5f5f5;
  margin-bottom: 5px;
}

.pro-qty input {
  height: 100%;
  width: 100%;
  font-size: 16px;
  color: #6f6f6f;
  width: 50px;
  border: none;
  background: #f5f5f5;
  text-align: center;
}

.pro-qty .qtybtn {
  width: 35px;
  font-size: 16px;
  color: #6f6f6f;
  cursor: pointer;
  display: inline-block;
}

.product__details__tab {
  padding-top: 85px;
}

.product__details__tab .nav-tabs {
  border-bottom: none;
  justify-content: center;
  position: relative;
}

.product__details__tab .nav-tabs:before {
  position: absolute;
  left: 0;
  top: 12px;
  height: 1px;
  width: 370px;
  background: #ebebeb;
  content: "";
}

.product__details__tab .nav-tabs:after {
  position: absolute;
  right: 0;
  top: 12px;
  height: 1px;
  width: 370px;
  background: #ebebeb;
  content: "";
}

.product__details__tab .nav-tabs li {
  margin-bottom: 0;
  margin-right: 65px;
}

.product__details__tab .nav-tabs li:last-child {
  margin-right: 0;
}

.product__details__tab .nav-tabs li a {
  font-size: 16px;
  color: #999999;
  font-weight: 700;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
}

.product__details__tab .product__details__tab__desc {
  padding-top: 44px;
}

.product__details__tab .product__details__tab__desc h6 {
  font-weight: 700;
  color: #333333;
  margin-bottom: 26px;
}

.product__details__tab .product__details__tab__desc p {
  color: #666666;
}

.quantity {
  display: flex;
  justify-content: space-between;
  /* width: 122px; */
  height: 50px;
  border: 1px solid #eee;
  border-radius: 50px;
  box-shadow: 0px 2px 0px 0px #00000004;
  font-weight: 600;
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 10px;
}

.quantity input[type="number"] {
  border: 0;
  background-color: transparent;
  /* pointer-events: none; */
  text-align: center;
  flex: 1;
  max-width: 40px;
  -moz-appearance: textfield;
}

.quantity input[type="number"]:focus-visible {
  outline: none;
}

.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.quantity__augure,
.quantity__reduce {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 100%;
  color: var(--secondary);
}

.group-button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 17px;
}

.group-button a.btn-custom {
  position: relative;
  padding: 12px 24px;
  min-height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 16px;
  border: 0;
  background: #ff6363;
  color: #fff;
}
.group-button a.btn-custom svg {
  width: auto;
  height: 24px;
  position: absolute;
  left: 20px;
}

.group-button .btn-custom.active {
  text-transform: uppercase;
  padding-left: 55px;
  padding-right: 55px;
}

.product-contact a.btn-custom {
  border-color: var(--secondary);
  background: var(--secondary);
  color: white;
  padding: 12px 47px;
}

.product-contact a:hover {
  background: var(--primary);
}

@media (max-width: 767px) {
  .form-detail-action,
  .group-button {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*---------------------
  Shop Details
-----------------------*/

.related-product {
  padding-bottom: 30px;
}

.related__product__title {
  margin-bottom: 70px;
}

/*---------------------
  Shop Cart
-----------------------*/

.shoping-cart {
  padding-top: 80px;
  padding-bottom: 80px;
}

.shoping__cart__table {
  margin-bottom: 30px;
}

.shoping__cart__table table {
  width: 100%;
  text-align: center;
}

.shoping__cart__table table thead tr {
  border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table thead th {
  font-size: 20px;
  font-weight: 700;
  color: #1c1c1c;
  padding-bottom: 20px;
}

.shoping__cart__table table thead th.shoping__product {
  text-align: left;
}

.shoping__cart__table table tbody tr td {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table tbody tr td.shoping__cart__item {
  width: 630px;
  text-align: left;
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
  display: inline-block;
  margin-right: 25px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item h5 {
  color: #1c1c1c;
  display: inline-block;
}

.shoping__cart__table table tbody tr td.shoping__cart__price {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  width: 100px;
}

.shoping__cart__table table tbody tr td.shoping__cart__total {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  width: 110px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close {
  text-align: right;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close span {
  font-size: 24px;
  color: #b2b2b2;
  cursor: pointer;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity {
  width: 225px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty {
  width: 120px;
  height: 40px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input {
  color: #1c1c1c;
}

.shoping__cart__table
  table
  tbody
  tr
  td.shoping__cart__quantity
  .pro-qty
  input::placeholder {
  color: #1c1c1c;
}

.shoping__cart__table
  table
  tbody
  tr
  td.shoping__cart__quantity
  .pro-qty
  .qtybtn {
  width: 15px;
}

.primary-btn.cart-btn {
  color: #6f6f6f;
  padding: 14px 30px 12px;
  background: #f5f5f5;
}

.primary-btn.cart-btn span {
  font-size: 14px;
}

.primary-btn.cart-btn.cart-btn-right {
  float: right;
}

.shoping__discount {
  margin-top: 45px;
}

.shoping__discount h5 {
  font-size: 20px;
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 25px;
}

.shoping__discount form input {
  width: 255px;
  height: 46px;
  border: 1px solid #cccccc;
  font-size: 16px;
  color: #b2b2b2;
  text-align: center;
  display: inline-block;
  margin-right: 15px;
}

.shoping__discount form input::placeholder {
  color: #b2b2b2;
}

.shoping__discount form button {
  padding: 15px 30px 11px;
  font-size: 12px;
  letter-spacing: 4px;
  background: #6f6f6f;
}

.shoping__checkout {
  background: #f5f5f5;
  padding: 30px;
  padding-top: 20px;
  margin-top: 50px;
}

.shoping__checkout h5 {
  color: #1c1c1c;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 28px;
}

.shoping__checkout ul {
  margin-bottom: 28px;
}

.shoping__checkout ul li {
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 700;
  list-style: none;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 13px;
  margin-bottom: 18px;
}

.shoping__checkout ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.shoping__checkout ul li span {
  font-size: 18px;
  color: #dd2222;
  float: right;
}

.shoping__checkout .primary-btn {
  display: block;
  text-align: center;
}

/*---------------------
  Checkout
-----------------------*/

.checkout {
  padding-top: 80px;
  padding-bottom: 60px;
}

.checkout h6 {
  color: #999999;
  text-align: center;
  background: #f5f5f5;
  border-top: 1px solid #6ab963;
  padding: 12px 0 12px;
  margin-bottom: 75px;
}

.checkout h6 span {
  font-size: 16px;
  color: #6ab963;
  margin-right: 5px;
}

.checkout h6 a {
  text-decoration: underline;
  color: #999999;
}

.checkout__form h4 {
  color: #1c1c1c;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.checkout__form p {
  column-rule: #b2b2b2;
}

.checkout__input {
  margin-bottom: 24px;
}

.checkout__input p {
  color: #1c1c1c;
  margin-bottom: 20px;
}

.checkout__input p span {
  color: #dd2222;
}

.checkout__input input {
  width: 100%;
  height: 46px;
  border: 1px solid #ebebeb;
  padding-left: 20px;
  font-size: 16px;
  color: #b2b2b2;
  border-radius: 4px;
}

.checkout__input input.checkout__input__add {
  margin-bottom: 20px;
}

.checkout__input input::placeholder {
  color: #b2b2b2;
}

.checkout__input__checkbox {
  margin-bottom: 10px;
}

.checkout__input__checkbox label {
  position: relative;
  font-size: 16px;
  color: #1c1c1c;
  padding-left: 40px;
  cursor: pointer;
}

.checkout__input__checkbox label input {
  position: absolute;
  visibility: hidden;
}

.checkout__input__checkbox label input:checked ~ .checkmark {
  background: #7fad39;
  border-color: #7fad39;
}

.checkout__input__checkbox label input:checked ~ .checkmark:after {
  opacity: 1;
}

.checkout__input__checkbox label .checkmark {
  position: absolute;
  left: 0;
  top: 4px;
  height: 16px;
  width: 14px;
  border: 1px solid #a6a6a6;
  content: "";
  border-radius: 4px;
}

.checkout__input__checkbox label .checkmark:after {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 10px;
  height: 8px;
  border: solid white;
  border-width: 3px 3px 0px 0px;
  -webkit-transform: rotate(127deg);
  -ms-transform: rotate(127deg);
  transform: rotate(127deg);
  content: "";
  opacity: 0;
}

.checkout__order {
  background: #f5f5f5;
  padding: 40px;
  padding-top: 30px;
}

.checkout__order h4 {
  color: #1c1c1c;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.checkout__order .checkout__order__products {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 10px;
}

.checkout__order .checkout__order__products span {
  float: right;
}

.checkout__order ul {
  margin-bottom: 12px;
}

.checkout__order ul li {
  font-size: 16px;
  color: #6f6f6f;
  line-height: 40px;
  list-style: none;
}

.checkout__order ul li span {
  font-weight: 700;
  float: right;
}

.checkout__order .checkout__order__subtotal {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
}

.checkout__order .checkout__order__subtotal span {
  float: right;
}

.checkout__order .checkout__input__checkbox label {
  padding-left: 20px;
}

.checkout__order .checkout__order__total {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.checkout__order .checkout__order__total span {
  float: right;
  color: #dd2222;
}

.checkout__order button {
  font-size: 18px;
  letter-spacing: 2px;
  width: 100%;
  margin-top: 10px;
}

/*---------------------
  Blog
-----------------------*/

.blog__item {
  height: 100%;
}

.blog__item__pic::before {
  padding-top: 140%;
}

.blog__item__text {
  margin-top: 8px;
}

.blog__item__text ul {
  list-style: none;
  padding: 0 0 16px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: 10px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  border-bottom: 1px solid #e5e7eb;
}

.blog__item__text ul li {
  color: #9ca3af;
}

.blog__item__text ul li:nth-child(2) {
  color: #a38a5e;
}

.blog__item__text h5 {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
}

.blog__item__text h5 a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: black;
}

.blog__item__text h5 a:hover {
  color: #dc2626;
}

.blog__item__text p {
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #6b7280;
}

.blog__item__text .blog__btn {
  display: inline-block;
  font-size: 14px;
  color: #1c1c1c;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #b2b2b2;
  padding: 14px 20px 12px;
  border-radius: 25px;
}

.blog__item__text .blog__btn span {
  position: relative;
  top: 1px;
  margin-left: 5px;
}

.blog__pagination {
  padding-top: 5px;
  position: relative;
}

.blog__pagination:before {
  position: absolute;
  left: 0;
  top: -29px;
  height: 1px;
  width: 100%;
  background: #000000;
  opacity: 0.1;
  content: "";
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
  padding-top: 50px;
}

.blog__sidebar__item {
  margin-bottom: 50px;
}

.blog__sidebar__item h4 {
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 25px;
}

.blog__sidebar__item ul li {
  list-style: none;
}

.blog__sidebar__item ul li a {
  font-size: 16px;
  color: #666666;
  line-height: 48px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
  color: #7fad39;
}

.blog__sidebar__search {
  margin-bottom: 50px;
}

.blog__sidebar__search form {
  position: relative;
}

.blog__sidebar__search form input {
  width: 100%;
  height: 46px;
  font-size: 16px;
  color: #6f6f6f;
  padding-left: 15px;
  border: 1px solid #e1e1e1;
  border-radius: 20px;
}

.blog__sidebar__search form input::placeholder {
  color: #6f6f6f;
}

.blog__sidebar__search form button {
  font-size: 16px;
  color: #6f6f6f;
  background: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0px 18px;
}

.blog__sidebar__recent .blog__sidebar__recent__item {
  display: block;
}

.blog__sidebar__recent .blog__sidebar__recent__item:last-child {
  margin-bottom: 0;
}

.blog__sidebar__recent__item {
  overflow: hidden;
  margin-bottom: 20px;
}

.blog__sidebar__recent__item__pic {
  float: left;
  margin-right: 20px;
}

.blog__sidebar__recent__item__text {
  overflow: hidden;
}

.blog__sidebar__recent__item__text h6 {
  font-weight: 700;
  color: #333333;
  line-height: 20px;
  margin-bottom: 5px;
}

.blog__sidebar__recent__item__text span {
  font-size: 12px;
  color: #999999;
  text-transform: uppercase;
}

.blog__sidebar__item__tags a {
  font-size: 16px;
  color: #6f6f6f;
  background: #f5f5f5;
  display: inline-block;
  padding: 7px 26px 5px;
  margin-right: 6px;
  margin-bottom: 10px;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
  height: 350px;
  display: flex;
  align-items: center;
}

.blog__details__hero__text {
  text-align: center;
}

.blog__details__hero__text h2 {
  font-size: 46px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 10px;
}

.blog__details__hero__text ul li {
  font-size: 16px;
  color: #ffffff;
  list-style: none;
  display: inline-block;
  margin-right: 45px;
  position: relative;
}

.blog__details__hero__text ul li:after {
  position: absolute;
  right: -26px;
  top: 0;
  content: "|";
}

.blog__details__hero__text ul li:last-child {
  margin-right: 0;
}

.blog__details__hero__text ul li:last-child:after {
  display: none;
}

/*---------------------
  Blog Details
-----------------------*/

.related-blog {
  padding-top: 70px;
  padding-bottom: 10px;
}

.related-blog-title {
  margin-bottom: 70px;
}

.blog-details {
  padding-bottom: 75px;
  border-bottom: 1px solid #e1e1e1;
}

.blog__details__text {
  margin-bottom: 45px;
}

.blog__details__text img {
  margin-bottom: 30px;
}

.blog__details__text p {
  font-size: 18px;
  line-height: 30px;
}

.blog__details__text h3 {
  color: #333333;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 30px;
}

.blog__details__author__pic {
  float: left;
  margin-right: 15px;
}

.blog__details__author__pic img {
  height: 92px;
  width: 92px;
  border-radius: 50%;
}

.blog__details__author__text {
  overflow: hidden;
  padding-top: 30px;
}

.blog__details__author__text h6 {
  color: #1c1c1c;
  font-weight: 700;
}

.blog__details__author__text span {
  font-size: 16px;
  color: #6f6f6f;
}

.blog__details__widget ul {
  margin-bottom: 5px;
}

.blog__details__widget ul li {
  font-size: 16px;
  color: #6f6f6f;
  list-style: none;
  line-height: 30px;
}

.blog__details__widget ul li span {
  color: #1c1c1c;
  font-weight: 700;
}

.blog__details__widget .blog__details__social a {
  display: inline-block;
  font-size: 20px;
  color: #6f6f6f;
  margin-right: 24px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.blog__details__widget .blog__details__social a:hover {
  color: #7fad39;
}

.blog__details__widget .blog__details__social a:last-child {
  margin-right: 0;
}

/*---------------------
  Footer
-----------------------*/
.footer {
  background: #222a37;
  color: white;
}
.footer__top {
  background: #2f3841;
  padding: 24px 0;
}

.footer__top .social-icon,
.footer__top__social ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 30px;
}

.footer__top .social-icon a,
.footer__top__social a {
  display: block;
  width: 25px;
  height: 25px;
}

.footer__top__social img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer__middle {
  padding: 40px 0 55px;
}

.footer__widget h6 {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.footer__widget ul {
  list-style: none;
  padding: 0;
}

.footer__widget ul li a {
  display: block;
  color: white;
  line-height: 2.28;
}

.footer__widget ul li a:hover,
.footer__bottom__nav a:hover {
  color: #f97316;
}

.footer__bottom {
}

.footer__bottom__copyright p {
  margin-bottom: 0;
}

.footer__bottom__payment {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 16px;
}

.footer__bottom__payment a {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 4px;
}

.footer__bottom__payment img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer__bottom__nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}

.footer__bottom__nav a {
  color: white;
}

.footer__bottom h6 {
  font-size: 14px;
}

@media (max-width: 767px) {
  .footer__top__social ul {
    gap: 16px;
  }

  .footer__bottom__payment,
  .footer__bottom__nav ul {
    justify-content: flex-start;
  }
}

/*---------------------
  Contact
-----------------------*/

.contact {
  padding-top: 80px;
  padding-bottom: 50px;
}

.contact__widget {
  margin-bottom: 30px;
}

.contact__widget span {
  font-size: 36px;
  color: #7fad39;
}

.contact__widget h4 {
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 6px;
  margin-top: 18px;
}

.contact__widget p {
  color: #666666;
  margin-bottom: 0;
}

/*---------------------
  Map
-----------------------*/

.map {
  height: 500px;
  position: relative;
}

.map iframe {
  width: 100%;
}

.map .map-inside {
  position: absolute;
  left: 50%;
  top: 160px;
  -webkit-transform: translateX(-175px);
  -ms-transform: translateX(-175px);
  transform: translateX(-175px);
}

.map .map-inside i {
  font-size: 48px;
  color: #7fad39;
  position: absolute;
  bottom: -75px;
  left: 50%;
  -webkit-transform: translateX(-18px);
  -ms-transform: translateX(-18px);
  transform: translateX(-18px);
}

.map .map-inside .inside-widget {
  width: 350px;
  background: #ffffff;
  text-align: center;
  padding: 23px 0;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
  box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}

.map .map-inside .inside-widget:after {
  position: absolute;
  left: 50%;
  bottom: -30px;
  -webkit-transform: translateX(-6px);
  -ms-transform: translateX(-6px);
  transform: translateX(-6px);
  border: 12px solid transparent;
  border-top: 30px solid #ffffff;
  content: "";
  z-index: -1;
}

.map .map-inside .inside-widget h4 {
  font-size: 22px;
  font-weight: 700;
  color: #1c1c1c;
  margin-bottom: 4px;
}

.map .map-inside .inside-widget ul li {
  list-style: none;
  font-size: 16px;
  color: #666666;
  line-height: 26px;
}

/*---------------------
  Contact Form
-----------------------*/

.contact__form__title {
  margin-bottom: 50px;
  text-align: center;
}

.contact__form__title h2 {
  color: #1c1c1c;
  font-weight: 700;
}

.contact-form {
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact-form form input {
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #6f6f6f;
  padding-left: 20px;
  margin-bottom: 30px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}

.contact-form form input::placeholder {
  color: #6f6f6f;
}

.contact-form form textarea {
  width: 100%;
  height: 150px;
  font-size: 16px;
  color: #6f6f6f;
  padding-left: 20px;
  margin-bottom: 24px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  padding-top: 12px;
  resize: none;
}

.contact-form form textarea::placeholder {
  color: #6f6f6f;
}

.contact-form form button {
  font-size: 18px;
  letter-spacing: 2px;
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero__search__form {
    width: 490px;
  }
  .product__details__tab .nav-tabs:before {
    width: 265px;
  }
  .product__details__tab .nav-tabs:after {
    width: 265px;
  }
  .shoping__discount form input {
    width: 240px;
  }
}

/* Tablet Device = 768px */

@media (max-width: 991px) {
  .humberger__open {
    display: block;
    font-size: 22px;
    color: #1c1c1c;
    height: 35px;
    width: 35px;
    line-height: 33px;
    text-align: center;
    border: 1px solid #1c1c1c;
    cursor: pointer;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categories__slider.owl-carousel .owl-nav button {
    left: -20px;
  }
  .categories__slider.owl-carousel .owl-nav button.owl-next {
    right: -20px;
  }
  .filter__sort .nice-select {
    padding-left: 5px;
    padding-right: 28px;
  }
  .product__details__quantity {
    margin-bottom: 10px;
  }
  .product__details__text .primary-btn {
    margin-bottom: 10px;
  }
  .product__details__tab .nav-tabs:before {
    width: 150px;
  }
  .product__details__tab .nav-tabs:after {
    width: 150px;
  }
  .blog__details__author {
    overflow: hidden;
    margin-bottom: 25px;
  }
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
  .hero__categories {
    margin-bottom: 30px;
  }
  .hero__search {
    margin-bottom: 30px;
  }
  .hero__search__form {
    width: 100%;
  }
  .hero__search__form form input {
    width: 100%;
  }
  .hero__search__form form .hero__search__categories {
    display: none;
  }
  .hero__search__phone {
    float: left;
    margin-top: 30px;
  }
  .categories__slider.owl-carousel .owl-nav {
    text-align: center;
    margin-top: 40px;
  }
  .categories__slider.owl-carousel .owl-nav button {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: translateY(0);
  }
  .categories__slider.owl-carousel .owl-nav button.owl-next {
    right: -10px;
  }
  .footer__copyright {
    text-align: center;
  }
  .footer__copyright__text {
    float: none;
    margin-bottom: 25px;
  }
  .footer__copyright__payment {
    float: none;
  }
  .filter__item {
    text-align: center;
  }
  .filter__option {
    text-align: center;
  }
  .product__details__pic {
    margin-bottom: 40px;
  }
  .product__details__tab .nav-tabs:before {
    display: none;
  }
  .product__details__tab .nav-tabs:after {
    display: none;
  }
  .shoping__cart__table {
    overflow-y: auto;
  }
  .shoping__discount form input {
    margin-bottom: 15px;
  }
  .blog__details__author {
    overflow: hidden;
    margin-bottom: 25px;
  }
  .humberger__menu__wrapper {
    width: 310px;
  }
  .humberger__menu__logo {
    margin-bottom: 30px;
  }
  .header__top {
    display: none;
  }
  .header__menu {
    display: none;
  }
  .header__cart {
    text-align: center;
    padding: 10px 0 24px;
  }
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
  .hero__search__form form .hero__search__categories {
    display: none;
  }
  .featured__controls ul li {
    margin-bottom: 10px;
  }
  .product__details__text ul li b {
    width: 100px;
  }
  .product__details__tab .nav-tabs li {
    margin-right: 20px;
  }
  .shoping__cart__btns {
    text-align: center;
  }
  .primary-btn.cart-btn.cart-btn-right {
    float: none;
    margin-top: 10px;
  }
  .shoping__checkout .primary-btn {
    display: block;
    text-align: center;
    padding: 10px 15px 10px;
  }
  .map .map-inside {
    -webkit-transform: translateX(-125px);
    -ms-transform: translateX(-125px);
    transform: translateX(-125px);
  }
  .map .map-inside .inside-widget {
    width: 250px;
  }
  .product__details__tab .nav-tabs li {
    margin-right: 15px;
  }
  .shoping__discount form input {
    width: 100%;
  }
  .checkout__order {
    padding: 20px;
  }
  .blog__details__hero__text h2 {
    font-size: 24px;
  }
}

/*loading*/

/* Product contact modal */
/* Customer My Projects */
.customer-projects {
  min-height: 520px;
  background: #fff;
}

.customer-projects__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
}

.customer-projects__heading h1 {
  margin-bottom: 8px;
  color: #151515;
  font-size: 30px;
  font-weight: 600;
}

.customer-projects__heading p {
  margin: 0;
  color: #666;
  font-size: 16px;
}

.customer-projects__new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 44px;
  gap: 12px;
  padding: 8px 20px;
  border: 0;
  border-radius: 28px;
  background: #f3f3f3;
  color: #151515;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.customer-projects__new i {
  font-size: 18px;
}

.customer-projects__list {
  display: grid;
  gap: 18px;
}

.customer-project-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 165px;
  gap: 30px;
  padding: 30px 40px;
  border: 1px solid #ddd;
  border-radius: 10px;
  color: #202020;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.customer-project-card:hover {
  border-color: #aaa;
  color: #202020;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  transform: translateY(-2px);
}

.customer-project-card__content h2 {
  margin-bottom: 18px;
  font-size: 25px;
  font-weight: 600;
}

.customer-project-card__content span {
  color: #777;
  font-size: 16px;
}

.customer-project-card__preview {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 150px;
  width: 150px;
  height: 90px;
  color: #aaa;
  font-size: 38px;
}

.customer-project-card__preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.customer-projects__empty {
  padding: 70px 20px;
  border: 1px dashed #d5d5d5;
  border-radius: 10px;
  color: #777;
  text-align: center;
}

.customer-projects__empty i {
  margin-bottom: 18px;
  font-size: 44px;
}

.customer-projects__empty h3 {
  color: #333;
  font-size: 20px;
}

.customer-project-detail__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 26px;
  color: #555;
}

.modal-create-customer-project .modal-content {
  border: 0;
  border-radius: 18px;
}

.modal-create-customer-project .modal-header,
.modal-create-customer-project .modal-body,
.modal-create-customer-project .modal-footer {
  padding: 20px 24px;
}

.modal-create-customer-project .modal-footer .btn-custom {
  min-width: 110px;
}

.modal-create-customer-project .customer-projects__save {
  border-color: #222;
  background: #222;
  color: #fff;
}

@media (max-width: 767px) {
  .customer-projects__heading {
    flex-direction: column;
    margin-bottom: 24px;
  }

  .customer-projects__heading h1 {
    font-size: 25px;
  }

  .customer-project-card {
    min-height: 130px;
    padding: 22px 20px;
  }

  .customer-project-card__content h2 {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .customer-project-card__preview {
    flex-basis: 100px;
    width: 100px;
    height: 70px;
  }
}

/* Product save modal */
.modal-product-save .modal-dialog {
  max-width: 450px;
}

.modal-product-save .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 22px;
  box-shadow: 0 24px 70px rgba(18, 18, 18, 0.25);
}

.modal-product-save .modal-header {
  align-items: center;
  padding: 28px 24px 20px;
  border: 0;
}

.modal-product-save__product {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 18px;
}

.modal-product-save__product img {
  width: 72px;
  height: 52px;
  object-fit: contain;
}

.modal-product-save__product span {
  display: block;
  color: #444;
  font-size: 14px;
}

.modal-product-save .modal-title {
  overflow: hidden;
  margin: 2px 0 0;
  color: #111;
  font-size: 21px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-product-save .modal-body {
  min-height: 260px;
  padding: 0 24px 28px;
}

.product-save-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
}

.product-save-list h6 {
  margin: 22px 0 12px;
  color: #888;
  font-size: 14px;
}

.product-save-option {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: #171717;
  text-align: left;
}

.product-save-option__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border: 1px solid #efedeb;
  border-radius: 12px;
  background: #faf9f8;
  font-size: 22px;
}

.product-save-option__name {
  overflow: hidden;
  flex: 1;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-save-option__check {
  color: #17875c;
  opacity: 0;
}

.product-save-option.is-selected .product-save-option__icon {
  border-color: #232323;
  background: #f0efed;
}

.product-save-option.is-selected .product-save-option__check {
  opacity: 1;
}

.product-save-option:disabled {
  cursor: wait;
  opacity: 0.55;
}

.product-save-back {
  margin-bottom: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #555;
}

.product-save-create .form-control {
  min-height: 50px;
  margin-bottom: 20px;
  border-radius: 9px;
}

.product-save-create-submit,
.product-save-login .btn-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  gap: 8px;
  border-color: #242424;
  background: #242424;
  color: #fff;
  text-align: center;
}

.product-save-login {
  padding: 42px 10px 10px;
  text-align: center;
}

.product-save-alert {
  padding: 9px 12px;
  font-size: 13px;
}

@media (max-width: 575px) {
  .modal-product-save {
    padding: 12px !important;
  }

  .modal-product-save .modal-dialog {
    margin: 0;
  }

  .modal-product-save .modal-header,
  .modal-product-save .modal-body {
    padding-right: 18px;
    padding-left: 18px;
  }

  .modal-product-save__product {
    gap: 10px;
  }

  .modal-product-save__product img {
    width: 58px;
  }

  .modal-product-save .modal-title {
    max-width: 210px;
    font-size: 18px;
  }
}

.modal-contact .modal-dialog {
  max-width: 500px;
}

.modal-contact .modal-content {
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(18, 18, 18, 0.22);
}

.modal-contact .modal-header {
  align-items: center;
  padding: 30px 24px 20px;
  color: #222;
  border: 0;
  background: #fff;
}

.modal-contact__product {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 18px;
}

.modal-contact__product > img {
  width: 76px;
  height: 52px;
  object-fit: contain;
}

.modal-contact__product span {
  display: block;
  margin-bottom: 2px;
  color: #444;
  font-size: 14px;
}

.modal-contact .modal-title {
  margin: 0;
  overflow: hidden;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-contact__eyebrow {
  display: block;
  margin-bottom: 4px;
  color: #ffe869;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.modal-contact .btn-close {
  flex: 0 0 auto;
  padding: 10px;
  border-radius: 50%;
  background-color: #f3f1ef;
  opacity: 0.9;
}

.modal-contact .modal-body {
  padding: 10px 24px 28px;
}

.modal-contact__member {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  padding: 16px;
  border-radius: 12px;
  background: #f1efed;
}

.modal-contact__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  overflow: hidden;
  border-radius: 50%;
  background: #42628c;
  color: #fff;
  font-weight: 700;
}

.modal-contact__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modal-contact__member-info {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-wrap: wrap;
  column-gap: 8px;
  font-size: 12px;
}

.modal-contact__member-info strong {
  width: 100%;
  color: #222;
  font-size: 14px;
}

.modal-contact__member-info span {
  overflow: hidden;
  color: #8b8b8b;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-contact__member-info a {
  width: 100%;
  margin-top: 7px;
  color: #087dcc;
  font-weight: 600;
}

.modal-contact__edit {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  color: #555;
}

.modal-contact__missing-phone {
  margin: -16px 0 26px;
}

.modal-contact__requests {
  margin: 0 0 22px;
  padding: 0;
  border: 0;
}

.modal-contact__requests legend {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
}

.modal-contact__requests .form-check {
  height: 100%;
  margin: 0;
  padding: 3px 4px 3px 28px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.modal-contact__requests .form-check-input {
  margin-top: 3px;
}

.modal-contact .form-label {
  margin-bottom: 6px;
  color: #313131;
  font-weight: 500;
}

.modal-contact .form-label span {
  color: #dc2626;
}

.modal-contact .form-control {
  min-height: 48px;
  padding: 11px 14px;
  border-color: #dedbd7;
  border-radius: 9px;
}

.modal-contact textarea.form-control {
  min-height: 110px;
}

.modal-contact .form-control:focus {
  border-color: #b99350;
  box-shadow: 0 0 0 3px rgba(185, 147, 80, 0.13);
}

.modal-contact__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 50px;
  border-color: #191919;
  background: #191919;
  color: #fff;
  text-transform: uppercase;
}

.modal-contact__privacy {
  margin: -2px 0 0;
  color: #8a8a8a;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

.modal-contact.fade .modal-dialog {
  transform: translateY(24px) scale(0.98);
  transition: transform 0.25s ease-out;
}

.modal-contact.show .modal-dialog {
  transform: none;
}

.product-brand-detail .product__brand__header {
  margin-bottom: 20px;
}

.product-brand-detail .product__brand__img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 140px;
}

.product-brand-detail__label {
  display: block;
  margin-bottom: 3px;
  color: #888;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.product-brand-detail .product__brand__content a {
  color: #111;
}

.product-brand-detail .product__about__actions {
  margin-bottom: 0;
}

.product-brand-detail .product__about__actions,
.product-brand-detail__products {
  width: 100%;
}

.product-brand-detail__products {
  position: relative;
  min-height: 92px;
}

.product-brand-detail__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.product-brand-detail__item {
  display: block;
  min-width: 0;
  color: #313131;
}

.product-brand-detail__item img {
  width: 100%;
  aspect-ratio: 1 / 0.9;
  padding: 4px;
  border: 1px solid #ececec;
  border-radius: 5px;
  object-fit: contain;
}

.product-brand-detail__item span {
  display: block;
  overflow: hidden;
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-brand-detail__loading {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.78);
}

.product-brand-detail__error {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 6px;
  background: #fff1f1;
  color: #b42318;
  font-size: 11px;
  text-align: center;
}

.product-brand-detail .product__brand__footer {
  margin-top: 18px;
}

.product-brand-detail .nav-button-prev,
.product-brand-detail .nav-button-next {
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #f1f1f1;
  color: #222;
}

.product-brand-detail .nav-button-prev:disabled,
.product-brand-detail .nav-button-next:disabled {
  color: #aaa;
  cursor: not-allowed;
  opacity: 0.55;
}

@media (max-width: 767px) {
  .modal-contact {
    padding: 12px !important;
  }

  .modal-contact .modal-dialog {
    margin: 0;
  }

  .modal-contact .modal-header,
  .modal-contact .modal-body {
    padding-right: 18px;
    padding-left: 18px;
  }

  .modal-contact .modal-title {
    max-width: 210px;
    font-size: 17px;
  }

  .modal-contact__product {
    gap: 10px;
  }

  .modal-contact__product > img {
    width: 58px;
  }

  .product-brand-detail .product__brand__header {
    flex-wrap: nowrap;
  }

  .product-brand-detail .product__brand__img {
    flex-basis: 110px;
  }
}

#loading_box {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100000;
  opacity: 0;
  visibility: hidden;
}

#loading_box.show {
  opacity: 1;
  visibility: visible;
}

#loading_image {
  display: block;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  top: 50%;
  transform: translateY(-50%);
}

#loading_image:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f8c546;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  z-index: 1;
}

#loading_image:before {
  border-top-color: #175cd3ab;
}

#loading_image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  background: var(--loading-bg);
  background-size: 55%;
  border-radius: 50%;
  margin: 0;
  background-color: #f8c5468c;
}

#loading_image:after {
  background-color: rgba(188, 188, 188, 0.4);
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*loading*/

/*Login */
.form-group {
  position: relative;
}

.error-message,
form div.error,
form label.error {
  bottom: -20px;
  font-size: 13px;
  color: #f00;
}

form div.error,
form label.error {
  position: absolute;
  left: 0;
}

#reviewModal form div.error,
#reviewModal form label.error {
  position: relative;
  bottom: 0;
}

.password-toggle {
  position: relative;
}

.password-toggle-btn .password-toggle-check {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.password-toggle-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.625rem;
  left: unset;
  margin-bottom: 0;
  padding: 0.5rem;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  border: 0;
  background: unset;
}

.bg-main_login {
  background: var(--login-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-main_login .frm-account {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0px 0px 20px 0px #0000001a;
}

.close-btn {
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  position: absolute;
  top: -15px;
  right: -15px;
  opacity: 1;
}

.login-lightbox .modal-body {
  padding: 32px;
}

.frm-account--title {
  margin-bottom: 55px;
}

.frm-account--title img {
  width: 68px;
}

.frm-account--title h4 {
  font-size: 30px;
  margin-top: 30px;
}

.frm-account--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  margin-bottom: 52px;
}

.frm-account--icon img {
  width: 40px;
}

.other-login-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.other-login-title span {
  flex: 1 1;
  height: 1px;
  background: #a3a3a3;
}

.other-login-title h5 {
  position: relative;
  font-size: 26px;
  padding: 0 16px;
}

.frm-account--other .form-group input[type="tel"] {
  padding-top: 22px;
  padding-bottom: 22px;
  border-width: 2px;
  border-color: black;
  border-radius: 50px;
}
/* login */

/*--------------------------------------------------------------
# Acount Page
--------------------------------------------------------------*/

.customer-account {
  background: white;
  padding: 16px;
  border-radius: 10px;
}

.customer-account:not(:last-child),
.menu_siderbar_custom_view li:not(:last-child) {
  margin-bottom: 12px;
}

.block_info_profile {
  display: flex;
  gap: 10px;
}

.block_info_profile .avatar_profile {
  flex: 0 0 70px;
}

.name_profile h3 {
  font-size: 18px;
}

.menu_siderbar_custom_view ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu_siderbar_custom_view a {
  display: block;
  padding: 10px 16px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  transition: unset;
}

.menu_siderbar_custom_view li.active a,
.menu_siderbar_custom_view a:hover {
  color: #fff;
  background: var(--primary);
}

.customer-dashboard-content > h3 {
  font-size: 19px;
  margin-bottom: 15px;
}

.wrap_content_account {
  background: white;
  border-radius: 10px;
  overflow: hidden;
  padding: 14px 25px;
}

.wrap_inforAccount {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}

.avatar_account {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
}

.avatar_account img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.avatar-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  border-radius: 50%;
  overflow: hidden;
}
.avatar-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.avatar_update label {
  font-weight: 700;
  font-size: 20px;
  color: black;
  cursor: pointer;
}

.wrap_accountInfo .form-group:not(:last-child) {
  margin-bottom: 16px;
}

.wrap_accountInfo .form-label {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 12px;
  display: block;
}

.form-group input,
.form-group select {
  border-color: #ddd;
  border-radius: 10px;
  height: 50px;
}

.form-group.name input {
  /*  padding: 11px 20px;*/
}

.input-group--img {
  display: flex;
  align-items: center;
  border: 1px solid black;
  border-radius: 12px;
  overflow: hidden;
  padding: 11px 20px;
}

.input-group--img input {
  border: none;
  border-radius: 0;
  padding: 0;
}

.input-group--img img {
  width: 30px;
}

.wrap_accountInfo select {
  padding-top: 11px;
  padding-bottom: 11px;
}

.wrap_accountInfo select:focus {
  box-shadow: none;
}

.item-box--update {
  padding-bottom: 5px;
}

.item-box--update:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.item-box--update .content {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.item-box--update p {
  font-size: 16px;
}

.item-box--update a {
  color: #004aad;
  display: flex;
  align-items: center;
  gap: 6px;
}

.item-box--update img {
  width: 18px;
}

.item-box--update .content p {
  font-weight: 700;
}

.account-update--button {
  margin-top: 24px;
}

.account-update--button a {
  color: white;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 0;
}

.editable-click,
a.editable-click,
a.editable-click:hover {
  border-bottom: 0;
}

.title-frm h3 {
  font-size: 18px;
}

.title-frm a {
  font-size: 18px;
  text-transform: none;
}

.addAdressForm .form-label {
  font-weight: 700;
  font-size: 18px;
}

.addAdressForm .form-group input,
.addAdressForm .form-group select {
  border-color: black;
  font-size: 18px;
  padding: 16px 18px;
}

.addAdressForm .form-group select,
.addAdressForm .form-group input::placeholder {
  color: #e6e7e8;
}

.addAdressForm .form-group select option {
  color: black;
}

.addAdressForm .form-group select:focus {
  box-shadow: none;
}

.option-select__address input {
  display: none;
}

.option-select {
  display: flex;
  align-items: center;
  gap: 22px;
}

.option-select__item {
  position: relative;
  display: block;
}

.option-select__address .checkmark {
  display: block;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #000;
  color: black;
  padding: 6px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.option-select__item input:checked ~ .checkmark:not(.checkmark-color) {
  color: var(--color-primary);
  box-shadow: 0px 2px 0px 0px #00000004;
  border-color: var(--color-primary);
}

.group-button button {
  padding: 12px 16px;
  background: #a8a8a5;
  color: black;
  font-weight: 700;
}

.group-button button:first-child:hover {
  background: #a8a8a5;
}

.group-button .save-address {
  background: #3669a4;
}

@media (max-width: 991px) {
  .avatar_profile img {
    width: 60px;
  }

  .name_profile h3 {
    margin-bottom: 12px;
  }

  .name_profile img {
    width: 16px;
  }

  .name_profile p {
    font-weight: 700;
  }

  .nav-account {
    background: white;
    border-radius: 50px;
    padding: 35px 63px 25px;
  }

  .nav-account:not(:last-child) {
    margin-bottom: 36px;
  }

  .nav-account ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .nav-account li {
    flex: 1;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
  }

  .nav-account li a {
    display: block;
  }

  .nav-account img {
    width: 83px;
  }

  .nav-account li p {
    margin-top: 10px;
  }

  .nav-account-bottom img {
    width: 50px;
  }
}

@media (max-width: 767px) {
  .nav-account {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-account ul {
    flex-wrap: wrap;
    row-gap: 12px;
  }

  .nav-account li {
    max-width: 50%;
    flex: 0 0 50%;
  }

  .wrap_content_account {
    padding: 10px;
  }

  .wrap_content_account .list-group-btn ul {
    gap: 5px;
  }

  .wrap_content_account .list-group-btn .btn {
    font-size: 14px;
    padding: 5px;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    line-height: 1.2;
  }

  .order-content--info h3 {
    font-size: 14px;
  }

  .order-content--info span {
    flex: auto;
  }
}

/*address list*/

.list-address .item {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.customer-address .cart-item-select {
  margin-bottom: 0;
}

.customer-address .cart-item-select:not(:last-child) .item,
.list-address .item:not(:last-child) {
  border-bottom: #f2f2f2 solid 1px;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.list-address .cart-item-select .checkmark {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.customer-address .item-select {
  display: none;
}

.left-address {
  flex: 1;
}

.left-address p {
  margin-bottom: 5px;
  color: var(--dark);
  font-size: 14px;
  line-height: 15px;
}

.left-address p:first-child {
  font-weight: 500;
}

.left-address p:last-child {
  color: #000;
}

.left-address label {
  font-size: 12px;
  line-height: 20px;
  /*letter-spacing: .32px;*/
  /*font-weight: 600;*/
  padding: 2px 10px;
  border-radius: 20px;
  color: #fff;
  background: #996e11;
}

.left-address label:last-child {
  background: transparent;
  border: 1px solid #996e11;
  color: #996e11;
}

.right-address {
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.right-address a {
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: var(--light-1);
  display: block;
}

@media (max-width: 767px) {
  .account_infomation h5 {
    font-size: 16px;
    line-height: 12px;
    text-transform: uppercase;
  }

  .account_infomation p,
  .left-address p {
    font-size: 12px;
    line-height: 18px;
  }

  .left-address p:first-child {
    font-size: 14px;
    line-height: 15px;
  }

  .add-address {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .add_new_child a {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.32px;
  }
}

/*address list*/