@font-face {
  font-family: "Cinzel";
  src: url("../fonts/Cinzel-Medium.woff2") format("woff2"), url("../fonts/Cinzel-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("../fonts/Cinzel-Regular.woff2") format("woff2"), url("../fonts/Cinzel-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("../fonts/Cinzel-SemiBold.woff2") format("woff2"), url("../fonts/Cinzel-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("../fonts/Cinzel-Black.woff2") format("woff2"), url("../fonts/Cinzel-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("../fonts/Cinzel-Bold.woff2") format("woff2"), url("../fonts/Cinzel-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cinzel";
  src: url("../fonts/Cinzel-ExtraBold.woff2") format("woff2"), url("../fonts/Cinzel-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-SemiBold.woff2") format("woff2"), url("../fonts/Jost-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Jost-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Thin.woff2") format("woff2"), url("../fonts/Jost-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-ThinItalic.woff2") format("woff2"), url("../fonts/Jost-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Black.woff2") format("woff2"), url("../fonts/Jost-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-BlackItalic.woff2") format("woff2"), url("../fonts/Jost-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Bold.woff2") format("woff2"), url("../fonts/Jost-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-BoldItalic.woff2") format("woff2"), url("../fonts/Jost-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-ExtraBold.woff2") format("woff2"), url("../fonts/Jost-ExtraBold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Jost-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-ExtraLight.woff2") format("woff2"), url("../fonts/Jost-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Jost-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Italic.woff2") format("woff2"), url("../fonts/Jost-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Light.woff2") format("woff2"), url("../fonts/Jost-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-LightItalic.woff2") format("woff2"), url("../fonts/Jost-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Medium.woff2") format("woff2"), url("../fonts/Jost-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-MediumItalic.woff2") format("woff2"), url("../fonts/Jost-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("../fonts/Jost-Regular.woff2") format("woff2"), url("../fonts/Jost-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*------------------------------------------------------------------
Table of content
-------------------
1. Start Header Area
2. slider area start
3. features area css start
4. hot deals area css start
5. product
6. categories area
7. testimonial
8. blog
9. shop grid view
10. shop list view
11. product details
12. checkout
13. cart
14. wishlist
15. my account
16. compare
17. login register
18. about us
19. contact us
20. banner
21. modal
22. sidebar
23. footer
-------------------------------------------------------------------*/
/*------ Typography Style Start ------*/
body {
  color: #000000;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
  font-family: "Jost", sans-serif;
}
body.no-scroll {
  overflow: hidden;
}

a {
  transition: 0.4s;
  text-decoration: none;
}
a:hover, a:focus {
  outline: none;
  text-decoration: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cinzel", sans-serif;
  color: #000000;
  font-weight: 600;
  margin: 0;
  line-height: 1.2;
}

.base-text {
  color: #4a5565;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}
.base-text.small {
  font-size: 14px;
  line-height: 170%;
}

.error-color {
  color: #DC3545 !important;
}

.success-color {
  color: #34A853 !important;
}

.typography h1 {
  color: #000000;
  line-height: 110%;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 16px;
}
.typography h2 {
  margin: 0 0 16px 0;
  color: #000000;
  font-family: "Jost", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 117%;
}
.typography p {
  color: #4a5565;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  margin: 0 0 28px 0;
}
.typography p a {
  color: #c9a84c;
}
.typography p a:hover {
  text-decoration: underline;
}
.typography blockquote {
  border-left: 5px solid #c9a84c;
  margin: 0 0 28px 30px;
  background-color: #f3f4f6;
  padding: 18px 15px;
  color: #4a5565;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}

.main-link {
  font-size: 20px;
  color: #000000;
  line-height: 120%;
  margin-bottom: 20px;
  display: block;
}
.main-link:hover {
  color: #c9a84c;
}

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

strong,
b {
  font-weight: 700;
}

figure {
  margin: 0;
}

img {
  width: 100%;
  display: block;
  transition: 0.4s;
}

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

.btn,
button {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  box-shadow: none;
  transition: 0.4s;
  background-color: transparent;
}
.btn:active, .btn:focus,
button:active,
button:focus {
  outline: none;
  box-shadow: none;
}

input,
textarea {
  resize: none;
}
input:focus,
textarea:focus {
  outline: none;
}

.form-control:focus {
  border-color: #c29958;
  box-shadow: none;
}

.form-group {
  margin-bottom: 1rem;
}

::-moz-selection {
  color: #fff;
  background: #c29958;
}

::selection {
  color: #fff;
  background: #c29958;
}

::placeholder {
  color: #999;
  font-size: 13px;
  opacity: 1;
}

/* ----tab problem fix css ----*/
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}
.tab-content .tab-pane.active {
  height: auto;
  opacity: 1;
  overflow: visible;
  visibility: visible;
}

/* ----tab problem fix css ----*/
/*------- modal fix start -------*/
.modal-dialog {
  max-width: 1000px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modal-dialog {
    max-width: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    max-width: 700px;
  }
}

.modal {
  display: block !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -99;
}
.modal.show {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  z-index: 99999999;
  -webkit-animation: slideInDown 0.4s forwards;
  animation: slideInDown 0.4s forwards;
}
.modal .modal-header {
  padding: 0 10px;
  border-bottom: none;
}
.modal .modal-header .close {
  color: #222222;
  font-size: 34px;
  opacity: 1;
  display: block;
  position: absolute;
  padding: 0;
  width: 30px;
  height: 30px;
  margin: 0;
  right: 10px;
  top: 10px;
  font-weight: 500;
  z-index: 999;
  line-height: 30px;
  border-radius: 50%;
}
.modal .modal-body {
  padding: 20px 20px 20px 20px;
}
@media only screen and (max-width: 479.98px) {
  .modal .modal-body {
    padding: 10px;
  }
}

/*------- modal fix end -------*/
/* ---- Sick Slider arrow style start ----*/
.slick-slider .slick-slide > div > div {
  vertical-align: middle;
}

.slick-arrow-style button.slick-arrow {
  top: 50%;
  left: 0;
  font-size: 70px;
  color: #777777;
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.slick-arrow-style button.slick-arrow.slick-next {
  left: auto;
  right: 0;
}
.slick-arrow-style button.slick-arrow:hover {
  color: #c29958;
}
.slick-arrow-style:hover button.slick-arrow {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
  z-index: 1;
}
.slick-arrow-style:hover button.slick-arrow.slick-prev {
  left: -60px;
  right: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
  .slick-arrow-style:hover button.slick-arrow.slick-prev {
    left: -20px;
  }
}
.slick-arrow-style:hover button.slick-arrow.slick-next {
  left: auto;
  right: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
  .slick-arrow-style:hover button.slick-arrow.slick-next {
    right: -20px;
  }
}
.slick-arrow-style_hero button.slick-arrow {
  font-size: 60px;
  left: 0;
  width: inherit;
  height: inherit;
  background-color: transparent;
  z-index: 1;
}
.slick-arrow-style_hero button.slick-arrow.slick-next {
  right: 0;
}
.slick-arrow-style_hero button.slick-arrow:hover {
  color: #c29958;
  background-color: transparent;
}
.slick-arrow-style_hero:hover button.slick-arrow.slick-next {
  right: 15px;
}
.slick-arrow-style_hero:hover button.slick-arrow.slick-prev {
  left: 15px;
}

.slick-append {
  background-color: #fff;
  z-index: 2;
  margin-top: -2px;
}
.slick-append button {
  font-size: 30px;
  line-height: 1;
  position: inherit;
  display: inline-block;
  background-color: transparent;
  color: #555555;
}
.slick-append button:hover {
  color: #c29958;
}

/*--------- slick slider dot style start -------*/
.slick-dot-style ul.slick-dots {
  bottom: 15px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.slick-dot-style ul.slick-dots li {
  display: inline-block;
  margin-right: 4px;
}
.slick-dot-style ul.slick-dots li:last-child {
  margin-right: 0;
}
.slick-dot-style ul.slick-dots li button {
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  display: block;
  text-indent: -5000px;
  cursor: pointer;
  border-radius: 50%;
  transition: 0.4s;
  border: 1px solid #71624c;
  background-color: transparent;
}
.slick-dot-style ul.slick-dots li:hover button {
  border-color: #c9a84c;
  background-color: #c9a84c;
}
.slick-dot-style ul.slick-dots li.slick-active button {
  border-color: #c9a84c;
  background-color: #c9a84c;
}

.slick-row-3 .slick-list {
  margin: 0 -3px;
}
.slick-row-3 .slick-list .slick-slide {
  margin: 0 3px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-3 .slick-list {
    margin: 0 -3px !important;
  }
  .slick-sm-row-3 .slick-list .slick-slide {
    margin: 0 3px !important;
  }
}
.slick-row-4 .slick-list {
  margin: 0 -4px;
}
.slick-row-4 .slick-list .slick-slide {
  margin: 0 4px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-4 .slick-list {
    margin: 0 -4px !important;
  }
  .slick-sm-row-4 .slick-list .slick-slide {
    margin: 0 4px !important;
  }
}
.slick-row-5 .slick-list {
  margin: 0 -5px;
}
.slick-row-5 .slick-list .slick-slide {
  margin: 0 5px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-5 .slick-list {
    margin: 0 -5px !important;
  }
  .slick-sm-row-5 .slick-list .slick-slide {
    margin: 0 5px !important;
  }
}
.slick-row-6 .slick-list {
  margin: 0 -6px;
}
.slick-row-6 .slick-list .slick-slide {
  margin: 0 6px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-6 .slick-list {
    margin: 0 -6px !important;
  }
  .slick-sm-row-6 .slick-list .slick-slide {
    margin: 0 6px !important;
  }
}
.slick-row-7 .slick-list {
  margin: 0 -7px;
}
.slick-row-7 .slick-list .slick-slide {
  margin: 0 7px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-7 .slick-list {
    margin: 0 -7px !important;
  }
  .slick-sm-row-7 .slick-list .slick-slide {
    margin: 0 7px !important;
  }
}
.slick-row-8 .slick-list {
  margin: 0 -8px;
}
.slick-row-8 .slick-list .slick-slide {
  margin: 0 8px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-8 .slick-list {
    margin: 0 -8px !important;
  }
  .slick-sm-row-8 .slick-list .slick-slide {
    margin: 0 8px !important;
  }
}
.slick-row-9 .slick-list {
  margin: 0 -9px;
}
.slick-row-9 .slick-list .slick-slide {
  margin: 0 9px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-9 .slick-list {
    margin: 0 -9px !important;
  }
  .slick-sm-row-9 .slick-list .slick-slide {
    margin: 0 9px !important;
  }
}
.slick-row-10 .slick-list {
  margin: 0 -10px;
}
.slick-row-10 .slick-list .slick-slide {
  margin: 0 10px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-10 .slick-list {
    margin: 0 -10px !important;
  }
  .slick-sm-row-10 .slick-list .slick-slide {
    margin: 0 10px !important;
  }
}
.slick-row-11 .slick-list {
  margin: 0 -11px;
}
.slick-row-11 .slick-list .slick-slide {
  margin: 0 11px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-11 .slick-list {
    margin: 0 -11px !important;
  }
  .slick-sm-row-11 .slick-list .slick-slide {
    margin: 0 11px !important;
  }
}
.slick-row-12 .slick-list {
  margin: 0 -12px;
}
.slick-row-12 .slick-list .slick-slide {
  margin: 0 12px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-12 .slick-list {
    margin: 0 -12px !important;
  }
  .slick-sm-row-12 .slick-list .slick-slide {
    margin: 0 12px !important;
  }
}
.slick-row-13 .slick-list {
  margin: 0 -13px;
}
.slick-row-13 .slick-list .slick-slide {
  margin: 0 13px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-13 .slick-list {
    margin: 0 -13px !important;
  }
  .slick-sm-row-13 .slick-list .slick-slide {
    margin: 0 13px !important;
  }
}
.slick-row-14 .slick-list {
  margin: 0 -14px;
}
.slick-row-14 .slick-list .slick-slide {
  margin: 0 14px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-14 .slick-list {
    margin: 0 -14px !important;
  }
  .slick-sm-row-14 .slick-list .slick-slide {
    margin: 0 14px !important;
  }
}
.slick-row-15 .slick-list {
  margin: 0 -15px;
}
.slick-row-15 .slick-list .slick-slide {
  margin: 0 15px;
}

@media only screen and (max-width: 767.98px) {
  .slick-sm-row-15 .slick-list {
    margin: 0 -15px !important;
  }
  .slick-sm-row-15 .slick-list .slick-slide {
    margin: 0 15px !important;
  }
}
.slick-slider .slick-slide > div {
  margin-bottom: 30px;
}
.slick-slider .slick-slide > div:last-child {
  margin-bottom: 0;
}

/* ----scroll to top css start ----*/
.scroll-top {
  bottom: 50px;
  cursor: pointer;
  height: 50px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 50px;
  z-index: 9999;
  transition: 0.4s;
  border-radius: 50%;
  background-color: #c29958;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767.98px) {
  .scroll-top {
    display: none;
  }
}
.scroll-top i {
  line-height: 50px;
  color: #fff;
  font-size: 25px;
}
.scroll-top.not-visible {
  bottom: -50px;
  visibility: hidden;
  opacity: 0;
}
.scroll-top:hover {
  background-color: #222222;
}

/* ----scroll to top css end ----*/
.container {
  padding-right: var(--bs-gutter-x, 15px);
  padding-left: var(--bs-gutter-x, 15px);
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  padding-right: var(--bs-gutter-x, 15px);
  padding-left: var(--bs-gutter-x, 15px);
}

.row {
  --bs-gutter-x: 30px;
}

.custom-container {
  max-width: 1800px;
}

.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > [class*=col] {
  padding-left: 0px;
  padding-right: 0px;
}

.row-1 {
  margin-left: -0.5px;
  margin-right: -0.5px;
}
.row-1 > [class*=col] {
  padding-left: 0.5px;
  padding-right: 0.5px;
}

.row-2 {
  margin-left: -1px;
  margin-right: -1px;
}
.row-2 > [class*=col] {
  padding-left: 1px;
  padding-right: 1px;
}

.row-3 {
  margin-left: -1.5px;
  margin-right: -1.5px;
}
.row-3 > [class*=col] {
  padding-left: 1.5px;
  padding-right: 1.5px;
}

.row-4 {
  margin-left: -2px;
  margin-right: -2px;
}
.row-4 > [class*=col] {
  padding-left: 2px;
  padding-right: 2px;
}

.row-5 {
  margin-left: -2.5px;
  margin-right: -2.5px;
}
.row-5 > [class*=col] {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

.row-6 {
  margin-left: -3px;
  margin-right: -3px;
}
.row-6 > [class*=col] {
  padding-left: 3px;
  padding-right: 3px;
}

.row-7 {
  margin-left: -3.5px;
  margin-right: -3.5px;
}
.row-7 > [class*=col] {
  padding-left: 3.5px;
  padding-right: 3.5px;
}

.row-8 {
  margin-left: -4px;
  margin-right: -4px;
}
.row-8 > [class*=col] {
  padding-left: 4px;
  padding-right: 4px;
}

.row-9 {
  margin-left: -4.5px;
  margin-right: -4.5px;
}
.row-9 > [class*=col] {
  padding-left: 4.5px;
  padding-right: 4.5px;
}

.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > [class*=col] {
  padding-left: 5px;
  padding-right: 5px;
}

.row-11 {
  margin-left: -5.5px;
  margin-right: -5.5px;
}
.row-11 > [class*=col] {
  padding-left: 5.5px;
  padding-right: 5.5px;
}

.row-12 {
  margin-left: -6px;
  margin-right: -6px;
}
.row-12 > [class*=col] {
  padding-left: 6px;
  padding-right: 6px;
}

.row-13 {
  margin-left: -6.5px;
  margin-right: -6.5px;
}
.row-13 > [class*=col] {
  padding-left: 6.5px;
  padding-right: 6.5px;
}

.row-14 {
  margin-left: -7px;
  margin-right: -7px;
}
.row-14 > [class*=col] {
  padding-left: 7px;
  padding-right: 7px;
}

.row-15 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.row-15 > [class*=col] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.row-16 {
  margin-left: -8px;
  margin-right: -8px;
}
.row-16 > [class*=col] {
  padding-left: 8px;
  padding-right: 8px;
}

.row-17 {
  margin-left: -8.5px;
  margin-right: -8.5px;
}
.row-17 > [class*=col] {
  padding-left: 8.5px;
  padding-right: 8.5px;
}

.row-18 {
  margin-left: -9px;
  margin-right: -9px;
}
.row-18 > [class*=col] {
  padding-left: 9px;
  padding-right: 9px;
}

.row-19 {
  margin-left: -9.5px;
  margin-right: -9.5px;
}
.row-19 > [class*=col] {
  padding-left: 9.5px;
  padding-right: 9.5px;
}

.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > [class*=col] {
  padding-left: 10px;
  padding-right: 10px;
}

.row-21 {
  margin-left: -10.5px;
  margin-right: -10.5px;
}
.row-21 > [class*=col] {
  padding-left: 10.5px;
  padding-right: 10.5px;
}

.row-22 {
  margin-left: -11px;
  margin-right: -11px;
}
.row-22 > [class*=col] {
  padding-left: 11px;
  padding-right: 11px;
}

.row-23 {
  margin-left: -11.5px;
  margin-right: -11.5px;
}
.row-23 > [class*=col] {
  padding-left: 11.5px;
  padding-right: 11.5px;
}

.row-24 {
  margin-left: -12px;
  margin-right: -12px;
}
.row-24 > [class*=col] {
  padding-left: 12px;
  padding-right: 12px;
}

.row-25 {
  margin-left: -12.5px;
  margin-right: -12.5px;
}
.row-25 > [class*=col] {
  padding-left: 12.5px;
  padding-right: 12.5px;
}

.row-26 {
  margin-left: -13px;
  margin-right: -13px;
}
.row-26 > [class*=col] {
  padding-left: 13px;
  padding-right: 13px;
}

.row-27 {
  margin-left: -13.5px;
  margin-right: -13.5px;
}
.row-27 > [class*=col] {
  padding-left: 13.5px;
  padding-right: 13.5px;
}

.row-28 {
  margin-left: -14px;
  margin-right: -14px;
}
.row-28 > [class*=col] {
  padding-left: 14px;
  padding-right: 14px;
}

.row-29 {
  margin-left: -14.5px;
  margin-right: -14.5px;
}
.row-29 > [class*=col] {
  padding-left: 14.5px;
  padding-right: 14.5px;
}

.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > [class*=col] {
  padding-left: 15px;
  padding-right: 15px;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000000;
  background-color: #fff;
  display: none;
}
.preloader__star {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 20px;
  height: 20px;
  animation: pulse 1s ease-in-out infinite;
}
.preloader__star svg {
  width: 100%;
  height: 100%;
}
.preloader__logo {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 135px);
  transform: scale(0);
  animation: ease1 1s ease-in-out forwards;
  width: 330px;
}
.preloader__logo svg {
  width: 100%;
  height: 100%;
}

@keyframes ease1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
/*------- short classes start -------*/
.section-padding {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 767.98px) {
  .section-padding {
    padding-top: 63px;
    padding-bottom: 63px;
  }
}

.mb-30 {
  margin-bottom: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mtn-20 {
  margin-top: -20px;
}

.mbn-30 {
  margin-bottom: -30px;
}

.mtn-30 {
  margin-top: -30px;
}

.ptb-30 {
  padding: 30px 0;
}

/*------- short classes end -------*/
/*----------- header top area start -----------*/
.header-area {
  box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
}
.header-area.header-sticky {
  padding-top: 53px;
}
@media only screen and (min-width: 1024px) {
  .header-area.header-sticky {
    padding-top: 66px;
  }
}
.header-area .container {
  max-width: 1140px;
}

.main-header {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .main-header {
    display: block;
  }
}

.header-main-area {
  box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1600px) {
  .header-wide {
    padding: 0 85px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-wide .container {
    max-width: 100%;
  }
}

.header-top {
  padding: 15px 0;
  background-color: #f3f4f6;
}
.header-top .welcome-message {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-top .welcome-message > * {
  color: #4a5565;
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
}

.header-desktop {
  display: flex;
  align-items: center;
}
.header-desktop__logo {
  width: 149px;
  flex: none;
  margin-right: 38px;
  margin-right: 15px;
}
@media only screen and (min-width: 1360px) {
  .header-desktop__logo {
    margin-right: 38px;
  }
}
.header-desktop__logo img {
  width: 100%;
  display: block;
}
.header-desktop__nav {
  margin-left: auto;
}

.header-top-settings ul li {
  color: #555555;
  cursor: pointer;
  font-size: 14px;
  position: relative;
  margin-left: 40px;
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
}
.header-top-settings ul li:before {
  top: 50%;
  left: 0;
  width: 1px;
  height: 15px;
  content: "";
  position: absolute;
  background-color: #efefef;
  transform: translateY(-50%);
}
.header-top-settings ul li:first-child {
  padding-left: 0;
  margin-left: 0;
}
.header-top-settings ul li:first-child:before {
  display: none;
}
.header-top-settings ul li .dropdown-list {
  top: 100%;
  right: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: 0.4s;
  padding: 15px 15px 20px;
  width: 150px;
  z-index: 9;
  text-align: left;
  background-color: #fff;
  pointer-events: none;
  border: 1px solid #efefef;
}
.header-top-settings ul li .dropdown-list li {
  margin-left: 0;
  padding: 0;
}
.header-top-settings ul li .dropdown-list li a {
  color: #555555;
  font-size: 13px;
  display: block;
  padding: 5px 0 3px;
  text-transform: capitalize;
}
.header-top-settings ul li .dropdown-list li a:hover {
  color: #c29958;
}
.header-top-settings ul li .dropdown-list li a img {
  vertical-align: inherit;
}
.header-top-settings ul li .dropdown-list li:before {
  display: none;
}
.header-top-settings ul li:hover .dropdown-list {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translateY(0);
}

/*----------- header top area end -----------*/
/*---------- header mini cart start ----------*/
.header-configure-area {
  padding-right: 5px;
}
.header-configure-area ul li {
  display: inline-block;
  margin-left: 16px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .header-configure-area ul li {
    margin-left: 14px;
  }
}
.header-configure-area ul li a {
  font-size: 26px;
  line-height: 1;
  color: #222222;
  position: relative;
}
.header-configure-area ul li a .notification {
  top: 7px;
  right: -4px;
  position: absolute;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 100%;
  font-size: 10px;
  color: #fff;
  border-radius: 50%;
  background-color: #c9a84c;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.header-configure-area ul li a:hover {
  color: #c29958;
}
.header-configure-area ul li:first-child {
  margin-left: 0;
}
.header-configure-area ul li.user-hover {
  position: relative;
}
.header-configure-area ul li.user-hover .dropdown-list {
  position: absolute;
  top: 100%;
  right: 0;
  width: 150px;
  padding: 20px;
  background-color: #fff;
  z-index: 11;
  transform: translateY(30px);
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #efefef;
}
.header-configure-area ul li.user-hover .dropdown-list li {
  display: block;
  margin-left: 0;
}
.header-configure-area ul li.user-hover .dropdown-list li a {
  color: #555555;
  font-size: 13px;
  line-height: 1;
  display: block;
  padding: 8px 0;
  text-transform: capitalize;
}
.header-configure-area ul li.user-hover .dropdown-list li a:hover {
  color: #c29958;
}
.header-configure-area ul li.user-hover:hover .dropdown-list {
  opacity: 1;
  visibility: visible;
  transform: none;
}

/*----------- header mini cart area end -----------*/
/*------- header search area start -------*/
.header-search-container {
  position: relative;
}
.header-search-box {
  position: relative;
}
.header-search-box:hover .header-search-btn {
  color: #c29958;
}
.header-search-btn {
  font-size: 25px;
  line-height: 1;
  left: 10px;
  top: 50%;
  width: 30px;
  position: absolute;
  transform: translateY(-50%);
}
.header-search-field {
  border: none;
  background-color: #f7f7f7;
  border-radius: 30px;
  padding: 10px 20px 10px 50px;
  width: 100%;
}

.search-trigger {
  font-size: 26px;
  color: #222222;
}

.search-box-open {
  top: 100%;
  right: 0;
  width: 300px;
  position: absolute;
  z-index: 5;
  display: block !important;
}
.search-box-open .header-search-field {
  height: 44px;
  border: 1px solid #ddd;
}

/*------- header search area end -------*/
/*-------- header social link start --------*/
.header-social-link a {
  color: #777777;
  font-size: 17px;
  display: inline-block;
  line-height: 1;
  margin-right: 20px;
}
.header-social-link a:last-child {
  margin-right: 0;
}
.header-social-link a:hover {
  color: #c29958;
}

/*-------- header social link end --------*/
/*---------- main menu style start ---------*/
.main-menu ul {
  display: flex;
  flex-wrap: wrap;
}
.main-menu ul li {
  position: relative;
}
.main-menu ul li a {
  color: #000000;
  font-size: 15px;
  padding: 22px 8px;
  font-weight: 400;
  display: block;
  text-transform: capitalize;
}
@media only screen and (min-width: 1360px) {
  .main-menu ul li a {
    padding: 22px 12px;
  }
}
.main-menu ul li a.menu-link {
  padding: 19px 8px;
}
@media only screen and (min-width: 1360px) {
  .main-menu ul li a.menu-link {
    padding: 19px 12px;
  }
}
.main-menu ul li a i {
  font-size: 14px;
  padding: 0 3px;
}
.main-menu ul li:first-child a {
  padding-left: 0;
}
.main-menu ul li:hover > a, .main-menu ul li.active > a {
  color: #c9a84c !important;
}
.main-menu ul li.active > a {
  font-weight: 500;
}
.main-menu ul li ul.dropdown {
  top: calc(100% - 1px);
  left: 0;
  width: 220px;
  position: absolute;
  transition: 0.4s;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  pointer-events: none;
  transform: translateY(20px);
  border: 1px solid #efefef;
}
.main-menu ul li ul.dropdown li {
  margin-right: 0;
  border-right: none;
  flex-basis: 100%;
}
.main-menu ul li ul.dropdown li a {
  color: #555555;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 20px;
  text-transform: capitalize;
  position: relative;
  border-bottom: 1px dashed #efefef;
  z-index: 1;
}
.main-menu ul li ul.dropdown li a:before {
  width: 10px;
  height: 1px;
  left: 20px;
  top: 50%;
  content: " ";
  position: absolute;
  background-color: #c29958;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: -1;
}
.main-menu ul li ul.dropdown li a i {
  float: right;
  padding-top: 5px;
}
.main-menu ul li ul.dropdown li:hover > a {
  color: #c29958;
  background-color: #fff;
  padding-left: 35px;
}
.main-menu ul li ul.dropdown li:hover > a:before {
  opacity: 1;
  visibility: visible;
}
.main-menu ul li ul.dropdown li:hover > ul.dropdown {
  top: 0;
  opacity: 1;
  visibility: visible;
}
.main-menu ul li ul.dropdown li ul.dropdown {
  top: 100%;
  left: 100%;
  position: absolute;
  width: 250px;
  opacity: 0;
  visibility: hidden;
}
.main-menu ul li ul.dropdown li:last-child a {
  border-bottom: none;
}
.main-menu ul li ul.megamenu {
  width: 100%;
  max-width: 1110px;
  padding: 30px;
  left: 50%;
  transform: translate(-50%, 20px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul li ul.megamenu {
    max-width: 100%;
  }
}
.main-menu ul li ul.megamenu li {
  flex-basis: 25%;
}
.main-menu ul li ul.megamenu li.mega-title {
  color: #222222;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.main-menu ul li ul.megamenu li.mega-title span {
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
}
.main-menu ul li ul.megamenu li.mega-title span:before, .main-menu ul li ul.megamenu li.mega-title span:after {
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 2px;
  content: " ";
  position: absolute;
  background-color: #ebebeb;
}
.main-menu ul li ul.megamenu li.mega-title span:after {
  width: 50%;
  background-color: #c29958;
}
.main-menu ul li ul.megamenu li a {
  padding: 6px 0;
  border-bottom: none;
}
.main-menu ul li ul.megamenu li a:before {
  left: 0;
}
.main-menu ul li ul.megamenu li ul li {
  flex-basis: 100%;
}
.main-menu ul li ul.megamenu li:hover > a {
  color: #c29958;
  padding-left: 15px;
}
.main-menu ul li ul.megamenu li.megamenu-banners {
  flex-basis: 50%;
  margin-top: 25px;
  transition: 0.5s;
  padding-right: 10px;
}
.main-menu ul li ul.megamenu li.megamenu-banners img {
  width: 100%;
}
.main-menu ul li ul.megamenu li.megamenu-banners a:before {
  display: none;
}
.main-menu ul li ul.megamenu li.megamenu-banners:last-child {
  padding-right: 0;
  padding-left: 10px;
}
.main-menu ul li ul.megamenu li.megamenu-banners:hover {
  opacity: 0.6;
}
.main-menu ul li ul.megamenu li.megamenu-banners:hover a {
  padding-left: 0 !important;
}
.main-menu ul li:hover ul.dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translate(0);
}
.main-menu ul li:hover ul.megamenu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.main-menu ul.header-style-4 > li a {
  padding: 25px 15px;
}
.main-menu ul.header-style-4 > li:first-child > a {
  padding-left: 0;
}

.menu-link {
  display: flex !important;
  justify-content: flex-start;
}
.menu-link:hover span {
  color: #c9a84c;
  border: 1px solid #c9a84c;
}
.menu-link span {
  border-radius: 20px;
  border: 1px solid #000000;
  transition: all ease 0.3s;
  padding: 2px 8px;
}

/*---------- main menu style end ---------*/
/*------ sticky menu style start ------*/
.header-transparent {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.sticky.is-sticky {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9;
  background-color: #fff;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
}
@media only screen and (min-width: 1600px) {
  .sticky.is-sticky {
    padding: 0 85px;
  }
}
.sticky.is-sticky .main-menu li a {
  padding: 22px 8px;
}
@media only screen and (min-width: 1360px) {
  .sticky.is-sticky .main-menu li a {
    padding: 22px 12px;
  }
}
.sticky.is-sticky .main-menu li a.menu-link {
  padding: 19px 8px;
}
@media only screen and (min-width: 1360px) {
  .sticky.is-sticky .main-menu li a.menu-link {
    padding: 19px 12px;
  }
}
.sticky.is-sticky .main-menu li:first-child a {
  padding-left: 0;
}
.sticky.is-sticky .main-menu li .dropdown li a {
  padding: 10px 20px;
}
.sticky.is-sticky .main-menu li .dropdown li:hover > a {
  padding-left: 35px;
}
.sticky.is-sticky .main-menu li .megamenu li a {
  padding: 6px 0;
}
.sticky.is-sticky .main-menu li .megamenu li:hover > a {
  padding-left: 15px;
}

/*------ sticky menu style end ------*/
/*------- Buttons Style here -------*/
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
  color: #ffffff;
  padding: 12px 24px;
  border-radius: 50px;
  white-space: nowrap;
}
.btn.primary {
  background-color: #c9a84c;
}
.btn.primary:hover {
  color: #ffffff;
  background-color: #aa9155;
}
.btn.primary img {
  width: 16px;
  height: 16px;
}
.btn.secondary {
  background-color: #0f0d0a;
}
.btn.secondary:hover {
  color: #ffffff;
  background-color: #554a39;
}
.btn.tertiary {
  border: 1px solid #000000;
  color: #000000;
}
.btn.tertiary:hover {
  background-color: #e5e7eb;
}

.wishlist-btn path {
  stroke: #000000;
}
.wishlist-btn.active svg {
  fill: #c9a84c;
}
.wishlist-btn.active path {
  stroke: #c9a84c;
}

/*----- mobile menu start -----*/
.mobile-header {
  padding: 10px 0;
}
@media only screen and (min-width: 1024px) {
  .mobile-header {
    display: none;
  }
}
.mobile-header .container {
  padding: 0 24px;
}
.mobile-header .header-configure-area {
  padding: 0;
}

.mobile-header-top {
  border-bottom: 1px solid #efefef;
}
.mobile-header-top .header-top-settings {
  float: none;
}

.mobile-logo {
  max-width: 149px;
  width: 100%;
}
.mobile-logo img {
  width: 100%;
  display: block;
}

.mobile-main-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mobile-main-header .mobile-menu-toggler {
  display: flex;
  align-items: center;
}
.mobile-main-header .mobile-menu-toggler .mini-cart-wrap {
  line-height: 1;
}
.mobile-main-header .mobile-menu-toggler .mini-cart-wrap a {
  font-size: 25px;
  line-height: 1;
  color: #222222;
  position: relative;
}
.mobile-main-header .mobile-menu-toggler .mini-cart-wrap a:hover {
  color: #c29958;
}
.mobile-main-header .mobile-menu-toggler .mini-cart-wrap .notification {
  top: 7px;
  right: -4px;
  position: absolute;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 100%;
  font-size: 10px;
  color: #fff;
  border-radius: 50%;
  background-color: #c9a84c;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.mobile-main-header .mobile-menu-toggler .mobile-menu-btn {
  margin-left: 25px;
}
.mobile-main-header .mobile-menu-toggler .mobile-menu-btn span {
  width: 25px;
  height: 2px;
  display: block;
  transition: 0.4s;
  background-color: #222222;
  transform-origin: left;
}
.mobile-main-header .mobile-menu-toggler .mobile-menu-btn span:nth-child(2), .mobile-main-header .mobile-menu-toggler .mobile-menu-btn span:nth-child(3) {
  margin-top: 5px;
}
.mobile-main-header .mobile-menu-toggler .mobile-menu-btn:hover span {
  background-color: #c29958;
}
.mobile-main-header .mobile-menu-toggler .mobile-menu-btn:hover span:nth-child(1), .mobile-main-header .mobile-menu-toggler .mobile-menu-btn:hover span:nth-child(3) {
  width: 20px;
}

.mobile-navigation {
  overflow: hidden;
}
.mobile-navigation nav {
  height: 100%;
}

.mobile-menu {
  height: 100%;
  overflow: auto;
  padding-right: 30px;
  margin-right: -30px;
}
.mobile-menu li > a {
  font-size: 15px;
  color: #000000;
  text-transform: capitalize;
  line-height: 120%;
  font-weight: 400;
  position: relative;
  display: inline-block;
  padding: 10px 0;
  width: 100%;
}
.mobile-menu li > a:hover {
  color: #c9a84c;
}
.mobile-menu li ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 10px;
}
.mobile-menu li ul li {
  border: none;
}
.mobile-menu li ul li a {
  color: #000000;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  text-transform: capitalize;
  padding: 0;
}
.mobile-menu li.menu-item-has-children {
  display: block;
  position: relative;
}
.mobile-menu li.menu-item-has-children .dropdown {
  padding-left: 15px;
}
.mobile-menu li.menu-item-has-children .menu-expand {
  top: 0;
  right: -12px;
  position: absolute;
  height: 38px;
  width: 38px;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer;
  transition: all ease 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mobile-menu li.menu-item-has-children.active > .menu-expand {
  transform: rotate(180deg);
}

/*----- mobile menu end -----*/
/*------ offcanvas widget area start ------*/
.offcanvas-widget-area {
  margin-top: auto;
}

.off-canvas-contact-widget li {
  color: #4a5565;
  font-size: 15px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.off-canvas-contact-widget li span {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.off-canvas-contact-widget li a {
  color: #4a5565;
  line-height: 170%;
}
.off-canvas-contact-widget li a:hover {
  color: #c9a84c;
}

.off-canvas-social-widget {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.off-canvas-social-widget a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.off-canvas-social-widget a:hover {
  background-color: #c9a84c;
}

/*------ offcanvas widget area end ------*/
.off-canvas-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 9999;
}
.off-canvas-wrapper.open {
  opacity: 1;
  visibility: visible;
}
.off-canvas-wrapper.open .off-canvas-inner-content {
  transform: none;
}
.off-canvas-wrapper .off-canvas-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  cursor: url("../img/icon/cancel.png"), auto;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.off-canvas-wrapper .off-canvas-inner-content {
  background-color: #fff;
  width: 300px;
  padding: 20px;
  height: 100%;
  position: relative;
  transform: translateX(calc(-100% - 50px));
  transition: 0.4s;
}
@media only screen and (max-width: 479.98px) {
  .off-canvas-wrapper .off-canvas-inner-content {
    max-width: 327px;
    width: 100%;
    padding: 24px;
  }
}
.off-canvas-wrapper .btn-close-off-canvas {
  top: 0;
  left: 100%;
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  transition: 0.4s;
  background-color: #c29958;
}
.off-canvas-wrapper .btn-close-off-canvas i {
  font-size: 40px;
  transform: rotate(0);
  transition: 0.4s;
  display: block;
  line-height: 40px;
}
.off-canvas-wrapper .btn-close-off-canvas:hover i {
  transform: rotate(-90deg);
}
.off-canvas-wrapper .off-canvas-inner {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  height: 100%;
}

.search-box-offcanvas form {
  position: relative;
}
.search-box-offcanvas form input {
  color: #666;
  font-size: 13px;
  width: 100%;
  height: 40px;
  border: none;
  padding: 0 40px 0 10px;
  background-color: #f2f2f2;
}
.search-box-offcanvas form .search-btn {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 42px;
  font-size: 20px;
  color: #222222;
  position: absolute;
}
.search-box-offcanvas form .search-btn:hover {
  color: #c29958;
}

/*------- mobile top bar settings start -------*/
.mobile-settings {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #efefef;
}
.mobile-settings li {
  margin-bottom: 5px;
}
.mobile-settings .nav {
  flex-direction: column;
}
.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle {
  font-size: 14px;
  color: #555555;
}
.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle i {
  font-size: 12px;
  padding-left: 5px;
  vertical-align: middle;
}
.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle:hover {
  color: #c29958;
}
.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle {
  cursor: pointer;
}
.mobile-settings .nav .mobile-top-dropdown .dropdown-toggle:after {
  display: none;
}
.mobile-settings .nav .mobile-top-dropdown .dropdown-menu {
  padding: 0;
  border-color: #efefef;
  transform: translateY(30px);
  transition: 0.4s;
}
.mobile-settings .nav .mobile-top-dropdown .dropdown-menu.show {
  transform: translateY(0);
}
.mobile-settings .nav .mobile-top-dropdown .dropdown-menu .dropdown-item {
  font-size: 13px;
  color: #555555;
  padding: 6px 15px;
}

/*------- mobile top bar settings end -------*/
/*-------- off canvas mini cart start --------*/
.minicart-inner {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  transition: 0.4s;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}
.minicart-inner .offcanvas-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: url("../img/icon/cancel.png"), auto;
}
.minicart-inner.show {
  opacity: 1;
  visibility: visible;
}
.minicart-inner.show .minicart-inner-content {
  transform: none;
}
.minicart-inner .minicart-close {
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #c29958;
  color: #fff;
  font-size: 50px;
  cursor: pointer;
  top: 0;
  right: 375px;
  position: absolute;
}
.minicart-inner .minicart-close i {
  display: block;
  line-height: 50px;
  transition: 0.6s;
}
.minicart-inner .minicart-close:hover i {
  transform: rotate(180deg);
}
.minicart-inner .minicart-inner-content {
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  max-width: 375px;
  position: absolute;
  background-color: #fff;
  transform: translateX(calc(100% + 50px));
  transition: 0.4s;
  padding: 50px 20px;
}

.minicart-content-box {
  overflow: auto;
  height: 100%;
  padding-right: 30px;
  margin-right: -15px;
}

.minicart-item-wrapper {
  border-bottom: 1px solid #efefef;
}
.minicart-item-wrapper ul li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #efefef;
}
.minicart-item-wrapper ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.minicart-item {
  display: flex;
  flex-wrap: wrap;
}
.minicart-thumb {
  max-width: 85px;
  flex-basis: 85px;
}
.minicart-content {
  padding: 0 10px;
  max-width: calc(100% - 115px);
  flex-basis: calc(100% - 115px);
}
.minicart-content .product-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 10px;
}
.minicart-content .product-name a {
  color: #222222;
}
.minicart-content .product-name a:hover {
  color: #c29958;
}
.minicart-content .cart-quantity {
  font-size: 12px;
  color: #555555;
  line-height: 1;
}
.minicart-content .cart-quantity strong {
  font-size: 16px;
  font-weight: 400;
  vertical-align: text-bottom;
}
.minicart-content .cart-price {
  color: #c29958;
  font-size: 14px;
  line-height: 1;
}
.minicart-remove {
  max-width: 30px;
  flex-basis: 30px;
  text-align: center;
  font-size: 18px;
  line-height: 1;
  color: #222222;
}
.minicart-remove:hover {
  color: #c29958;
}

.minicart-pricing-box {
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
  margin-bottom: 20px;
  padding-top: 15px;
}
.minicart-pricing-box li {
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.minicart-pricing-box li span {
  font-size: 14px;
  color: #222222;
  text-transform: capitalize;
}
.minicart-pricing-box li span strong {
  color: #c29958;
  font-weight: 400;
}
.minicart-pricing-box li.total span {
  font-size: 16px;
}
.minicart-pricing-box li:last-child {
  margin-bottom: 0;
}

.minicart-button a {
  color: #222222;
  font-size: 14px;
  display: block;
  font-weight: 700;
  line-height: 1;
  padding: 17px 0;
  background-color: #f3f3f3;
  border-radius: 40px;
  text-align: center;
  margin-bottom: 10px;
}
.minicart-button a i {
  padding-right: 5px;
}
.minicart-button a:hover {
  color: #fff;
  letter-spacing: 1.1px;
  background-color: #c29958;
}
.minicart-button a:last-child {
  margin-bottom: 0;
}

/*-------- off canvas mini cart end --------*/
.hero-slider-area {
  position: relative;
  min-height: 200px;
}
@media only screen and (min-width: 768px) {
  .hero-slider-area {
    min-height: 240px;
  }
}
@media only screen and (min-width: 1024px) {
  .hero-slider-area {
    min-height: 280px;
  }
}
.hero-slider-area:not(.is-ready) .hero-slider-active-4 {
  opacity: 0;
  visibility: hidden;
}
.hero-slider-area.is-ready .hero-slider-active-4.slick-initialized {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease;
}

.hero-slider-active-4 {
  overflow: hidden;
}
.hero-slider-active-4:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.hero-slider-active-4:not(.slick-initialized) .slider-item {
  flex: 0 0 100%;
  max-width: 100%;
  min-width: 0;
}
@media (min-width: 768px) {
  .hero-slider-active-4:not(.slick-initialized) .slider-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .hero-slider-active-4:not(.slick-initialized) .slider-item {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media (min-width: 1200px) {
  .hero-slider-active-4:not(.slick-initialized) .slider-item {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.hero-slider-active-4:not(.slick-initialized) .intro-slide {
  display: block;
  overflow: hidden;
  aspect-ratio: 4/5;
}
.hero-slider-active-4:not(.slick-initialized) .intro-slide img {
  width: 100%;
  height: 100%;
  max-height: none;
  aspect-ratio: auto;
  object-fit: cover;
  display: block;
}
/*------ hero slider area css start ------*/
/*-------------------------
02. Slider area
--------------------------*/
.hero-slider-item {
  height: 530px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1600px) {
  .hero-slider-item {
    height: 670px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
  .hero-slider-item {
    height: 400px;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-slider-item {
    height: 350px;
  }
}

.hero-style-five .hero-slider-item {
  height: 800px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-style-five .hero-slider-item {
    height: 530px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
  .hero-style-five .hero-slider-item {
    height: 400px;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-style-five .hero-slider-item {
    height: 350px;
  }
}

.hero-slider-content {
  position: relative;
}
@media only screen and (max-width: 767.98px) {
  .hero-slider-content {
    padding-right: 150px;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-slider-content {
    padding-right: 90px;
  }
}
@media only screen and (max-width: 479.98px) {
  .hero-slider-content {
    padding-right: 0;
  }
}
.hero-slider-content .slide-title {
  font-size: 60px;
  font-weight: normal;
  line-height: 1;
}
.hero-slider-content .slide-title span {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-content .slide-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767.98px) {
  .hero-slider-content .slide-title {
    font-size: 40px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 575.98px) {
  .hero-slider-content .slide-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 479.98px) {
  .hero-slider-content .slide-title {
    font-size: 30px;
  }
}
.hero-slider-content .slide-desc {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3;
  color: #222222;
  padding-top: 20px;
}
@media only screen and (max-width: 575.98px) {
  .hero-slider-content .slide-desc {
    padding-top: 10px;
  }
}

.btn-hero {
  color: #fff;
  font-size: 15px;
  line-height: 1;
  padding: 14px 30px;
  display: inline-block;
  border-radius: 50px;
  background-color: #c29958;
  margin-top: 38px;
}
@media only screen and (max-width: 575.98px) {
  .btn-hero {
    margin-top: 25px;
  }
}
.btn-hero:hover {
  color: #fff;
  background-color: #222222;
}

.hero-overlay {
  position: relative;
}
.hero-overlay:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
}
@media only screen and (max-width: 767.98px) {
  .hero-overlay:before {
    display: block;
  }
}

/*------ hero slider area css end ------*/
.slick-active .hero-slider-content.slide-1 h2 {
  animation: bounceIn 2s linear alternate;
}
.slick-active .hero-slider-content.slide-1 h4 {
  animation: zoomIn 1s linear alternate;
}
.slick-active .hero-slider-content.slide-1 a {
  animation: slideInUp 0.5s linear alternate;
}
.slick-active .hero-slider-content.slide-2 h2 {
  animation: bounceIn 1.5s linear alternate;
}
.slick-active .hero-slider-content.slide-2 h4 {
  animation: fadeInLeft 1s linear alternate;
}
.slick-active .hero-slider-content.slide-2 a {
  animation: slideInUp 0.5s linear alternate;
}
.slick-active .hero-slider-content.slide-3 h2 {
  animation: fadeInUp 1000ms linear alternate;
}
.slick-active .hero-slider-content.slide-3 h4 {
  animation: bounceIn 600ms linear alternate;
}
.slick-active .hero-slider-content.slide-3 a {
  animation: fadeInUp 1400ms linear alternate;
}

.slider-item {
  position: relative;
  overflow: hidden;
}
.slider-item:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-color: #000;
  transition: 0.4s;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.4s;
}
@media only screen and (max-width: 767.98px) {
  .slider-item:before {
    visibility: visible;
  }
}
.slider-item:hover:before {
  visibility: visible;
}
.slider-item:hover .slider-thumb img {
  transform: scale(1.1);
}
.slider-item:hover .slider-item-content {
  transform: translateY(-50%) scale(1);
  opacity: 1;
  visibility: visible;
}
.slider-item .slider-thumb img {
  width: 100%;
}

.slider-item-content {
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  text-align: center;
  padding: 0 30px;
  z-index: 2;
  transition: 0.4s;
  transform: translateY(-50%) scale(0.8);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 767.98px) {
  .slider-item-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) scale(1);
  }
}
.slider-item-content h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  padding-bottom: 6px;
  overflow-wrap: break-word;
  text-transform: uppercase;
  font-family: "Cinzel", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-item-content h2 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 479.98px) {
  .slider-item-content h2 {
    font-size: 26px;
  }
}
.slider-item-content h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: capitalize;
  font-family: "Cinzel", sans-serif;
}
@media only screen and (max-width: 479.98px) {
  .slider-item-content h3 {
    font-size: 22px;
  }
}
.slider-item-content .btn-text {
  margin-top: 15px;
  color: #fff;
}
.slider-item-content .btn-text:before {
  background-color: #fff;
}
.slider-item-content .btn-text:hover {
  color: #c29958;
}
.slider-item-content .btn-text:hover:before {
  background-color: #c29958;
}

/*------ service policy start ------*/
.service-policy-section {
  padding: 63px 0 53px;
}
@media only screen and (min-width: 1024px) {
  .service-policy-section {
    padding: 80px 0;
  }
}
.service-policy-section--product {
  padding: 100px 0;
}
@media only screen and (min-width: 1024px) {
  .service-policy-section--product {
    padding: 130px 0;
  }
}

.policy-block {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media only screen and (min-width: 768px) {
  .policy-block {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 0;
    row-gap: 28px;
  }
}
@media only screen and (min-width: 1024px) {
  .policy-block {
    row-gap: 0;
  }
}

.policy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .policy {
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .policy {
    width: 25%;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
  }
}
.policy__icon {
  font-size: 30px;
  line-height: 1;
  color: #c29958;
}
.policy__title {
  color: #000000;
  text-align: center;
  font-family: "Jost", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 125%;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1024px) {
  .policy__title {
    text-align: left;
  }
}

.latest-section {
  padding: 54px 0 30px;
}
@media only screen and (min-width: 1024px) {
  .latest-section {
    padding: 75px 0 68px;
  }
}

.latest-item:hover img {
  transform: scale(1.05);
}
.latest-item__img {
  margin-bottom: 14px;
  overflow: hidden;
}
.latest-item__img img {
  width: 100%;
  display: block;
  transition: all ease 0.3s;
}
.latest-item__row {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
}
.latest-item__date {
  color: #4a5565;
}
.latest-item__tag {
  color: #c9a84c;
  padding-left: 5px;
}
.latest-item__text {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  text-transform: capitalize;
}

/*------ banner statistics style start ------*/
/* 1.0 banner statistics */
.banner-statistics {
  position: relative;
}
.banner-statistics img {
  width: 100%;
}
.banner-statistics:hover img {
  opacity: 0.7;
}
.banner-content {
  right: 55px;
  top: 50%;
  position: absolute;
  pointer-events: none;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-content {
    right: 30px;
  }
}
@media only screen and (max-width: 767.98px) {
  .banner-content {
    right: 20px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-content {
    right: 55px;
  }
}
@media only screen and (max-width: 479.98px) {
  .banner-content {
    right: 20px;
  }
}
.banner-content_style2 {
  left: 40px;
  top: auto;
  bottom: 40px;
  transform: translateY(0);
}
.banner-content_style2 .banner-text3 {
  transition: 0.4s;
}
.banner-content_style2 .banner-text3 a {
  color: #222222;
  pointer-events: visible;
}
.banner-content_style2 .banner-text3 a:hover {
  color: #c29958;
}
.banner-content_style3 {
  left: 40px;
  right: auto;
}
.banner-text1 {
  font-size: 15px;
  line-height: 1.1;
  padding-bottom: 15px;
  color: #777777;
  text-transform: uppercase;
}
@media only screen and (max-width: 767.98px) {
  .banner-text1 {
    font-size: 14px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-text1 {
    font-size: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 479.98px) {
  .banner-text1 {
    font-size: 14px;
    padding-bottom: 10px;
  }
}
.banner-text2 {
  padding-bottom: 34px;
  transition: 0.4s;
}
.banner-text2 span {
  display: block;
}
@media only screen and (max-width: 767.98px), only screen and (max-width: 479.98px) {
  .banner-text2 span {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-text2 {
    font-size: 20px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767.98px) {
  .banner-text2 {
    font-size: 17px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-text2 {
    font-size: 25px;
    padding-bottom: 34px;
  }
}
@media only screen and (max-width: 479.98px) {
  .banner-text2 {
    font-size: 17px;
    padding-bottom: 10px;
  }
}

/*------ banner statistics style end ------*/
/*------ section title start ------*/
.section-title {
  color: #000000;
  line-height: 110%;
  font-weight: 600;
  font-size: 28px;
}
.section-title.gold-color {
  color: #c9a84c;
}
@media only screen and (min-width: 1024px) {
  .section-title {
    font-size: 36px;
  }
}

.sub-title {
  color: #c9a84c;
  text-align: center;
  font-family: "Jost", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
  margin: 0;
}

.section-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 40px;
  gap: 10px;
}
.section-head .base-text {
  font-weight: 300;
}

@keyframes shine {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 100%;
  }
}
.section-title-append {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: -4px;
  margin-bottom: 18px;
  line-height: 1;
}
.section-title-append:after {
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #efefef;
  transform: translateY(-50%);
  z-index: 1;
  margin-top: -3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-append:after {
    margin-top: 2px;
  }
}
.section-title-append h4 {
  display: inline-block;
  line-height: 1;
  text-transform: capitalize;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-append h4 {
    font-size: 16px;
  }
}

/*------ section title end ------*/
/*------- common style css start -------*/
.banner-statistics:hover img {
  opacity: 1;
}
.banner-statistics a {
  overflow: hidden;
}
.banner-statistics a:hover img {
  transform: scale(1.05);
}
.banner-statistics a img {
  transition: all ease 0.3s;
}

/*-------- Custom Checkbox Style start --------*/
.custom-checkbox.custom-control,
.custom-radio.custom-control {
  min-height: auto;
  padding-left: 1.5rem;
}
.custom-checkbox .custom-control-label,
.custom-radio .custom-control-label {
  font-size: 14px;
  line-height: 1;
  padding-left: 4px;
  font-weight: 300;
  display: block;
  cursor: pointer;
  position: relative;
  color: #4a5565;
}
.custom-checkbox .custom-control-label:before,
.custom-radio .custom-control-label:before {
  background-color: transparent;
  border: 1px solid #d1d5dc;
  border-radius: 0;
  height: 15px;
  top: 0;
  width: 15px;
  content: "";
  position: absolute;
  left: -1.5rem;
}
.custom-checkbox .custom-control-label:after,
.custom-radio .custom-control-label:after {
  background-size: 10px 10px;
  height: 15px;
  top: 0;
  content: "";
  position: absolute;
  left: -1.5rem;
}
.custom-checkbox .custom-control-label a,
.custom-radio .custom-control-label a {
  color: #222222;
  font-weight: 500;
}
.custom-checkbox .custom-control-label a:hover,
.custom-radio .custom-control-label a:hover {
  color: #c29958;
}
.custom-checkbox input,
.custom-checkbox .custom-control-input,
.custom-radio input,
.custom-radio .custom-control-input {
  outline: none;
  display: none;
}
.custom-checkbox input:focus ~ .custom-control-label:before,
.custom-checkbox input:focus label:before,
.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:focus label:before,
.custom-radio input:focus ~ .custom-control-label:before,
.custom-radio input:focus label:before,
.custom-radio .custom-control-input:focus ~ .custom-control-label:before,
.custom-radio .custom-control-input:focus label:before {
  box-shadow: none;
}
.custom-checkbox input:checked ~ .custom-control-label,
.custom-checkbox input:checked label,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label,
.custom-checkbox .custom-control-input:checked label,
.custom-radio input:checked ~ .custom-control-label,
.custom-radio input:checked label,
.custom-radio .custom-control-input:checked ~ .custom-control-label,
.custom-radio .custom-control-input:checked label {
  font-weight: 400;
}
.custom-checkbox input:checked ~ .custom-control-label:before,
.custom-checkbox input:checked label:before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-checkbox .custom-control-input:checked label:before,
.custom-radio input:checked ~ .custom-control-label:before,
.custom-radio input:checked label:before,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-radio .custom-control-input:checked label:before {
  background-color: #c9a84c;
  border-color: #c9a84c;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  width: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

/*-------- Custom Checkbox Style end --------*/
/*------- Custom Radio Button Style start -------*/
.custom-radio label:before,
.custom-radio .custom-control-label:before {
  border-radius: 50%;
  height: 14px;
  width: 14px;
}
.custom-radio label::after,
.custom-radio .custom-control-label::after {
  background-size: 10px 10px;
  left: -22px;
  top: 2px;
  height: 10px;
  width: 10px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

/*------- Custom Radio Button Style end -------*/
.bg-gray {
  background-color: #f4f4f4;
}

/*------ twitter feed start ------*/
.twitter-feed-content {
  padding: 32px 0;
  border-bottom: 1px solid #efefef;
}
.twitter-feed-content p {
  color: #888;
}
.twitter-feed-content p a {
  color: #c29958;
}
.twitter-feed-content p a:hover {
  text-decoration: underline;
}

/*------ twitter feed end ------*/
/*----- product tab menu start -----*/
.product-tab-menu {
  margin-top: -6px;
  margin-bottom: 35px;
}
.product-tab-menu ul {
  gap: 22px;
}
@media only screen and (min-width: 768px) {
  .product-tab-menu ul {
    gap: 42px;
  }
}
.product-tab-menu ul li:last-child {
  margin-right: 0;
}
.product-tab-menu ul li a {
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 125%;
}
.product-tab-menu ul li a:hover, .product-tab-menu ul li a.active {
  color: #c9a84c;
}

.product-carousel-4 .slick-dots,
.product-carousel-4_2 .slick-dots {
  position: relative !important;
  display: flex;
  justify-content: center;
  padding: 50px 0 0 0;
}

/*----- product tab menu start -----*/
/*----- brand logo style start -----*/
.brand-logo-carousel {
  padding: 30px 0;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.brand-item img {
  margin: auto;
}

/*----- brand logo style end -----*/
/*----- hot deals item start -----*/
.hot-deals-item {
  border: 1px solid #c29958;
  border-radius: 5px;
}
.hot-deals-item .product-caption {
  padding: 20px;
}
@media only screen and (max-width: 767.98px) {
  .hot-deals-item .product-caption {
    padding: 20px 10px;
  }
}
.hot-deals-item .manufacturer-name {
  padding-bottom: 5px;
}
.hot-deals-item .product-name {
  font-size: 20px;
  padding-bottom: 30px;
}
.hot-deals-item .price-box {
  font-size: 21px;
  padding-top: 8px;
}

.progress {
  height: 15px;
  border-radius: 50px;
}
.progress-quantity {
  position: relative;
  margin-top: 52px;
}
.progress-bar {
  background-color: #c29958 !important;
  width: 60%;
}
.progress-bar:nth-child(2) {
  width: 70%;
}
.progress-title {
  display: flex;
  position: absolute;
  top: calc(-100% - 8px);
  left: 0;
  width: 100%;
  line-height: 1;
  justify-content: space-between;
}

.product-sold,
.product-available {
  font-size: 14px;
  color: #777777;
}
.product-sold span,
.product-available span {
  color: #c29958;
  font-weight: 700;
}

.product-countdown {
  display: flex;
  justify-content: center;
  margin: 30px 0;
}
.product-countdown .single-countdown {
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #eaeaea;
}
.product-countdown .single-countdown__time {
  font-size: 16px;
  display: inline-block;
  color: #222222;
}
.product-countdown .single-countdown__text {
  font-size: 11px;
  display: block;
  color: #222222;
  line-height: 1;
  margin-top: 5px;
  text-transform: uppercase;
}
.product-countdown .single-countdown:last-child {
  margin-right: 0;
}
.product-countdown--style-two {
  justify-content: flex-start;
}

.product-details-des .product-countdown {
  margin: 20px 0 30px;
  display: flex;
  justify-content: flex-start;
}

/*----- hot deals item start -----*/
/*------ Instagram Feed Area Start ------*/
.instagram-item {
  position: relative;
  z-index: 1;
}
.instagram-item:before {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: 100%;
  width: 100%;
}
.instagram-item .instagram-hvr-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.instagram-item .instagram-hvr-content span {
  color: #fff;
  margin-right: 20px;
}
.instagram-item .instagram-hvr-content span:last-child {
  margin-right: 0;
}
.instagram-item .instagram-hvr-content span i.fa {
  margin-right: 5px;
}
.instagram-item:hover:before {
  opacity: 1;
  visibility: visible;
}
.instagram-item:hover .instagram-hvr-content {
  opacity: 1;
  visibility: visible;
}

/*------ Instagram Feed Area End ------*/
.policy-list:not(:last-child) {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767.98px) {
  .policy-list:not(:last-child) {
    margin-bottom: 25px;
  }
}
.policy-list a {
  color: #c29958;
}

.policy-title {
  margin-bottom: 10px;
}

/*------- common style css end -------*/
.hot-deals-section {
  padding: 60px 0;
}
@media only screen and (min-width: 1024px) {
  .hot-deals-section {
    padding: 90px 0 75px;
  }
}

@media only screen and (min-width: 768px) {
  .intro-slider .slider-item {
    padding: 6px;
  }
}
@media only screen and (min-width: 768px) {
  .intro-slider .intro-slide {
    overflow: hidden;
    border-radius: 12px;
    display: block;
  }
  .intro-slider .intro-slide:hover img {
    transform: scale(1.05);
  }
}
.intro-slider .intro-slide img {
  width: 100%;
  height: auto;
  max-height: 70vh;
  aspect-ratio: 4/5;
  object-fit: cover;
  transition: all ease 0.3s;
}
.intro-slider.hero-slider-active-4.slick-initialized .intro-slide img {
  height: 100%;
  max-height: none;
  aspect-ratio: auto;
}

.product-card {
  width: 100%;
}
.product-card:hover .product-card__img-one {
  opacity: 0;
  visibility: hidden;
}
.product-card:hover .product-card__img-sec {
  opacity: 1;
  visibility: visible;
}
.product-card__img {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}
.product-card__img img {
  width: 100%;
  display: block;
  transition: all ease 0.3s;
}
.product-card__img-sec {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.product-card__badge {
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.product-card__favorite {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f3f4f6;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3858 7.77784L8.13583 13.9678L1.88583 7.77784C1.47358 7.37668 1.14887 6.89452 0.93212 6.3617C0.715375 5.82889 0.611298 5.25696 0.626445 4.68195C0.641591 4.10694 0.775633 3.54129 1.02013 3.02062C1.26462 2.49995 1.61428 2.03555 2.04707 1.65666C2.47986 1.27776 2.98642 0.99258 3.53484 0.819073C4.08326 0.645567 4.66167 0.587493 5.23364 0.648507C5.80561 0.709522 6.35875 0.888304 6.85823 1.17359C7.35771 1.45889 7.7927 1.84451 8.13583 2.30617C8.48044 1.84786 8.91594 1.46561 9.41508 1.18334C9.91422 0.90108 10.4662 0.724881 11.0366 0.665773C11.607 0.606665 12.1834 0.665921 12.7298 0.839833C13.2762 1.01374 13.7809 1.29857 14.2121 1.67648C14.6434 2.05438 14.992 2.51724 15.2362 3.03608C15.4803 3.55492 15.6148 4.11858 15.6311 4.69176C15.6474 5.26495 15.5452 5.83533 15.3309 6.36721C15.1167 6.8991 14.7949 7.38102 14.3858 7.78284' stroke='%230F0D0A' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  transition: all ease 0.3s;
}
.product-card__favorite:hover {
  background-color: #c9a84c;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3858 7.77784L8.13583 13.9678L1.88583 7.77784C1.47358 7.37668 1.14887 6.89452 0.93212 6.3617C0.715375 5.82889 0.611298 5.25696 0.626445 4.68195C0.641591 4.10694 0.775633 3.54129 1.02013 3.02062C1.26462 2.49995 1.61428 2.03555 2.04707 1.65666C2.47986 1.27776 2.98642 0.99258 3.53484 0.819073C4.08326 0.645567 4.66167 0.587493 5.23364 0.648507C5.80561 0.709522 6.35875 0.888304 6.85823 1.17359C7.35771 1.45889 7.7927 1.84451 8.13583 2.30617C8.48044 1.84786 8.91594 1.46561 9.41508 1.18334C9.91422 0.90108 10.4662 0.724881 11.0366 0.665773C11.607 0.606665 12.1834 0.665921 12.7298 0.839833C13.2762 1.01374 13.7809 1.29857 14.2121 1.67648C14.6434 2.05438 14.992 2.51724 15.2362 3.03608C15.4803 3.55492 15.6148 4.11858 15.6311 4.69176C15.6474 5.26495 15.5452 5.83533 15.3309 6.36721C15.1167 6.8991 14.7949 7.38102 14.3858 7.78284' stroke='%23FFFFFF' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.product-card__favorite.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M13.7608 7.15284L7.51083 13.3428L1.26083 7.15284C0.848585 6.75168 0.523866 6.26952 0.30712 5.7367C0.0903746 5.20389 -0.0137016 4.63196 0.00144489 4.05695C0.0165914 3.48194 0.150633 2.91629 0.395128 2.39562C0.639624 1.87495 0.989276 1.41055 1.42207 1.03166C1.85486 0.65276 2.36142 0.36758 2.90984 0.194073C3.45826 0.0205668 4.03667 -0.0375073 4.60864 0.0235072C5.18061 0.0845218 5.73375 0.263304 6.23323 0.548595C6.73271 0.833886 7.1677 1.21951 7.51083 1.68117C7.85544 1.22286 8.29094 0.840607 8.79008 0.558343C9.28922 0.27608 9.84124 0.0998806 10.4116 0.0407727C10.982 -0.0183352 11.5584 0.0409211 12.1048 0.214833C12.6512 0.388744 13.1559 0.673567 13.5871 1.05148C14.0184 1.42938 14.367 1.89224 14.6112 2.41108C14.8553 2.92992 14.9898 3.49358 15.0061 4.06676C15.0224 4.63995 14.9202 5.21033 14.7059 5.74221C14.4917 6.2741 14.1699 6.75602 13.7608 7.15784' fill='%230F0D0A'/%3E%3C/svg%3E");
}
.product-card__tag {
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-transform: capitalize;
  padding: 4px 12px;
  min-width: 50px;
  border-radius: 20px;
}
.product-card__tag--new {
  background-color: #DC3545;
}
.product-card__tag--sale {
  background-color: #c9a84c;
}
.product-card__tag--top {
  background-color: #000000;
}
.product-card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.product-card__descr {
  color: #4a5565;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-transform: capitalize;
}
.product-card__title {
  color: #000000;
  text-align: center;
  font-family: "Jost", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 125%;
  text-transform: capitalize;
}
.product-card__row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-card__price {
  color: #c9a84c;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
}
.product-card__price--old {
  color: #99a1af;
  text-decoration-line: line-through;
}

/*------- product item start -------*/
.product-item {
  overflow: hidden;
}
.product-item .color-categories {
  padding: 13px 0 6px;
}

.product-item:hover .product-thumb .sec-img, .product-list-item:hover .product-thumb .sec-img {
  opacity: 1;
  visibility: visible;
}
.product-item:hover .product-thumb .pri-img, .product-list-item:hover .product-thumb .pri-img {
  opacity: 0;
  visibility: hidden;
}
.product-item:hover .button-group a, .product-list-item:hover .button-group a {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.product-item:hover .cart-hover, .product-list-item:hover .cart-hover {
  bottom: 15px;
  opacity: 1;
  visibility: visible;
}
.product-thumb {
  position: relative;
}
.product-thumb img {
  width: 100%;
}
.product-thumb .sec-img {
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.product-caption {
  padding-top: 17px;
}
.product-caption .product-name {
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 8px;
}
.product-caption .product-name a {
  color: #222222;
  text-transform: capitalize;
}
.product-caption .product-name a:hover {
  color: #c29958;
}

.manufacturer-name {
  padding-bottom: 5px;
  line-height: 1;
}
.manufacturer-name a {
  font-size: 14px;
  line-height: 1;
  color: #777777;
  text-transform: capitalize;
}
.manufacturer-name a:hover {
  color: #c29958;
}

.color-categories {
  line-height: 1;
}
.color-categories li {
  display: inline-block;
  padding: 1px;
  border-radius: 50%;
  border: 1px solid #efefef;
  transition: 0.4s;
}
.color-categories li:hover {
  border-color: #c29958;
}
.color-categories li a {
  height: 12px;
  width: 12px;
  display: block;
  border-radius: 50%;
}

.c-lightblue {
  background-color: #b0c4de;
}

.c-darktan {
  background-color: #aa9e78;
}

.c-grey {
  background-color: #808080;
}

.c-brown {
  background-color: #964b00;
}

.button-group {
  right: 15px;
  top: 15px;
  position: absolute;
}
.button-group a {
  width: 38px;
  height: 38px;
  display: block;
  font-size: 18px;
  line-height: 42px;
  color: #222222;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 10px;
  background-color: #fff;
  transform: scale(0.6);
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.button-group a span {
  display: block;
}
.button-group a:hover {
  color: #c29958;
}

.cart-hover {
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}

.product-label {
  background: #c29958;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  left: 20px;
  line-height: 1;
  min-width: 46px;
  padding: 4px 12px;
  position: absolute;
  text-align: center;
  text-transform: capitalize;
  z-index: 3;
}
.product-label span {
  display: block;
  margin-top: -1px;
}
.product-label.discount {
  background-color: #222222;
}
.product-label:nth-child(1) {
  top: 20px;
}
.product-label:nth-child(2) {
  top: 48px;
}

.ratings {
  color: #f9bd22;
  font-size: 14px;
}
.ratings span {
  margin-right: 3px;
}

.price-box {
  font-size: 15px;
  line-height: 1;
}
.price-regular {
  color: #c29958;
  font-weight: 500;
}
.price-old {
  color: #999;
  padding-left: 5px;
  font-weight: 300;
}

/*------- product item end -------*/
/*-------- product list item start --------*/
.product-list-item {
  display: flex;
}
@media only screen and (max-width: 767.98px) {
  .product-list-item {
    display: block !important;
  }
}
.product-list-item .product-thumb {
  max-width: 30%;
  flex-basis: 30%;
  height: 100%;
}
@media only screen and (max-width: 767.98px) {
  .product-list-item .product-thumb {
    max-width: 100%;
    flex-basis: 100%;
  }
}

.product-content-list {
  padding-left: 20px;
  max-width: 70%;
  flex-basis: 70%;
}
@media only screen and (max-width: 767.98px) {
  .product-content-list {
    padding-left: 0;
    max-width: 100%;
    flex-basis: 100%;
    margin-top: 30px;
  }
}
.product-content-list .manufacturer-name {
  padding-bottom: 10px;
}
.product-content-list .ratings {
  padding-bottom: 10px;
}
.product-content-list .product-name {
  padding: 10px 0 12px;
}
.product-content-list .product-name a {
  color: #222222;
  font-weight: 400;
}
.product-content-list .product-name a:hover {
  color: #c29958;
}
.product-content-list p {
  padding-top: 15px;
  margin-top: 22px;
  border-top: 1px solid #efefef;
}

/*-------- product list item end --------*/
/*------ group list item start ------*/
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
  .group-product-banner {
    margin-bottom: 80px;
  }
}

.group-item {
  display: flex;
}
.group-item-thumb {
  max-width: 80px;
  flex-basis: 80px;
}
.group-item-desc {
  position: relative;
  padding-left: 10px;
  max-width: calc(100% - 80px);
  flex-basis: calc(100% - 80px);
}
.group-item-desc .group-product-name {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  text-transform: capitalize;
  padding-bottom: 18px;
}
.group-item-desc .group-product-name a {
  color: #222222;
}
.group-item-desc .group-product-name a:hover {
  color: #c29958;
  text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .categories-group-wrapper {
    margin-bottom: 78px;
  }
}
@media only screen and (max-width: 767.98px) {
  .categories-group-wrapper {
    margin-bottom: 60px;
  }
}

.row [class*=col-]:last-child .categories-group-wrapper {
  margin-bottom: 0;
}

.group-list-item-wrapper .slick-slider .slick-slide > div {
  margin-bottom: 20px;
}
.group-list-item-wrapper .slick-slider .slick-slide > div:last-child {
  margin-bottom: 0;
}

/*------ group list item end ------*/
/*----- testimonial area start -----*/
.testimonial-thumb-wrapper {
  max-width: 290px;
  margin: auto;
}

.testimonial-thumb {
  cursor: pointer;
  transform: scale(0.7);
  transition: 0.4s;
  width: auto;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}

.slick-slide.slick-current .testimonial-thumb {
  transform: scale(1);
}

.testimonial-content-wrapper {
  max-width: 910px;
  margin: auto;
  margin-top: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-content-wrapper {
    max-width: 750px;
  }
}

.testimonial-content {
  padding: 0 15px;
  text-align: center;
}
.testimonial-content p {
  font-size: 15px;
}
.testimonial-content .ratings {
  margin-top: 30px;
  margin-bottom: 5px;
}
.testimonial-author {
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
}

/*----- testimonial area end -----*/
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 0;
}
.breadcrumbs a {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
}
.breadcrumbs a:hover {
  color: #c9a84c;
}
.breadcrumbs span {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
}
.breadcrumbs__text {
  color: #c9a84c !important;
}

/*----- breadcrumb style css start -----*/
.breadcrumb-area {
  background-color: #f5f5f5;
}

.breadcrumb-wrap {
  padding: 24px 0;
  text-align: center;
}
.breadcrumb-wrap .breadcrumb {
  background: transparent;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  align-items: center;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item a {
  color: #222222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item a:hover {
  color: #c29958;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item:before {
  color: #7e7e7e;
  content: "/";
  font-size: 12px;
  margin: 0 5px;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item:first-child::before {
  display: none;
}
.breadcrumb-wrap .breadcrumb .breadcrumb-item.active {
  color: #c29958;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

/*----- breadcrumb style css end -----*/
/*----- shop Sidebar start -----*/
.sidebar-wrapper .sidebar-single:last-child {
  margin-bottom: 0;
}

.sidebar-single {
  margin-bottom: 32px;
}
.sidebar-single .sidebar-title {
  color: #000000;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  text-transform: capitalize;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}
.sidebar-single .sidebar-title:before {
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  background-color: #e5e7eb;
}

/*------ pricing filter slider start ------*/
.price-range-wrap {
  padding-top: 8px;
}
.price-range-wrap .price-range {
  border-radius: 0;
  margin-right: 13px;
  margin-bottom: 20px;
}
.price-range-wrap .price-range.ui-widget-content {
  border: none;
  background: #eeeeee;
  height: 6px;
  border-radius: 20px;
}
.price-range-wrap .price-range.ui-widget-content .ui-slider-range {
  background-color: #c9a84c;
  border-radius: 0;
}
.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
  border: none;
  background-color: #fff;
  height: 12px;
  width: 12px;
  outline: none;
  cursor: ew-resize;
  touch-action: none;
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 767.98px) {
  .price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
    width: 16px;
    height: 16px;
    top: -6px;
    margin-left: -14px;
  }
}
.price-range-wrap .price-range.ui-widget-content .ui-slider-handle:before {
  top: 50%;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  background-color: #c29958;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.price-range-wrap .range-slider {
  color: #000000;
  margin-top: 30px;
}
.price-range-wrap .range-slider .price-input label {
  color: #000000;
  margin-bottom: 0;
}
.price-range-wrap .range-slider .price-input input {
  color: #4a5565;
  border: none;
  outline: none;
  max-width: 80px;
  pointer-events: none;
  font-weight: 300;
}
.price-range-wrap .range-slider button.filter-btn {
  border: none;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  text-transform: uppercase;
  padding: 4px 15px;
  border-radius: 3px;
  background-color: #ebebeb;
}
.price-range-wrap .range-slider button.filter-btn:hover {
  color: #fff;
  background-color: #c29958;
}

/*------ pricing filter slider end ------*/
.categories-list li {
  color: #555555;
  margin-bottom: 16px;
  text-transform: capitalize;
}
.categories-list li:last-child {
  margin-bottom: 0;
}
.categories-list li:hover {
  color: #c29958;
}

/*------ shop categories area start ------*/
.shop-categories {
  margin-top: -4px;
}
.shop-categories li a {
  color: #555555;
  display: block;
  line-height: 1;
  padding: 10px 0;
  text-transform: capitalize;
}
.shop-categories li:first-child a {
  padding-top: 0;
}
.shop-categories li:last-child a {
  padding-bottom: 0;
}
.shop-categories li:hover a {
  color: #c29958;
}

/*------ shop categories area end ------*/
/*----- shop Sidebar end -----*/
/*------ pagination area style start ------*/
.paginatoin-area {
  margin-top: 30px;
  padding: 20px;
}
.paginatoin-area .pagination-box {
  display: flex;
  justify-content: center;
}
.paginatoin-area .pagination-box li {
  margin-right: 5px;
}
.paginatoin-area .pagination-box li:last-child {
  margin-right: 0;
}
.paginatoin-area .pagination-box li {
  display: inline-block;
}
.paginatoin-area .pagination-box li a {
  color: #222222;
  height: 36px;
  width: 36px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  line-height: 36px;
  background-color: #f3f4f6;
  border-radius: 50%;
}
.paginatoin-area .pagination-box li a i {
  font-size: 30px;
  line-height: 36px;
}
.paginatoin-area .pagination-box li a:hover {
  color: #fff;
  background-color: #c9a84c;
}
.paginatoin-area .pagination-box li.active a {
  color: #fff;
  background-color: #c9a84c;
}

/*------ pagination area style end ------*/
.blog-section {
  padding: 0 0 52px 0;
}
@media only screen and (min-width: 1024px) {
  .blog-section {
    padding: 0 0 80px 0;
  }
}
.blog-section__title {
  margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
  .blog-section__title {
    margin-bottom: 40px;
  }
}

.blog-post-section {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 0 24px 0;
}
@media only screen and (min-width: 1024px) {
  .blog-post-section {
    padding: 0 0 40px 0;
  }
}

.article__social {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.article__social-links {
  display: flex;
  align-items: center;
  gap: 8px;
}
.article__social-links a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media only screen and (min-width: 1024px) {
  .article__social-links a {
    height: 24px;
    width: 24px;
  }
}
.article__social-links a:hover {
  background-color: #c9a84c;
}
.article__social-links a:hover path {
  stroke: #ffffff;
}
.article__social-links a svg {
  height: 20px;
  width: 20px;
}
@media only screen and (min-width: 1024px) {
  .article__social-links a svg {
    height: 16px;
    width: 16px;
  }
}
.article__social-links a svg path {
  transition: all ease 0.3s;
  stroke: #000000;
}
.article__date {
  color: #4a5565;
  font-family: "Jost", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
}
.article__img {
  width: 100%;
  margin-bottom: 24px;
}
.article__img img {
  width: 100%;
  display: block;
}
.article__tag-line {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 11px 0;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}
.article__tag-line h6 {
  color: #000000;
  font-family: "Jost", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 114%;
  margin-right: 5px;
}
.article__tag-line a {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  line-height: 169%;
}
.article__tag-line a:hover {
  color: #c9a84c;
}
.article .blog-share-link {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 32px;
}
.article .blog-share-link h6 {
  color: #000000;
  font-family: "Jost", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 114%;
}
.article .blog-share-link .blog-social-icon a {
  width: 36px;
  height: 36px;
  font-size: 15px;
  line-height: 36px;
  text-align: center;
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  margin-right: 5px;
}
.article .blog-share-link .blog-social-icon a.facebook {
  background-color: #3b5999;
}
.article .blog-share-link .blog-social-icon a.twitter {
  background-color: #1da1f2;
}
.article .blog-share-link .blog-social-icon a.pinterest {
  background-color: #cb2028;
}
.article .blog-share-link .blog-social-icon a.google {
  background-color: #fe6d4c;
}
.article .blog-share-link .blog-social-icon a:hover.facebook {
  background-color: rgb(44.8066037736, 67.5896226415, 116.1933962264);
}
.article .blog-share-link .blog-social-icon a:hover.twitter {
  background-color: rgb(11.9665271967, 133.4728033473, 208.0334728033);
}
.article .blog-share-link .blog-social-icon a:hover.pinterest {
  background-color: rgb(158.9446808511, 25.0553191489, 31.3191489362);
}
.article .blog-share-link .blog-social-icon a:hover.google {
  background-color: rgb(253.7166666667, 67.6333333333, 25.2833333333);
}
@media only screen and (max-width: 479.98px) {
  .article .blog-share-link .blog-social-icon a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    margin-right: 0;
  }
}

.blog-post-item:hover .blog-thumb img {
  opacity: 1 !important;
}

/*------- blog item start -------*/
.blog-post-item:hover .blog-thumb img {
  transform: scale(1.1);
  opacity: 0.7;
}
.blog-thumb {
  overflow: hidden;
}
.blog-thumb img {
  width: 100%;
  display: block;
}
.blog-content {
  padding-top: 14px;
}
.blog-title {
  color: #000000;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 133%;
  text-transform: capitalize;
}
.blog-title a {
  color: #000000;
  display: block;
}
.blog-title a:hover {
  color: #c9a84c;
}
.blog-meta {
  padding-bottom: 16px;
}
.blog-meta p {
  color: #4a5565;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
}

/*------- blog item end -------*/
/*------ blog list item start ------*/
.blog-list-inner .blog-post-item {
  display: flex;
}
@media only screen and (max-width: 767.98px) {
  .blog-list-inner .blog-post-item {
    display: block;
  }
}
.blog-list-inner .blog-post-item .blog-thumb {
  width: 40%;
}
@media only screen and (max-width: 767.98px) {
  .blog-list-inner .blog-post-item .blog-thumb {
    width: 100%;
  }
}
.blog-list-inner .blog-post-item .blog-content {
  padding-top: 0;
  padding-left: 20px;
  width: 60%;
}
@media only screen and (max-width: 767.98px) {
  .blog-list-inner .blog-post-item .blog-content {
    width: 100%;
    padding-left: 0;
    padding-top: 30px;
  }
}
.blog-list-inner .blog-post-item .blog-content .blog-title {
  margin-top: -5px;
}
.blog-list-inner .blog-post-item .blog-content .blog-meta {
  padding-top: 15px;
}
.blog-list-inner .blog-post-item .blog-content .blog-read-more {
  color: #222222;
  display: inline-block;
  margin-top: 10px;
}
.blog-list-inner .blog-post-item .blog-content .blog-read-more:hover {
  color: #c29958;
  text-decoration: underline;
}

/*------ blog list item end ------*/
/*----- blog sidebar start -------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-sidebar-wrapper {
    margin-bottom: -5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-sidebar-wrapper {
    margin-top: 77px;
    margin-bottom: -5px;
  }
}
@media only screen and (max-width: 767.98px) {
  .blog-sidebar-wrapper {
    margin-top: 60px;
    margin-bottom: -5px;
  }
}
.blog-sidebar-wrapper .blog-sidebar:last-child {
  margin-bottom: 0;
}

.blog-sidebar {
  margin-bottom: 30px;
}
.blog-sidebar .title {
  line-height: 1;
  margin-top: -2px;
  margin-bottom: 40px;
  position: relative;
  text-transform: capitalize;
}
.blog-sidebar .title:before {
  width: 100%;
  height: 1px;
  bottom: -10px;
  left: 0;
  background-color: #efefef;
  content: "";
  position: absolute;
}
.blog-sidebar .search-field {
  width: calc(100% - 50px);
  border: 1px solid #ccc;
  padding: 0 10px;
  color: #555555;
  font-size: 14px;
  height: 50px;
  float: left;
  text-transform: capitalize;
}
.blog-sidebar .search-btn {
  width: 50px;
  height: 50px;
  margin-left: -4px;
  text-align: center;
  cursor: pointer;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  transition: 0.4s;
}
.blog-sidebar .search-btn i {
  font-size: 20px;
  line-height: 50px;
  color: #222222;
  transition: 0.4s;
}
.blog-sidebar .search-btn:hover {
  background-color: #c29958;
  border-color: #c29958;
}
.blog-sidebar .search-btn:hover i {
  color: #fff;
}
.blog-sidebar .blog-archive {
  margin-top: -10px;
}
.blog-sidebar .blog-archive li a {
  color: #555555;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  padding: 13px 0;
  display: inline-block;
}
.blog-sidebar .blog-archive li a:hover {
  color: #c29958;
}
.blog-sidebar .blog-archive li:last-child a {
  padding-bottom: 0;
}
.blog-sidebar .blog-archive li:first-child a {
  padding-top: 0;
}
.blog-sidebar .blog-tags li {
  display: inline-block;
  margin-bottom: 5px;
}
.blog-sidebar .blog-tags li a {
  color: #222222;
  font-size: 14px;
  border: 1px solid #ccc;
  padding: 6px 15px 4px;
  display: inline-block;
  text-transform: capitalize;
}
.blog-sidebar .blog-tags li a:hover {
  color: #fff;
  background-color: #c29958;
  border-color: #c29958;
}

.blog-category {
  margin-top: -10px;
}

.recent-post .recent-post-item:last-child {
  margin-bottom: 0;
}

.recent-post-item {
  margin-bottom: 30px;
  display: flex;
}
.recent-post-item .product-thumb {
  max-width: 70px;
  flex: 1 0 70px;
}
.recent-post-item .recent-post-description {
  padding-left: 10px;
}
.recent-post-item .recent-post-description h6 {
  font-size: 14px;
  padding-bottom: 5px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .recent-post-item .recent-post-description h6 {
    font-size: 13px;
    padding-bottom: 5px;
  }
}
.recent-post-item .recent-post-description h6 a {
  color: #222222;
}
.recent-post-item .recent-post-description h6 a:hover {
  color: #c29958;
}
.recent-post-item .recent-post-description p {
  text-transform: capitalize;
}

/*----- blog sidebar end -------*/
.about-us-section {
  padding: 62px 0 78px;
}
@media only screen and (min-width: 1024px) {
  .about-us-section {
    padding: 65px 0 120px;
  }
}

.about-section {
  padding: 0 0 63px 0;
}
@media only screen and (min-width: 1024px) {
  .about-section {
    padding: 0 0 80px 0;
  }
}
.about-section--padding {
  padding: 100px 0 65px;
}
@media only screen and (min-width: 1024px) {
  .about-section--padding {
    padding: 80px 0;
  }
}

.why-section {
  padding: 0 0 77px;
}
@media only screen and (min-width: 1024px) {
  .why-section {
    padding: 0 0 160px;
  }
}

.about-us__wrap {
  display: flex;
  flex-direction: column;
  gap: 46px;
}
@media only screen and (min-width: 768px) {
  .about-us__wrap {
    flex-direction: row;
    align-items: center;
    gap: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .about-us__wrap--reverse {
    flex-direction: row-reverse;
  }
}
.about-us__img {
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .about-us__img {
    width: 300px;
    flex: none;
  }
}
@media only screen and (min-width: 1024px) {
  .about-us__img {
    width: 437px;
  }
}
.about-us__img:hover img {
  transform: scale(1.05);
}
.about-us__img img {
  transition: all ease 0.3s;
  width: 100%;
  display: block;
}
.about-us__body > * {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .about-us__body > * {
    text-align: left;
  }
}
.about-us__descr {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}
.about-us__descr h6 {
  color: #000000;
  font-family: "Jost", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.about-us__descr p {
  color: #4a5565;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}

/*------- about us area start -------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-thumb {
    text-align: center;
  }
}
@media only screen and (max-width: 767.98px) {
  .about-thumb {
    text-align: center;
  }
  .about-thumb img {
    width: 100%;
  }
}
.about-title {
  font-size: 48px;
  color: #d1d1d1;
  display: block;
  line-height: 1.1;
  margin-bottom: 38px;
}
@media only screen and (max-width: 767.98px) {
  .about-title {
    font-size: 26px;
    color: #222222;
    margin-bottom: 25px;
  }
}
.about-sub-title {
  line-height: 1.5;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767.98px) {
  .about-sub-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
  .about-content {
    text-align: center;
    padding: 52px 30px 0;
    margin-bottom: -6px;
  }
}
@media only screen and (max-width: 479.98px) {
  .about-content {
    padding: 52px 0 0 0;
  }
}
.about-content p {
  font-size: 15px;
  line-height: 1.8;
  padding-bottom: 12px;
}
.about-content p:last-child {
  padding-bottom: 0;
}

/*------- about us area end -------*/
/*-------- choosing area start --------*/
.choosing-area {
  margin-bottom: -4px;
}

@media only screen and (max-width: 767.98px) {
  .single-choose-item {
    padding: 0 20px;
  }
}
.single-choose-item i {
  color: #969ca7;
  font-size: 44px;
  transition: 0.4s;
}
.single-choose-item h4 {
  color: #222222;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 0 10px;
  text-transform: capitalize;
}
.single-choose-item:hover i {
  color: #c29958;
}

/*-------- choosing area end --------*/
/*------- team area start -------*/
.team-member {
  transition: 0.4s;
}
.team-member .team-thumb {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.team-member .team-thumb img {
  width: 100%;
}
.team-member .team-thumb .team-social {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  position: absolute;
  background-color: #fff;
  transform: translateY(100%);
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.team-member .team-thumb .team-social a {
  color: #222222;
  width: 30px;
  height: 30px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  background-color: #f5f5f5;
  border-radius: 5px;
  margin-right: 5px;
}
.team-member .team-thumb .team-social a:hover {
  color: #fff;
  background-color: #c29958;
  border-color: #c29958;
}
.team-member .team-content .team-member-name {
  padding-top: 15px;
}
.team-member .team-content p {
  font-size: 14px;
  line-height: 1;
  padding-top: 5px;
  color: #c29958;
}
.team-member:hover .team-social {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.team-member:hover .team-thumb img {
  opacity: 0.5;
}

/*------- team area end -------*/
.catalog-section {
  padding: 0 0 24px 0;
}
@media only screen and (min-width: 1024px) {
  .catalog-section {
    padding: 0 0 40px 0 50px;
  }
}
.catalog-section__descr {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .catalog-section__descr {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 32px;
  }
}
.catalog-section__descr .section-title {
  font-size: 28px !important;
  line-height: 120%;
}
@media only screen and (min-width: 1024px) {
  .catalog-section__descr .section-title {
    max-width: 370px;
    flex: none;
  }
}
.catalog-section__descr .base-text {
  font-weight: 300;
}
.catalog-section__products {
  margin: 24px 0;
  overflow: hidden;
  position: relative;
  min-height: 180px;
}
@media only screen and (min-width: 1024px) {
  .catalog-section__products {
    margin: 24px 0 40px;
  }
}
.catalog-section__products:not(.is-ready) .catalog-slider {
  opacity: 0;
  visibility: hidden;
}
.catalog-section__products.is-ready .catalog-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease;
}
.catalog-section__products .catalog-slider {
  overflow: hidden;
}
.catalog-section__products .catalog-slider:not(.slick-initialized) {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.catalog-section__products .catalog-slider:not(.slick-initialized) .catalog-slide {
  flex: 0 0 auto;
  min-width: 0;
  width: 77%;
  max-width: 320px;
}
@media (min-width: 481px) {
  .catalog-section__products .catalog-slider:not(.slick-initialized) .catalog-slide {
    width: 43%;
  }
}
@media (min-width: 769px) {
  .catalog-section__products .catalog-slider:not(.slick-initialized) .catalog-slide {
    width: 30%;
  }
}
@media (min-width: 993px) {
  .catalog-section__products .catalog-slider:not(.slick-initialized) .catalog-slide {
    width: 23%;
  }
}
.catalog-section__products .catalog-slider:not(.slick-initialized) .catalog-cart__img {
  height: 132px;
  overflow: hidden;
}
.catalog-section__products .catalog-slider:not(.slick-initialized) .catalog-cart__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.catalog-section__products .catalog-slider .slick-list {
  padding-left: 0 !important;
  margin-right: -16px;
}
.catalog-section__products .catalog-slider .slick-track {
  margin-left: 0 !important;
}
.catalog-section__products .catalog-slide {
  padding-right: 16px;
}
.catalog-section__products .catalog-cart:hover .catalog-cart__title {
  color: #c9a84c;
}
.catalog-section__products .catalog-cart:hover .catalog-cart__img img {
  transform: scale(1.05);
}
.catalog-section__products .catalog-cart__img {
  width: 100%;
  height: 132px;
  margin-bottom: 8px;
  transition: all ease 0.3s;
  overflow: hidden;
}
.catalog-section__products .catalog-cart__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.catalog-section__products .catalog-cart__title {
  color: #0f0d0a;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  transition: all ease 0.3s;
}
@media only screen and (min-width: 1024px) {
  .shop-product-wrapper .wishlist-section__col {
    width: 33.33%;
  }
}

.popup-catalog {
  display: block;
}
.popup-catalog--sort {
  display: none;
}
.popup-catalog.active {
  display: block;
}
@media only screen and (max-width: 991px) {
  .popup-catalog {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #ffffff;
    height: 100vh;
  }
}
.popup-catalog__head {
  display: none;
}
@media only screen and (max-width: 991px) {
  .popup-catalog__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
  }
}
.popup-catalog__title {
  color: #000000;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
}
.popup-catalog__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4a5565;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
}
@media only screen and (max-width: 991px) {
  .popup-catalog__body {
    padding: 0 24px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 185px);
  }
}
.popup-catalog__footer {
  display: none;
}
@media only screen and (max-width: 991px) {
  .popup-catalog__footer {
    padding: 32px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .popup-catalog__footer .btn {
    width: 100%;
  }
}

.sort-list {
  display: flex;
  flex-direction: column;
}
.sort-list li {
  width: 100%;
  padding: 12px;
  transition: all ease 0.3s;
  color: #000000;
  font-size: 18px;
  font-weight: 300;
  line-height: 100%;
  text-transform: capitalize;
}
.sort-list li.active, .sort-list li:hover {
  background-color: #f3f4f6;
}

/*------ shop page style start ------*/
.shop-top-bar {
  margin-bottom: 24px;
}

.shop-top-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .shop-top-btns {
    display: none;
  }
}
.shop-top-btns .btn {
  width: calc(50% - 16px);
}

.top-bar-left {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767.98px) {
  .top-bar-left {
    padding-top: 15px;
    justify-content: space-between;
  }
}
.top-bar-left .product-view-mode {
  margin-right: 60px;
}
@media only screen and (max-width: 479.98px) {
  .top-bar-left .product-view-mode {
    margin-right: 0;
  }
}
.top-bar-left .product-view-mode a {
  color: #b6b6b6;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
}
.top-bar-left .product-view-mode a i {
  font-size: 20px;
  margin-top: 6px;
}
.top-bar-left .product-view-mode a:hover {
  color: #c29958;
}
.top-bar-left .product-view-mode a.active {
  color: #c29958;
}
.top-bar-left .product-amount p {
  color: #99a1af;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}

.top-bar-right {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
  .top-bar-right {
    display: none;
  }
}
.top-bar-right .product-short {
  display: flex;
  align-items: center;
}
.top-bar-right .product-short p {
  margin-right: 10px;
}

.nice-select {
  height: 36px;
  line-height: 34px;
  width: 200px;
  padding: 0 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .nice-select {
    width: 170px;
  }
}
@media only screen and (max-width: 479.98px) {
  .nice-select {
    width: 190px;
  }
}
.nice-select.open {
  border-color: #c29958;
}
.nice-select .list {
  right: 0;
  left: auto;
  width: 100%;
}
.nice-select .option {
  font-size: 13px;
  line-height: 34px;
  min-height: 34px;
  text-transform: capitalize;
}
.nice-select .option.selected {
  font-weight: 500;
}
.nice-select:after {
  height: 6px;
  width: 6px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
}

/*----- shop main wrapper end -----*/
/*----- product change view start -----*/
.shop-product-wrap.list-view .product-item {
  display: none;
}

.shop-product-wrap.grid-view .product-item {
  display: block;
  animation-name: zoomIn;
  animation-duration: 1s;
  padding: 0;
}

.shop-product-wrap.grid-view .product-list-item {
  display: none !important;
}

.shop-product-wrap.list-view .product-list-item {
  display: flex;
  animation-name: fadeInRight;
  animation-duration: 1s;
}

.shop-product-wrap.row.list-view .col-md-4 {
  flex: 0 0 100%;
  max-width: 100%;
}

.shop-product-wrap [class*=col-] {
  margin-bottom: 30px;
}

/*----- product change view end -----*/
/*------ shop page style start ------*/
.shop-main-section {
  padding: 0 0 24px 0;
}
@media only screen and (min-width: 1024px) {
  .shop-main-section {
    padding: 0;
  }
}

.product-area--padding {
  padding-top: 75px;
}

.product-details {
  padding-top: 32px;
}
@media only screen and (min-width: 1024px) {
  .product-details {
    padding: 0;
  }
}
.product-details__head {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product-details__head-top {
  position: relative;
}
@media only screen and (min-width: 1024px) {
  .product-details__head-top {
    padding-right: 70px;
  }
}
.product-details__head-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.product-details__head-tags span {
  color: #4a5565;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-transform: capitalize;
  position: relative;
  padding-right: 12px;
}
.product-details__head-tags span::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #4a5565;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product-details__head-tags span:last-child {
  padding: 0;
}
.product-details__head-tags span:last-child:after {
  display: none;
}
.product-details__head-sert {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .product-details__head-sert {
    display: block;
    width: 60px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  .product-details__head-sert img {
    width: 100%;
    display: block;
  }
}
.product-details__head-title {
  color: #000000;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  margin-bottom: 8px;
}
@media only screen and (min-width: 1024px) {
  .product-details__head-title {
    font-size: 36px;
  }
}
.product-details__head-text {
  color: #4a5565;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-transform: capitalize;
}
.product-details__price {
  display: flex;
  align-items: center;
  gap: 12px;
}
.product-details__price .price-regular {
  color: #c9a84c;
  font-size: 22px;
  font-weight: 500;
  line-height: 145%;
}
.product-details__price .price-old {
  color: #99a1af;
  font-size: 22px;
  font-weight: 400;
  line-height: 145%;
  text-decoration-line: line-through;
}
.product-details__size .pro-size {
  margin: 0 !important;
}
.product-details__size .option-title {
  font-family: "Jost", sans-serif;
}
.product-details__size .nice-select {
  border: solid 1px #e5e7eb;
}
.product-details__size .nice-select.open {
  border: solid 1px #c9a84c;
}
.product-details__size .nice-select:after {
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}
.product-details__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.product-details__buttons {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.product-details__buttons .btn {
  width: 100%;
}
.product-details__buttons-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 1024px) {
  .product-details__buttons-wrap:first-child {
    width: 65%;
  }
}
@media only screen and (min-width: 1360px) {
  .product-details__buttons-wrap:first-child {
    width: 70%;
  }
}
@media only screen and (min-width: 1024px) {
  .product-details__buttons-wrap:last-child {
    width: 35%;
  }
}
@media only screen and (min-width: 1360px) {
  .product-details__buttons-wrap:last-child {
    width: 30%;
  }
}
.product-details__buttons-wrap .btn {
  height: 44px;
}
.product-details__buttons-descr {
  color: #34a853;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  text-transform: capitalize;
}
.product-details__descr {
  padding: 16px 0;
}
@media only screen and (min-width: 1024px) {
  .product-details__descr {
    padding: 24px 0;
  }
}
.product-details__personal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 16px;
}
.product-details__personal-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  position: relative;
  color: #4a5565;
  font-size: 14px;
  font-weight: 400;
  line-height: 171%;
  padding-right: 28px;
}
.product-details__personal-btn span {
  color: #99a1af;
}
.product-details__personal-btn:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0.5V14.5M0.5 7.5H14.5' stroke='%230F0D0A' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.product-details__personal-btn.active:after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33301 8H12.6663' stroke='%230F0D0A' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.product-details__field {
  width: 100%;
  display: none;
}
.product-details__field .single-input-item {
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .product-details__optional {
    display: flex;
    justify-content: center;
  }
}
.product-details__optional span {
  color: #99a1af;
}
.product-details__optional span:after {
  background-color: #99a1af;
}
.product-details__table-descr {
  color: #c9a84c;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 100%;
  text-transform: capitalize;
  padding-top: 12px;
}
.product-details__inform {
  margin-bottom: 16px;
}

.inform-block {
  border-radius: 8px;
  border: 1px solid #d8be76;
  background: #f7f4ef;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.inform-block__title {
  color: #0f0d0a;
  font-family: "Jost", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 135%;
}
.inform-block__text {
  color: #71624c;
  font-size: 14px;
  font-weight: 400;
  line-height: 115%;
}

.product-badge {
  color: #8b6914;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  border: 1px solid #ede0c4;
  background: #f5f0e8;
  padding: 8px 16px;
}

.product-table__row {
  display: flex;
  border-bottom: 1px solid #e5e7eb;
}
.product-table__col {
  padding: 6px 12px;
}
.product-table__col:first-child {
  width: 30%;
}
@media only screen and (min-width: 1024px) {
  .product-table__col:first-child {
    width: 50%;
  }
}
.product-table__col:last-child {
  width: 70%;
}
@media only screen and (min-width: 1024px) {
  .product-table__col:last-child {
    width: 50%;
  }
}
.product-table__col span {
  color: #4a5565;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142%;
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-table__col span svg {
  cursor: pointer;
}
.product-table__col a {
  color: #c9a84c;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142%;
  text-decoration-line: underline;
}
.product-table__col a:hover {
  text-decoration: none;
}

.product-tooltip {
  position: relative;
  top: -2px;
}
.product-tooltip:hover path {
  stroke: #c9a84c;
}
.product-tooltip:hover .product-tooltip__text {
  opacity: 1;
  visibility: visible;
}
.product-tooltip path {
  transition: all ease 0.3s;
  stroke: #4a5565;
}
.product-tooltip__text {
  transition: all ease 0.3s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 22px;
  z-index: 1;
  right: 0;
  border-radius: 5px;
  border-bottom: 1px solid #f3f4f6;
  background: #f3f4f6;
  padding: 8px;
  color: #4a5565;
  font-size: 12px;
  font-weight: 400;
  line-height: 133%;
  text-transform: capitalize;
  width: 205px;
}
@media only screen and (min-width: 1024px) {
  .product-tooltip__text {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

.product-details-des .pro-size .nice-select {
  height: 32px !important;
  line-height: 30px !important;
}

/*----- product details slider start ----*/
.pro-large-img {
  position: relative;
  cursor: pointer;
  height: calc(100vw - 48px);
}
@media screen and (min-width: 576px) {
  .pro-large-img {
    height: 429px;
  }
}
@media screen and (min-width: 768px) {
  .pro-large-img {
    height: 672px;
  }
}
@media screen and (min-width: 991px) {
  .pro-large-img {
    height: 363px;
  }
}
@media screen and (min-width: 1200px) {
  .pro-large-img {
    height: 438px;
  }
}
.pro-large-img a {
  display: block;
  height: 100%;
}
.pro-large-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: none;
}

.pro-nav-thumb {
  cursor: pointer;
  height: calc(33.3333333333vw - 29px);
}
@media screen and (min-width: 576px) {
  .pro-nav-thumb {
    height: 108px;
  }
}
@media screen and (min-width: 768px) {
  .pro-nav-thumb {
    height: 153px;
  }
}
@media screen and (min-width: 991px) {
  .pro-nav-thumb {
    height: 76px;
  }
}
@media screen and (min-width: 1200px) {
  .pro-nav-thumb {
    height: 95px;
  }
}
.pro-nav-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pro-nav {
  margin-top: 20px;
  overflow: hidden;
}

/*----- product details slider end ----*/
/*----- product details content start ----*/
.option-title {
  line-height: 1;
  font-weight: 400;
  margin-right: 10px;
  text-transform: capitalize;
}

.product-details-des .product-name {
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 575.98px) {
  .product-details-des .product-name {
    font-size: 17px;
  }
}
.product-details-des .pro-review {
  padding-left: 10px;
}
.product-details-des .pro-review span {
  font-size: 14px;
  line-height: 1;
  color: #555555;
}
.product-details-des .price-box {
  padding-top: 10px;
  padding-bottom: 10px;
}
.product-details-des .customer-rev {
  padding-top: 10px;
}
.product-details-des .customer-rev a {
  color: #222222;
  font-size: 13px;
  text-transform: capitalize;
}
.product-details-des .customer-rev a:hover {
  color: #c29958;
}
.product-details-des .offer-text {
  font-weight: 400;
}
.product-details-des .quantity-cart-box {
  margin-bottom: 20px;
}
.product-details-des .quantity {
  margin-right: 15px;
}
.product-details-des .quantity .pro-qty {
  width: 90px;
  height: 40px;
  border: 1px solid #ddd;
  padding: 0 15px;
  border-radius: 40px;
  float: left;
}
.product-details-des .quantity .pro-qty .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  color: #555555;
}
.product-details-des .quantity .pro-qty input {
  width: 28px;
  float: left;
  border: none;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}
.product-details-des .pro-desc {
  margin-bottom: 20px;
}
.product-details-des .availability {
  margin-bottom: 15px;
}
.product-details-des .availability i {
  color: #81ca33;
}
.product-details-des .availability span {
  color: #555555;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  padding-left: 3px;
  text-transform: uppercase;
}
.product-details-des .useful-links {
  display: flex;
  margin-bottom: 20px;
}
.product-details-des .useful-links a {
  font-size: 14px;
  font-weight: 500;
  color: #222222;
  margin-right: 20px;
  text-transform: capitalize;
}
.product-details-des .useful-links a:hover {
  color: #c29958;
}
.product-details-des .useful-links a i {
  font-size: 20px;
  padding-right: 5px;
  vertical-align: middle;
}
.product-details-des .like-icon {
  padding-top: 20px;
  border-top: 1px solid #efefef;
}
.product-details-des .like-icon a {
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  padding: 0 8px;
  margin-right: 6px;
  border-radius: 3px;
  text-transform: capitalize;
}
@media only screen and (max-width: 479.98px) {
  .product-details-des .like-icon a {
    margin-right: 0;
  }
}
.product-details-des .like-icon a i {
  padding-right: 5px;
}
.product-details-des .like-icon a.facebook {
  background-color: #3b5999;
}
.product-details-des .like-icon a.twitter {
  background-color: #1da1f2;
}
.product-details-des .like-icon a.pinterest {
  background-color: #cb2028;
}
.product-details-des .like-icon a.google {
  background-color: #fe6d4c;
}
.product-details-des .like-icon a:hover.facebook {
  background-color: rgb(44.8066037736, 67.5896226415, 116.1933962264);
}
.product-details-des .like-icon a:hover.twitter {
  background-color: rgb(11.9665271967, 133.4728033473, 208.0334728033);
}
.product-details-des .like-icon a:hover.pinterest {
  background-color: rgb(158.9446808511, 25.0553191489, 31.3191489362);
}
.product-details-des .like-icon a:hover.google {
  background-color: rgb(253.7166666667, 67.6333333333, 25.2833333333);
}
.product-details-des .share-icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.product-details-des .share-icon a {
  color: #555555;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  padding: 0 8px;
  margin-right: 5px;
}
@media only screen and (max-width: 479.98px) {
  .product-details-des .share-icon a {
    padding: 0 5px;
  }
}
.product-details-des .share-icon a:hover {
  color: #c29958;
}
.product-details-des .color-option {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 18px;
}
.product-details-des .pro-size {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.product-details-des .pro-size .nice-select {
  width: 100px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
}
.product-details-des .group-product-table {
  margin-top: 30px;
  margin-bottom: 20px;
  display: block;
}
.product-details-des .group-product-table.table-bordered {
  border: none;
}
.product-details-des .group-product-table td {
  width: 33.33%;
  padding: 8px;
  vertical-align: middle;
}
.product-details-des .group-product-table td a {
  color: #555555;
  text-transform: capitalize;
}
.product-details-des .group-product-table td a:hover {
  color: #c29958;
}
.product-details-des .group-product-table td .pro-qty {
  width: 90px;
  height: 35px;
  border: 1px solid #ddd;
  padding: 0 15px;
  float: left;
}
.product-details-des .group-product-table td .pro-qty .qtybtn {
  width: 15px;
  display: block;
  float: left;
  line-height: 31px;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #555555;
}
.product-details-des .group-product-table td .pro-qty input {
  width: 28px;
  float: left;
  border: none;
  height: 33px;
  line-height: 33px;
  padding: 0;
  text-align: center;
  background-color: transparent;
}

/*------ countdown style end ------*/
.product-details-des.quick-details {
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-des.quick-details {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .product-details-des.quick-details {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-des.quick-details .product-name {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .product-details-des.quick-details .product-name {
    font-size: 18px;
  }
}
.product-details-des.box-layout {
  padding-top: 47px;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
  .product-details-des.box-layout {
    margin-top: 0;
  }
}
.product-details-des.box-layout p {
  max-width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
  .product-details-des.box-layout p {
    max-width: 100%;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
  .product-details-des.sidebar-sticky {
    margin-top: 0;
  }
}
.product-details-des.quick-des p {
  padding-top: 0;
}

/*----- product details content end ----*/
/*----- reviews area start -----*/
.product-review-info .nav.review-tab li a {
  color: #fff;
  display: block;
  font-size: 16px;
  line-height: 1;
  text-transform: capitalize;
  padding: 8px 10px;
  border: 1px solid #c29958;
  border-bottom: none;
  background-color: #c29958;
}
.product-review-info .nav.review-tab li a:hover, .product-review-info .nav.review-tab li a.active {
  color: #555555;
  background-color: #fff;
  border-color: #ddd;
}
@media only screen and (max-width: 479.98px) {
  .product-review-info .nav.review-tab li a {
    font-size: 14px;
  }
}
.product-review-info .tab-content.reviews-tab {
  border: 1px solid #efefef;
  padding: 15px 20px 20px;
}
.product-review-info .tab-content.reviews-tab .table {
  margin-bottom: 0;
}
.product-review-info .tab-content.reviews-tab .table tr {
  text-transform: capitalize;
}
.product-review-info .tab-content .review-description {
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-review-info .tab-content .review-description {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767.98px) {
  .product-review-info .tab-content .review-description {
    display: block;
  }
}
.product-review-info .tab-content .review-description .tab-thumb {
  flex-basis: 300px;
}
@media only screen and (max-width: 767.98px) {
  .product-review-info .tab-content .review-description .tab-thumb {
    flex-basis: 220px;
  }
}
.product-review-info .tab-content .review-description .tab-des {
  padding-left: 40px;
  flex-basis: calc(100% - 300px);
}
@media only screen and (max-width: 767.98px) {
  .product-review-info .tab-content .review-description .tab-des {
    padding-left: 14px;
    flex-basis: calc(100% - 220px);
  }
}
.product-review-info .tab-content .review-description .tab-des h3 {
  color: #c29958;
  font-size: 20px;
  font-weight: 22px;
  font-weight: 700;
  text-transform: capitalize;
  padding-bottom: 10px;
}
.product-review-info .tab-content .review-description .tab-des ul li {
  font-size: 13px;
  list-style: inherit;
}

.review-form h5 {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 20px;
  text-transform: capitalize;
}
@media only screen and (max-width: 575.98px) {
  .review-form h5 {
    font-size: 16px;
  }
}

.total-reviews {
  display: flex;
  padding-bottom: 50px;
}
@media only screen and (max-width: 479.98px) {
  .total-reviews {
    display: block;
  }
}
.total-reviews .rev-avatar {
  flex-basis: 60px;
  max-height: 60px;
}
@media only screen and (max-width: 479.98px) {
  .total-reviews .rev-avatar {
    margin-bottom: 20px;
  }
}
.total-reviews .review-box {
  margin-left: 10px;
  border: 1px solid #efefef;
  padding: 10px;
  flex-basis: calc(100% - 70px);
}
@media only screen and (max-width: 479.98px) {
  .total-reviews .review-box {
    margin-left: 0;
  }
}
.total-reviews .review-box .post-author {
  padding-bottom: 10px;
}
.total-reviews .review-box .post-author p {
  font-size: 12px;
  font-style: italic;
  text-transform: capitalize;
}
.total-reviews .review-box .post-author p span {
  font-size: 13px;
}
.total-reviews .review-box p {
  font-size: 14px;
  font-style: italic;
}

/*----- reviews area end -----*/
.checkout-section {
  padding: 0 0 32px 0;
}
@media only screen and (min-width: 1024px) {
  .checkout-section {
    padding: 0 0 80px 0;
  }
}
.checkout-section__title {
  margin-bottom: 28px;
}
@media only screen and (min-width: 1024px) {
  .checkout-section__title {
    margin-bottom: 40px;
  }
}

.checkout-box-wrap .custom-control {
  padding-left: 0;
  margin-left: 1.5rem;
}

.checkout-title {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 16px;
  margin-bottom: 16px;
  color: #000000;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 122%;
}
@media only screen and (min-width: 1024px) {
  .checkout-title {
    margin-bottom: 32px;
  }
}

.forget-pwd {
  color: #c29958;
  font-size: 12px;
  margin-top: -6px;
}

.single-form-row {
  margin-top: 15px;
  display: none;
}
.single-form-row p {
  margin: 0;
  font-size: 14px;
}

.order-summary-details {
  margin-top: 30px;
}
@media only screen and (min-width: 1024px) {
  .order-summary-details {
    margin: 0;
  }
}

.order-summary-table {
  background-color: #f7f7f7;
}
.order-summary-table .table,
.order-summary-table table {
  color: #222222;
  margin-bottom: 0;
  font-size: 15px;
  white-space: nowrap;
}
.order-summary-table .table tr td,
.order-summary-table .table tr th,
.order-summary-table table tr td,
.order-summary-table table tr th {
  font-weight: 400;
  vertical-align: middle;
  padding: 15px 10px;
  border-width: 1px;
}
.order-summary-table .table tr td a,
.order-summary-table .table tr th a,
.order-summary-table table tr td a,
.order-summary-table table tr th a {
  color: #222222;
  font-weight: 400;
}
.order-summary-table .table tr td strong,
.order-summary-table .table tr th strong,
.order-summary-table table tr td strong,
.order-summary-table table tr th strong {
  font-weight: 400;
}
.order-summary-table .table a:hover,
.order-summary-table table a:hover {
  color: #c9a84c;
}
.order-summary-table .shipping-type-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
}
.order-summary-table .shipping-type {
  text-align: left;
}
.order-summary-table .shipping-type li {
  margin-bottom: 5px;
}
.order-summary-table .shipping-type li:last-child {
  margin-bottom: 0;
}
.order-summary-table .table > :not(:last-child) > :last-child > * {
  border-bottom-color: inherit;
}

.order-payment-method {
  background-color: #f9fafb;
  padding: 30px 20px 40px;
}
@media only screen and (min-width: 1024px) {
  .order-payment-method {
    padding: 40px 20px 40px;
  }
}

.single-payment-method {
  margin-bottom: 20px;
}
.single-payment-method:last-child {
  margin-bottom: 0;
}
.single-payment-method:first-child .payment-method-details {
  display: block;
}
.single-payment-method label,
.single-payment-method .custom-control-label {
  color: #4a5565;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}
.single-payment-method .paypal-card {
  max-width: 150px;
  height: 50px;
  margin-top: 10px;
  display: block;
}
.single-payment-method .payment-method-details {
  background-color: #ffffff;
  color: #000000;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 169%;
  padding: 10px;
  position: relative;
  margin-top: 20px;
  display: none;
}
.single-payment-method .payment-method-details:after {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  bottom: 100%;
}
.single-payment-method .payment-method-details * {
  margin: 0;
}

.summary-footer-area .btn-brand {
  margin-top: 40px;
}
.summary-footer-area .custom-control-label {
  color: #4a5565;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
}

/*------- input box style css start -------*/
.single-input-item {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .single-input-item {
    margin-bottom: 24px;
  }
}
.single-input-item label {
  color: #222222;
  text-transform: capitalize;
  font-size: 14px;
}
.single-input-item label.required:after {
  content: "*";
  color: red;
  font-size: 14px;
  margin-left: 3px;
  margin-top: 5px;
}
.single-input-item input,
.single-input-item textarea {
  color: #000000;
  padding: 12px;
  width: 100%;
  font-size: 14px;
  background: #f7f7f7;
  border: 1px solid #e5e7eb;
  background: #f3f4f6;
  min-height: 49px;
  transition: all ease 0.3s;
}
.wpcf7-not-valid{border-color: #dc3232;}
.single-input-item input:active, .single-input-item input:focus,
.single-input-item textarea:active,
.single-input-item textarea:focus {
  border-color: #c9a84c;
  background-color: #fff;
}
.single-input-item input::placeholder,
.single-input-item textarea::placeholder {
  color: #4a5565;
}
.single-input-item .nice-select {
  float: none;
  width: 100%;
  border-radius: 0;
  height: 49px;
  border: 1px solid #e5e7eb;
  background: #f3f4f6;
  padding: 6px 12px;
  color: #000000;
}
.single-input-item .nice-select:after {
  border-bottom: 1px solid #4a5565;
  border-right: 1px solid #4a5565;
}
.single-input-item .nice-select .current {
  color: #4a5565;
}
.single-input-item .nice-select .option.selected {
  font-weight: 500;
}
.single-input-item .nice-select .list {
  max-height: 200px;
  overflow: auto;
  width: calc(100% + 1px);
}

/*------- input box style css end -------*/
.shopping-section {
  padding: 0 0 64px 0;
}
@media only screen and (min-width: 1024px) {
  .shopping-section {
    padding: 0 0 80px 0;
  }
}
.shopping-section__title {
  margin-bottom: 40px;
}
.shopping-section__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: -24px 0 0 0;
}
@media only screen and (min-width: 1024px) {
  .shopping-section__body {
    flex-direction: row;
    gap: 32px;
    margin: 0;
  }
}
.shopping-section__table {
  width: 100%;
}
.shopping-section__order {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .shopping-section__order {
    width: 414px;
    flex: none;
  }
}

.shopping-table__row {
  padding: 18px 0;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 1024px) {
  .shopping-table__row {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .shopping-table__row {
    align-items: center;
  }
}
.shopping-table__row--head {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .shopping-table__row--head {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 12px;
  }
  .shopping-table__row--head > * {
    color: #99a1af;
    font-size: 12px;
    font-weight: 600;
    line-height: 133%;
    text-transform: uppercase;
  }
}
.shopping-table__head-product {
  padding-left: 96px;
}
.shopping-table__head-price {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  padding: 0 12px;
  margin: 0 66px 0 auto;
  flex: none;
  width: 134px;
  border-left: 1px solid #c9a84c;
  border-right: 1px solid #c9a84c;
}
.shopping-table__img {
  flex: none;
  width: 80px;
  height: 80px;
  border-radius: 4px;
  background: #f0f2f5;
  overflow: hidden;
}
.shopping-table__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shopping-table__product {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 0 16px;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .shopping-table__product {
    align-items: center;
    flex-wrap: nowrap;
    padding: 0 16px;
  }
}
.shopping-table__name {
  width: 100%;
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  line-height: 135%;
  margin-bottom: 12px;
  display: block;
}
@media only screen and (min-width: 1024px) {
  .shopping-table__name {
    margin: 0;
    padding-right: 16px;
  }
}
.shopping-table__price {
  margin-left: auto;
  margin-right: 8px;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 142%;
}
@media only screen and (min-width: 1024px) {
  .shopping-table__price {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 12px;
    margin: 0;
    flex: none;
    width: 134px;
    border-left: 1px solid #c9a84c;
    border-right: 1px solid #c9a84c;
  }
}
.shopping-table__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -4px;
}
@media only screen and (min-width: 1024px) {
  .shopping-table__actions {
    padding-left: 30px;
  }
}
.shopping-table__remove {
  color: #c9a84c;
  width: 20px;
  height: 20px;
  font-size: 18px;
}
.shopping-table__remove:hover {
  color: #000000;
}
.shopping-table__footer {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .shopping-table__footer {
    display: flex;
    justify-content: flex-start;
    padding-top: 24px;
  }
}
.shopping-table__footer--mob {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
  .shopping-table__footer--mob {
    display: none;
  }
}
.shopping-table__continue {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #c9a84c;
  font-size: 14px;
  font-weight: 500;
  line-height: 142%;
}
.shopping-table__continue svg {
  position: relative;
  top: -1px;
}
@media only screen and (min-width: 1024px) {
  .shopping-table__continue svg {
    top: -2px;
  }
}
.shopping-table__continue:hover {
  text-decoration: underline;
}

.shopping-order {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px;
  font-family: "Jost", sans-serif;
}
@media only screen and (min-width: 1024px) {
  .shopping-order {
    padding: 24px;
    min-height: 390px;
    display: flex;
    flex-direction: column;
  }
}
.shopping-order__title {
  color: #000000;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 24px;
}
.shopping-order__breakdown {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
}
.shopping-order__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  font-family: Jost;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142%;
}
.shopping-order__row--total {
  margin-bottom: auto;
  padding-bottom: 24px;
}
.shopping-order__row--total .shopping-order__label,
.shopping-order__row--total .shopping-order__amount {
  font-weight: 500;
  color: #000000;
  font-size: 18px;
}
.shopping-order__label {
  color: #99a1af;
}
.shopping-order__amount {
  color: #000000;
  text-align: right;
}
.shopping-order__secure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 10px 0 0;
  color: #99a1af;
  font-size: 12px;
  font-weight: 400;
}

/*------ Start Compare Page Wrapper -----*/
.compare-table .table tbody tr td {
  text-align: center;
  padding: 20px 20px;
  vertical-align: middle;
  border-color: #ccc;
}
.compare-table .table tbody tr td.first-column {
  min-width: 175px;
  font-size: 15px;
  font-weight: 500;
  color: #222222;
  margin: 0;
}
@media only screen and (max-width: 767.98px) {
  .compare-table .table tbody tr td.first-column {
    min-width: 115px;
  }
}
.compare-table .table tbody tr td.product-image-title {
  min-width: 310px;
  vertical-align: bottom;
}
@media only screen and (max-width: 767.98px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 220px;
  }
}
.compare-table .table tbody tr td.product-image-title .image {
  clear: both;
  width: 100%;
  margin-bottom: 15px;
  display: block;
}
.compare-table .table tbody tr td.product-image-title .category {
  float: left;
  clear: both;
  color: #c29958;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}
.compare-table .table tbody tr td.product-image-title .title {
  float: left;
  clear: both;
  font-size: 16px;
  color: #222222;
  font-weight: 500;
  text-transform: capitalize;
}
.compare-table .table tbody tr td.product-image-title .title:hover {
  color: #c29958;
}
.compare-table .table tbody tr td.pro-desc p {
  text-align: left;
  margin: 0;
}
.compare-table .table tbody tr td.pro-price, .compare-table .table tbody tr td.pro-color, .compare-table .table tbody tr td.pro-stock {
  font-size: 14px;
  font-weight: 400;
}
.compare-table .table tbody tr td.pro-remove button {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  transition: 0.4s;
}
.compare-table .table tbody tr td.pro-remove button:hover {
  color: #e74c3c;
}
.compare-table .table tbody tr td.pro-remove button i {
  font-size: 20px;
}
.compare-table .table tbody tr td.pro-ratting i {
  color: #c29958;
}

/*------ end Compare Page Wrapper -----*/
/*-------- Start My Account Page Wrapper --------*/
.myaccount-tab-menu {
  flex-direction: column;
}
.myaccount-tab-menu a {
  border: 1px solid #efefef;
  border-bottom: none;
  color: #222222;
  font-weight: 400;
  font-size: 15px;
  display: block;
  padding: 10px 15px;
  text-transform: capitalize;
}
.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #efefef;
}
.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  background-color: #c29958;
  border-color: #c29958;
  color: #fff;
}
.myaccount-tab-menu a i.fa {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

@media only screen and (max-width: 767.98px) {
  #myaccountContent {
    margin-top: 30px;
  }
}

.myaccount-content {
  border: 1px solid #eeeeee;
  padding: 30px;
}
@media only screen and (max-width: 575.98px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}
.myaccount-content form {
  margin-top: -20px;
}
.myaccount-content h5 {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.myaccount-content .welcome a {
  color: #222222;
}
.myaccount-content .welcome a:hover {
  color: #c29958;
}
.myaccount-content .welcome strong {
  font-weight: 500;
  color: #c29958;
}
.myaccount-content fieldset {
  margin-top: 20px;
}
.myaccount-content fieldset legend {
  color: #222222;
  font-size: 20px;
  margin-top: 20px;
  font-weight: 400;
  border-bottom: 1px dashed #ccc;
}

.myaccount-table {
  white-space: nowrap;
  font-size: 14px;
}
.myaccount-table table th,
.myaccount-table .table th {
  color: #222222;
  padding: 10px;
  font-weight: 400;
  background-color: #f8f8f8;
  border-color: #ccc;
  border-bottom: 0;
}
.myaccount-table table td,
.myaccount-table .table td {
  padding: 10px;
  vertical-align: middle;
  border-color: #ccc;
}

.saved-message {
  background-color: #f4f5f7;
  border-top: 3px solid #c29958;
  border-radius: 5px 5px 0 0;
  font-weight: 400;
  font-size: 15px;
  color: #555555;
  padding: 20px;
}

/*-------- Start My Account Page Wrapper --------*/
/*------ Start Login & Register Page ------*/
.login-reg-form-wrap {
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 23px 30px 30px;
}
@media only screen and (max-width: 575.98px) {
  .login-reg-form-wrap {
    padding: 23px 15px 30px;
  }
}
.login-reg-form-wrap form .create-account {
  margin-top: 25px;
}
.login-reg-form-wrap .login-reg-form-meta a {
  color: #c29958;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sign-up-form {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767.98px) {
  .sign-up-form {
    margin-top: 62px;
  }
}

/*------ end Login & Register Page ------*/
.contacts-section {
  padding: 0 0 48px 0;
}
@media only screen and (min-width: 1024px) {
  .contacts-section {
    padding: 0 0 80px 0;
  }
}

.contacts__title {
  margin-bottom: 24px;
}
.contacts__info {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
@media only screen and (min-width: 1024px) {
  .contacts__info {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 48px;
  }
}
.contacts__info li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4a5565;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
}
.contacts__info li img {
  width: 16px;
  height: 16px;
}
.contacts__info a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4a5565;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
}
.contacts__info a:hover {
  color: #c9a84c;
}
.contacts__row {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (min-width: 1024px) {
  .contacts__row {
    flex-direction: row;
    gap: 48px;
  }
}
.contacts__col {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .contacts__col {
    width: calc(50% - 24px);
  }
}
.contacts__col img {
  width: 100%;
  display: block;
}
.contacts__descr {
  color: #000000;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  .contacts__descr {
    font-size: 20px;
    margin-bottom: 22px;
  }
}
.contacts__message form input,
.contacts__message form textarea {
  width: 100%;
  border: none;
  padding: 12px 10px;
  border-bottom: 2px solid #e5e7eb;
  background-color: #f3f4f6;
  margin-bottom: 30px;
  font-size: 13px;
  color: #000000;
}
.contacts__message form input::placeholder,
.contacts__message form textarea::placeholder {
  color: #99a1af;
}
.contacts__message form textarea {
  height: 150px;
}
.contacts .contact-form textarea {
  height: 150px;
}

.error-section {
  padding: 48px 0;
}
@media only screen and (min-width: 768px) {
  .error-section {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .error-section {
    padding: 120px 0;
  }
}

.empty__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.empty__img {
  margin-bottom: 32px;
}
.empty__title {
  margin-bottom: 16px;
  text-align: center;
}
.empty__text {
  margin-bottom: 32px;
}
.empty__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.thanks-section {
  padding: 46px 0 92px;
}
@media only screen and (min-width: 1024px) {
  .thanks-section {
    padding: 52px 0 66px;
  }
}

.thanks__wrap {
  width: 100%;
  max-width: 534px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.thanks__title {
  text-align: center;
}
.thanks__body {
  display: flex;
  flex-direction: column;
  gap: 42px;
}
.thanks__text {
  text-align: center;
}
.thanks__footer {
  display: flex;
  justify-content: center;
}

.order {
  color: #000000;
}
.order__header {
  color: #4a5565;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 16px;
}
.order__table {
  width: 100%;
  border-collapse: collapse;
}
.order__table thead th {
  color: #99a1af;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  padding: 12px 8px 12px 0;
}
.order__table tbody tr {
  border-top: 1px solid #e5e7eb;
}
.order__table tbody td {
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  line-height: 135%;
  padding: 12px 8px 12px 0;
}
.order__table tbody td:nth-child(3) {
  text-align: right;
}
.order__col--no {
  width: 36px;
}
.order__col--item {
  width: calc(100% - 146px);
}
.order__col--amount {
  width: 76px;
  text-align: right;
}
.order__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  line-height: 135%;
}

.faq-section {
  padding: 36px 0 48px;
}
@media only screen and (min-width: 1024px) {
  .faq-section {
    padding: 52px 0 80px;
  }
}
.faq-section--product {
  padding-top: 80px;
}

.policy-section {
  padding: 0 0 62px 0;
}
@media only screen and (min-width: 1024px) {
  .policy-section {
    padding: 0 0 62px 0;
  }
}

.faq__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 34px;
  text-align: center;
}
.faq__title {
  margin-bottom: 16px;
}
.faq__text {
  margin-bottom: 24px;
}

.acc-container {
  width: 100%;
  max-width: 641px;
  margin: 0 auto;
}
.acc-container .acc {
  border-bottom: 1px solid #e5e7eb;
}
.acc-container .acc-head {
  padding: 16px 40px 16px 0;
  position: relative;
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .acc-container .acc-head {
    padding: 24px 40px 24px 0;
  }
}
.acc-container .acc-head > * {
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  line-height: 135%;
  transition: all ease 0.3s;
}
.acc-container .acc-head:hover > * {
  color: #c9a84c;
}
.acc-container .acc-head:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  transition: all ease 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5V19M5 12H19' stroke='%23C9A84C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.acc-container .acc-head.active > * {
  color: #c9a84c;
}
.acc-container .acc-head.active:after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19' stroke='%23C9A84C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.acc-container .acc-content {
  padding: 0 40px 16px 0;
  display: none;
}
@media only screen and (min-width: 1024px) {
  .acc-container .acc-content {
    padding: 0 40px 24px 0;
  }
}

.wishlist-section {
  padding: 0 0 32px 0;
}
@media only screen and (min-width: 1024px) {
  .wishlist-section {
    padding: 0 0 40px 0;
  }
}
.wishlist-section__title {
  margin-bottom: 24px;
}
@media only screen and (min-width: 1024px) {
  .wishlist-section__title {
    margin-bottom: 32px;
  }
}
.wishlist-section__row {
  margin: -6px -4px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  .wishlist-section__row {
    margin: -15px;
  }
}
.wishlist-section__col {
  width: 50%;
  padding: 6px 4px;
}
@media only screen and (min-width: 768px) {
  .wishlist-section__col {
    width: 33.33%;
    padding: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .wishlist-section__col {
    width: 25%;
  }
}

.descr-section {
  padding: 32px 0 64px;
}
@media only screen and (min-width: 1024px) {
  .descr-section {
    padding: 40px 0 80px;
  }
}
.descr-section__body {
  position: relative;
  max-height: 632px;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .descr-section__body {
    max-height: 350px;
  }
}
.descr-section__body.active {
  max-height: 100%;
}
.descr-section__body.active:after {
  display: none;
}
.descr-section__body:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 206px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.descr-section__body h2 {
  margin-top: 28px !important;
  margin-bottom: 0 !important;
  font-size: 22px !important;
}
@media only screen and (min-width: 1024px) {
  .descr-section__body h2 {
    margin-top: 38px !important;
  }
}
.descr-section__body p {
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}
.descr-section__title h2, .descr-section__title > * {
  font-family: "Cinzel", sans-serif !important;
  font-weight: 600 !important;
  font-size: 28px !important;
  margin-bottom: 8px !important;
  margin-top: 0 !important;
  text-transform: uppercase;
}
.descr-section__btn {
  color: #c9a84c;
  font-size: 14px;
  font-weight: 400;
  line-height: 171%;
  transition: all ease 0.3s;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 24px;
}
.descr-section__btn span:last-child {
  display: none;
}
.descr-section__btn.active span:first-child {
  display: none;
}
.descr-section__btn.active span:last-child {
  display: block;
}

.footer__top {
  padding: 57px 0 63px;
  background-color: #f3f4f6;
}
@media only screen and (min-width: 1024px) {
  .footer__top {
    padding: 73px 0 97px;
  }
}
.footer__bottom {
  padding: 20px 0;
  background-color: #ffffff;
}
.footer__row {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
  .footer__row {
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 60px;
    gap: 60px;
  }
}
.footer__col {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .footer__col--logo {
    width: 212px;
  }
}
.footer__contact-block ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer__contact-block li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4a5565;
  font-size: 14px;
  font-weight: 300;
  line-height: 171%;
}
.footer__contact-block li:first-child i {
  position: relative;
  top: -2px;
}
.footer__contact-block i {
  color: #4a5565;
  width: 18px;
  height: 18px;
  flex: none;
  font-size: 18px;
}
.footer__contact-block a {
  color: #4a5565;
  font-size: 14px;
  font-weight: 300;
  line-height: 171%;
}
.footer__contact-block a:hover {
  color: #c9a84c;
}
.footer__info-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
  width: 240px;
}
.footer__info-list li {
  min-width: 100px;
}
.footer__info-list a {
  color: #4a5565;
  font-size: 14px;
  font-weight: 300;
  line-height: 171%;
  white-space: nowrap;
  text-transform: capitalize;
}
.footer__info-list a:hover {
  color: #c9a84c;
}
.footer__social {
  display: flex;
  gap: 8px;
}
.footer__social a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #ffffff;
}
.footer__social a:hover {
  background-color: #c9a84c;
}
.footer__social a:hover path {
  color: #ffffff;
}
.footer__social path {
  transition: all ease 0.3s;
  color: #0f0d0a;
}
.footer__logo {
  width: 149px;
  margin-bottom: 20px;
}
.footer__logo img {
  width: 100%;
  display: block;
}
.footer__title {
  color: #000000;
  font-family: "Jost", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 125%;
  margin-bottom: 26px;
}
.footer__payment {
  position: relative;
  display: flex;
  justify-content: center;
}
.footer__payment-img {
  max-width: 375px;
}
.footer__payment-img img {
  width: 100%;
  display: block;
}
.footer__line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__text {
  color: #4a5565;
  font-size: 14px;
  font-weight: 300;
  line-height: 170%;
  display: flex;
  align-items: center;
}
.footer__text a {
  color: #c9a84c;
  margin-left: 5px;
  font-weight: 400;
}
.footer__text a:hover {
  text-decoration: underline;
}

/*# sourceMappingURL=style.css.map */