/*--------------------------------------------------------------
                       Normalize
--------------------------------------------------------------*/
:root {
  --main-color-one: var(--main-color-one);
  --main-color-one-rgb: 0, 96, 68;
  --main-color-two: var(--secondary-color);
  --main-color-two-rgb: 0, 136, 221;
  --main-color-three: #2f4fff;
  --main-color-three-rgb: 47, 79, 255;
  --main-color-four: #f0997d;
  --main-color-four-rgb: 240, 153, 125;
  --customer-profile: #05cd99;
  --customer-profile-rgb: 5, 205, 153;
  --dashboard-color: #E9EDF7;
  --footer-bg: #00192B;
  --heading-color: #1B1C25;
  --heading-color-rgb: 27, 28, 37;
  --paragraph-color: #666666;
  --paragraph-white: #f1f1f1;
  --paragraph-white-2: #e2e2e2;
  --body-color: #999999;
  --review-color: #FABE50;
  --yellow-color: #f4f300;
  --blue-color: #62CDFF;
  --review-color-rgb: 250, 190, 80;
  --stock-color: #5AB27E;
  --success-color: #1f9960;
  --success-color-rgb: 31, 153, 96;
  --updatedOffer-bg-1: #FFF6D6;
  --updatedOffer-bg-2: #C0F4FF;
  --updatedOffer-bg-3: #D2FFFC;
  --border-color: #f0f0f0;
  --border-two: #efefef;
  --border-color-2: #ebebeb;
  --gray-color: #f3f3f3;
  --gray-two: #f7f7f7;
  --section-bg: #FDDE67;
  --section-bg-2: #F9F9F9;
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --black: #000000;
  --black-rgb: 0, 0, 0;
  --box-shadow: #f0f0f0;
  --search-bg: #F2F4F7;
  --danger-color: #dd0303;
  --delete-color: #ee0000;
  --delete-color-rgb: 238, 0, 0;
  --heading-font: "Rubik", sans-serif;
  --body-font: "Roboto", sans-serif;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
  font-family: var(--body-font);
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -moz-osx-font-smoothing: grayscale;
  /* Firefox */
  -webkit-font-smoothing: antialiased;
  /* WebKit  */
}

body {
  margin: 0;
  color: var(--body-color);
  font-family: var(--body-font);
  font-size: 16px;
}

@media only screen and (max-width: 991.98px) {
  body {
    overflow-x: hidden;
  }
}

@media only screen and (max-width: 480px) {
  body {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  body {
    font-size: 14px;
  }
}

h1 {
  font-size: 60px;
  line-height: 1.0833333333;
}

h2 {
  font-size: 36px;
  line-height: 1.4444444444;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 575.98px) {
  h2 {
    font-size: 27px;
  }
}

@media only screen and (max-width: 480px) {
  h2 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 375px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 28px;
  line-height: 1.0833333333;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  h3 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575.98px) {
  h3 {
    font-size: 25px;
  }
}

@media only screen and (max-width: 480px) {
  h3 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 375px) {
  h3 {
    font-size: 22px;
  }
}

h4 {
  font-size: 24px;
  line-height: 1.0833333333;
}

@media only screen and (max-width: 575.98px) {
  h4 {
    font-size: 23px;
  }
}

@media only screen and (max-width: 375px) {
  h4 {
    font-size: 21px;
  }
}

h5 {
  font-size: 20px;
  line-height: 1.2380952381;
}

@media only screen and (max-width: 375px) {
  h5 {
    font-size: 18px;
  }
}

h6 {
  font-size: 18px;
  line-height: 1.2380952381;
}

@media only screen and (max-width: 375px) {
  h6 {
    font-size: 16px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
  font-family: var(--heading-font);
  margin: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
}

p {
  color: var(--body-color);
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 0;
  line-height: 26px;
  font-size: 16px;
}

a {
  color: inherit;
  text-decoration: none;
  color: var(--body-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: inherit;
}

pre {
  word-break: break-word;
}

a i {
  padding: 0 2px;
}

img {
  max-width: 100%;
}

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

ul li {
  list-style: none;
}

ol {
  counter-reset: counter;
  padding-left: 0;
}

ol li {
  list-style: none;
}

ol li:before {
  counter-increment: counter;
  content: counter(counter);
  font-weight: 500;
  margin-right: 10px;
}

span {
  display: inline-block;
}

.desktop-center {
  text-align: center;
}

.topbar-bg-4 {
  background-color: var(--main-color-one);
}

.homeFour-bg {
  background-color: var(--main-color-one);
}

.section-bg {
  background-color: var(--section-bg);
}

.section-bg-2 {
  background-color: var(--section-bg-2);
}

.updatedOffer-bg-1 {
  background-color: var(--updatedOffer-bg-1);
}

.updatedOffer-bg-2 {
  background-color: var(--updatedOffer-bg-2);
}

.updatedOffer-bg-3 {
  background-color: var(--updatedOffer-bg-3);
}

/* Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.form-control {
  width: 100%;
}

textarea {
  width: 100%;
  padding: 15px 15px 0;
}

/* Common Style */
.margin-0 {
  margin: 0 !important;
}

.padding-0 {
  padding: 0 !important;
}

.radius-parcent-50 {
  border-radius: 50%;
}

.radius-50 {
  border-radius: 50px;
}

.radius-40 {
  border-radius: 40px;
}

.radius-35 {
  border-radius: 35px;
}

.radius-30 {
  border-radius: 30px;
}

.radius-20 {
  border-radius: 20px;
}

.radius-15 {
  border-radius: 15px;
}

.radius-10 {
  border-radius: 10px;
}

.radius-5 {
  border-radius: 5px;
}

.radius-0 {
  border-radius: 0px !important;
}

.no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.single-border-top {
  border-top: 1px solid var(--border-color);
}

.single-border {
  border: 1px solid var(--border-color);
}

.color-light {
  color: var(--paragraph-color) !important;
}

.color-extra-light {
  color: var(--body-color) !important;
}

.color-heading {
  color: var(--heading-color);
}

.body-bg-1 {
  background: #F1F3F4;
}

.body-bg-2 {
  background: #FFFAF5;
}

.body-bg-3 {
  background: #1B1C25;
}

.bg-color-one {
  background: var(--main-color-one);
}

.bg-color-two {
  background: var(--main-color-two);
}

.bg-color-three {
  background: var(--main-color-three);
}

.bg-color-four {
  background: var(--main-color-four);
}

.bg-item-one {
  background: #FFF1E8;
}

.bg-item-two {
  background: #E9F6FF;
}

.bg-item-three {
  background: #FFECF0;
}

.bg-item-four {
  background: #FFF8F0;
}

.bg-item-five {
  background: var(--gray-two);
}

.bg-item-badge {
  background: var(--gray-two);
}

.color-one {
  color: var(--main-color-one);
}

.color-two {
  color: var(--main-color-two);
}

.color-three {
  color: var(--main-color-three);
}

.color-four {
  color: var(--main-color-four);
}

.color-stock {
  color: var(--stock-color);
}

.review-color {
  color: var(--review-color);
}

.color-yellow {
  color: #FFBA5C;
}

.footer-bg {
  background: #f9f9f9;
}

.footer-bg-2 {
  background: #22232F;
}

.footer-bg-3 {
  background: var(--gray-two);
}

.shop-color-1 {
  background: #F83A26 !important;
}

.shop-color-2 {
  background: #30BB6F !important;
}

.shop-color-3 {
  background: #AB47BC !important;
}

.shop-color-4 {
  background: #FFC576 !important;
}

.shop-color-5 {
  background: #040B25 !important;
}

.shop-color-6 {
  background: #FF9800 !important;
}

.shop-color-7 {
  background: #FF695C !important;
}

.brand-bg-1 {
  background-color: #ED1C24;
}

.brand-bg-2 {
  background-color: #1B1B1B;
}

.brand-bg-3 {
  background-color: #F65B65;
}

.brand-bg-4 {
  background-color: #0088DD;
}

.brand-bg-5 {
  background-color: #FABE50;
}

.brand-bg-6 {
  background-color: #5AB27E;
}

.main-bg-one {
  background-color: var(--main-color-one);
}

.main-bg-two {
  background-color: var(--main-color-two);
}

.main-bg-three {
  background-color: var(--main-color-three);
}

.main-bg-four {
  background-color: var(--main-color-four);
}

.bg-color-stock {
  background: var(--stock-color);
}

.facebook-bg {
  background-color: #3b5999 !important;
}

.twitter-bg {
  background-color: #55acee !important;
}

.pintarest-bg {
  background-color: #c40014 !important;
}

.youtube-bg {
  background-color: #ff1544 !important;
}

.instagram-bg {
  background: -webkit-gradient(linear, left bottom, left top, from(#fea038), color-stop(#ff8841), color-stop(#ff704e), color-stop(#ff575f), color-stop(#ff3e71), color-stop(#fa3080), color-stop(#f12690), color-stop(#e523a0), color-stop(#d12dac), color-stop(#bb37b7), color-stop(#a140bf), to(#8347c5)) !important;
  background: linear-gradient(to top, #fea038, #ff8841, #ff704e, #ff575f, #ff3e71, #fa3080, #f12690, #e523a0, #d12dac, #bb37b7, #a140bf, #8347c5) !important;
}

.linkedin-bg {
  background-color: #326DE4 !important;
}

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

.no-margin {
  margin: 0;
}

.lazyloads {
  display: block;
}

.extra-padding-bottom {
  padding-bottom: 20px;
}

.desktop-reverse-margin-24 {
  margin: -24px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .desktop-reverse-margin-24 {
    margin: unset;
  }
}

.border-1 {
  border: 1px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-2px {
  border: 2px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-3px {
  border: 3px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-4px {
  border: 4px solid rgba(221, 221, 221, 0.9);
}

.border-1.border-5px {
  border: 5px solid rgba(221, 221, 221, 0.9);
}

.heading-title {
  font-size: 30px;
  line-height: 36px;
}

.heading-title:hover {
  color: var(--main-color-one);
}

.heading-title.hover-color-two:hover {
  color: var(--main-color-two);
}

.heading-title.hover-color-three:hover {
  color: var(--main-color-three);
}

.heading-title.hover-color-four:hover {
  color: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .heading-title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 375px) {
  .heading-title {
    font-size: 24px;
  }
}

.common-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: var(--heading-color);
  min-height: 72px;
}

@media only screen and (max-width: 767.98px) {
  .common-title {
    font-size: 22px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 480px) {
  .common-title {
    font-size: 21px;
  }
}

@media only screen and (max-width: 375px) {
  .common-title {
    font-size: 20px;
  }
}

.common-title.white-color {
  color: var(--white);
}

.common-title:hover {
  color: var(--main-color-one);
}

.common-title.hover-color-two:hover {
  color: var(--main-color-two);
}

.common-title.hover-color-three:hover {
  color: var(--main-color-three);
}

.common-title.hover-color-four:hover {
  color: var(--main-color-four);
}

.white-color {
  color: var(--white);
}

.center-text {
  text-align: center;
}

.common-title-two {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  font-family: var(--heading-font);
  color: var(--heading-color);
}

.common-title-two.white-color {
  color: var(--white);
}

.common-title-two:hover {
  color: var(--main-color-one);
}

.common-title-two.hover-color-two:hover {
  color: var(--main-color-two);
}

.common-title-two.hover-color-three:hover {
  color: var(--main-color-three);
}

.common-title-two.hover-color-four:hover {
  color: var(--main-color-four);
}

.common-title-three {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  font-family: var(--heading-font);
  color: var(--heading-color);
}

.common-title-three.white-color {
  color: var(--white);
}

.common-title-three:hover {
  color: var(--main-color-one);
}

.common-title-three.hover-color-two:hover {
  color: var(--main-color-two);
}

.common-title-three.hover-color-three:hover {
  color: var(--main-color-three);
}

.common-title-three.hover-color-four:hover {
  color: var(--main-color-four);
}

.common-para {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: var(--body-color);
}

.common-para.white-color {
  color: var(--white);
}

.common-price-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
}

.common-price-title.white-color {
  color: var(--white);
}

.common-price-title-two {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}

.common-price-title-two.white-color {
  color: var(--white);
}

.tab-content-item {
  display: none;
}

.tab-content-item.active {
  display: block;
  -webkit-animation: 1s fade-effects;
  animation: 1s fade-effects;
}

@-webkit-keyframes fade-effects {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes fade-effects {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.border-1 {
  border: 1px solid #E8E8E8;
}

.slider-inner-margin .slick-slide {
  margin: 12px;
}

.slider-inner-margin .slick-list {
  margin: -12px;
}

.slider-inner-margin-10 .slick-slide {
  margin: 5px;
}

.slider-inner-margin-10 .slick-list {
  margin: -5px;
}

.slick-slider-items.margin-reverse-24 {
  margin: -24px 0 0;
}

.global-slick-init:hover.nav-style-two .prev-icon,
.global-slick-init:hover.nav-style-two .next-icon {
  visibility: visible;
  opacity: 1;
}

.global-slick-init.nav-style-two .prev-icon,
.global-slick-init.nav-style-two .next-icon {
  visibility: hidden;
  opacity: 0;
}

.nav-style-two {
  position: relative;
}

.nav-style-two.nav-color-two .prev-icon,
.nav-style-two.nav-color-two .next-icon {
  background: var(--main-color-two);
  color: var(--white);
}

.nav-style-two.nav-color-two .prev-icon:hover,
.nav-style-two.nav-color-two .next-icon:hover {
  color: var(--main-color-two);
  background: #fff;
}

.nav-style-two.nav-color-three .prev-icon,
.nav-style-two.nav-color-three .next-icon {
  background: var(--main-color-three);
  color: var(--white);
}

.nav-style-two.nav-color-three .prev-icon:hover,
.nav-style-two.nav-color-three .next-icon:hover {
  color: var(--main-color-three);
  background: #fff;
}

.nav-style-two .prev-icon,
.nav-style-two .next-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -20px;
  font-size: 24px;
  cursor: pointer;
  z-index: 99;
  background: #fff;
  color: var(--main-color-one);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.nav-style-two .prev-icon:hover,
.nav-style-two .next-icon:hover {
  color: var(--white);
  background: var(--main-color-one);
}

@media only screen and (max-width: 375px) {

  .nav-style-two .prev-icon,
  .nav-style-two .next-icon {
    left: -12px;
  }
}

.nav-style-two .next-icon {
  left: auto;
  right: -20px;
}

@media only screen and (max-width: 375px) {
  .nav-style-two .next-icon {
    right: -12px;
  }
}

.nav-style-one {
  position: relative;
}

.nav-style-one.nav-color-two .prev-icon:hover,
.nav-style-one.nav-color-two .next-icon:hover {
  color: var(--main-color-two);
}

.nav-style-one.nav-color-three .prev-icon:hover,
.nav-style-one.nav-color-three .next-icon:hover {
  color: var(--main-color-three);
}

.nav-style-one .prev-icon,
.nav-style-one .next-icon {
  position: absolute;
  right: 0;
  top: -105px;
  font-size: 24px;
  cursor: pointer;
  z-index: 99;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.nav-style-one .prev-icon:hover,
.nav-style-one .next-icon:hover {
  color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {

  .nav-style-one .prev-icon,
  .nav-style-one .next-icon {
    top: -90px;
  }
}

.nav-style-one .prev-icon {
  right: 30px;
}

.dot-style-one.banner-dots .slick-dots li {
  height: 5px;
  width: 15px;
  display: block;
  border-radius: 0;
}

.dot-style-one.banner-dots .slick-dots li.slick-active {
  width: 40px;
}

.dot-style-one.banner-dots.dot-color-two .slick-dots li.slick-active {
  background: var(--main-color-two);
}

.dot-style-one.banner-dots.dot-color-three .slick-dots li.slick-active {
  background: var(--main-color-three);
}

.dot-style-one.dot-absolute .slick-dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 480px) {
  .dot-style-one.dot-absolute .slick-dots {
    bottom: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .dot-style-one.dot-absolute .slick-dots {
    bottom: 10px;
  }
}

.dot-style-one.dot-style-two .slick-dots li {
  height: 5px;
  width: 12px;
  border-radius: 0;
}

.dot-style-one.dot-style-two .slick-dots li.slick-active {
  background: var(--main-color-one);
  width: 35px;
  border-radius: 2px;
}

.dot-style-one.dot-style-three .slick-dots li {
  border-radius: 0;
}

.dot-style-one.dot-color-two .slick-dots li.slick-active {
  background: var(--main-color-two);
}

.dot-style-one.dot-color-three .slick-dots li.slick-active {
  background: var(--main-color-three);
}

.dot-style-one.dot-color-four .slick-dots li.slick-active {
  background: var(--main-color-four);
}

.dot-style-one .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

.dot-style-one .slick-dots li {
  text-indent: -9999px;
  height: 10px;
  width: 10px;
  background: #ddd;
  border-radius: 50%;
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.dot-style-one .slick-dots li.slick-active {
  background: var(--main-color-one);
}

.dot-style-one .slick-dots li button {
  border: 0;
  outline: none;
}

.body-overlay-desktop {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 100%;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.body-overlay-desktop.active {
  visibility: visible;
  opacity: 1;
  z-index: 9;
  left: 0;
}

.btn-wrapper button {
  outline: none;
}

.btn-wrapper button:focus {
  outline: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  section.promo-area.padding-top-10 {
    padding-top: 0 !important;
  }
}

@media (max-width: 991px) and (min-width: 320px) {
  .row.margin-top-65 {
    margin-top: 45px !important;
  }

  .row.margin-top-40 {
    margin-top: 20px !important;
  }

  .row.margin-top-10 {
    margin-top: 0px !important;
  }

  .col-lg-12.margin-top-10 {
    margin-top: 0px !important;
  }

  .btn-wrapper.margin-top-50 {
    margin-top: 30px !important;
  }
}

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-65 {
  font-size: 65px !important;
}

.ff-rubik {
  font-family: var(--rubik-font) !important;
}

.ff-roboto {
  font-family: var(--roboto-font) !important;
}

.ff-opensans {
  font-family: var(--opensans-font) !important;
}

.ff-montserrat {
  font-family: var(--montserrat-font) !important;
}

.ff-jost {
  font-family: var(--jost-font) !important;
}

.ff-playfair {
  font-family: var(--playfair-font) !important;
}

.padding-left-50 {
  padding-left: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .padding-left-50 {
    padding-left: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .padding-left-50 {
    padding-left: 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-left-50 {
    padding-left: 0;
  }
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-25 {
  padding-top: 25px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-35 {
  padding-top: 35px;
}

.padding-top-40 {
  padding-top: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-top-40 {
    padding-top: 30px !important;
  }
}

.padding-top-45 {
  padding-top: 45px;
}

.padding-top-55 {
  padding-top: 55px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-top-55 {
    padding-top: 40px !important;
  }
}

.padding-top-50 {
  padding-top: 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-top-50 {
    padding-top: 35px !important;
  }
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-65 {
  padding-top: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-top-65 {
    padding-top: 35px !important;
  }
}

.padding-top-70 {
  padding-top: 70px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-top-70 {
    padding-top: 40px !important;
  }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-top-75 {
    padding-top: 45px !important;
  }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-top-80 {
    padding-top: 60px !important;
  }
}

.padding-top-85 {
  padding-top: 85px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-top-95 {
  padding-top: 95px;
}

.padding-top-100 {
  padding-top: 100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-top-100 {
    padding-top: 70px !important;
  }
}

.padding-top-105 {
  padding-top: 105px;
}

.padding-top-110 {
  padding-top: 110px;
}

.padding-top-115 {
  padding-top: 115px;
}

.padding-top-120 {
  padding-top: 120px;
}

.padding-top-125 {
  padding-top: 125px;
}

.padding-top-130 {
  padding-top: 130px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-top-130 {
    padding-top: 80px !important;
  }
}

.padding-top-135 {
  padding-top: 135px;
}

.padding-top-140 {
  padding-top: 140px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-top-140 {
    padding-top: 80px !important;
  }
}

.padding-top-145 {
  padding-top: 140px;
}

.padding-top-150 {
  padding-top: 150px;
}

.padding-top-160 {
  padding-top: 160px;
}

.padding-top-190 {
  padding-top: 190px;
}

.padding-top-210 {
  padding-top: 210px;
}

.padding-top-260 {
  padding-top: 260px;
}

.padding-top-300 {
  padding-top: 300px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-15 {
  padding-bottom: 15px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-25 {
  padding-bottom: 25px;
}

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

.padding-bottom-35 {
  padding-bottom: 35px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-bottom-40 {
    padding-bottom: 30px !important;
  }
}

.padding-bottom-45 {
  padding-bottom: 45px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-bottom-50 {
    padding-bottom: 35px !important;
  }
}

.padding-bottom-55 {
  padding-bottom: 55px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-bottom-65 {
  padding-bottom: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-bottom-65 {
    padding-bottom: 40px !important;
  }
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-bottom-70 {
    padding-bottom: 40px !important;
  }
}

.padding-bottom-75 {
  padding-bottom: 75px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-bottom-75 {
    padding-bottom: 45px !important;
  }
}

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

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-bottom-80 {
    padding-bottom: 60px !important;
  }
}

.padding-bottom-85 {
  padding-bottom: 85px;
}

.padding-bottom-90 {
  padding-bottom: 90px;
}

.padding-bottom-95 {
  padding-bottom: 95px;
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-bottom-100 {
    padding-bottom: 70px !important;
  }
}

.padding-bottom-110 {
  padding-bottom: 110px;
}

.padding-bottom-105 {
  padding-bottom: 105px;
}

.padding-bottom-115 {
  padding-bottom: 115px;
}

.padding-bottom-120 {
  padding-bottom: 120px;
}

.padding-bottom-125 {
  padding-bottom: 125px;
}

.padding-bottom-130 {
  padding-bottom: 130px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-bottom-130 {
    padding-bottom: 80px !important;
  }
}

.padding-bottom-140 {
  padding-bottom: 140px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .padding-bottom-140 {
    padding-bottom: 80px !important;
  }
}

.padding-bottom-135 {
  padding-bottom: 135px;
}

.padding-bottom-200 {
  padding-bottom: 200px;
}

.padding-bottom-280 {
  padding-bottom: 280px;
}

.padding-bottom-285 {
  padding-bottom: 285px;
}

.padding-bottom-150 {
  padding-bottom: 150px;
}

.padding-bottom-160 {
  padding-bottom: 160px;
}

.padding-bottom-165 {
  padding-bottom: 165px;
}

.padding-bottom-170 {
  padding-bottom: 170px;
}

.padding-bottom-180 {
  padding-bottom: 180px;
}

.padding-bottom-215 {
  padding-bottom: 215px;
}

.padding-bottom-300 {
  padding-bottom: 300px;
}

.padding-bottom-460 {
  padding-bottom: 460px;
}

.margin-top-minus-90 {
  margin-top: -90px;
}

.margin-top-minus-100 {
  margin-top: -100px;
}

.margin-top-120 {
  margin-top: 120px;
}

.margin-top-150 {
  margin-top: 150px;
}

.margin-top-160 {
  margin-top: 160px;
}

.padding-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.padding-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.padding-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.padding-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

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

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

.padding-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.padding-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

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

.padding-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.padding-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

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

.margin-top-15 {
  margin-top: 15px;
}

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

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

.margin-top-35 {
  margin-top: 35px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-45 {
  margin-top: 45px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-top-55 {
  margin-top: 55px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-65 {
  margin-top: 65px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-top-100 {
  margin-top: 100px;
}

.margin-top-110 {
  margin-top: 110px;
}

.margin-top-120 {
  margin-top: 120px;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

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

.margin-bottom-15 {
  margin-bottom: 15px;
}

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

.margin-bottom-25 {
  margin-bottom: 25px;
}

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

.margin-bottom-35 {
  margin-bottom: 35px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.margin-bottom-55 {
  margin-bottom: 55px;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-bottom-110 {
  margin-bottom: 110px;
}

.margin-bottom-120 {
  margin-bottom: 120px;
}

.margin-bottom-150 {
  margin-bottom: 150px;
}

.margin-top-100 {
  margin-bottom: 100px;
}

.margin-top-120 {
  margin-top: 120px;
}

.min-height-600 {
  min-height: 600px;
}

.overflow-hidden {
  overflow: hidden;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Keyframes Animation
--------------------------------------------------------------*/
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }

  50% {
    -webkit-transform: translatey(-50px);
    transform: translatey(-50px);
  }

  100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
}

@keyframes floating {
  0% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }

  50% {
    -webkit-transform: translatey(-50px);
    transform: translatey(-50px);
  }

  100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
}

@-webkit-keyframes round-moving {
  from {
    -webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
    transform: rotate(0deg) translateX(120px) rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
    transform: rotate(360deg) translateX(120px) rotate(-360deg);
  }
}

@keyframes round-moving {
  from {
    -webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
    transform: rotate(0deg) translateX(120px) rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
    transform: rotate(360deg) translateX(120px) rotate(-360deg);
  }
}

@-webkit-keyframes round-moving2 {
  from {
    -webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
    transform: rotate(0deg) translateX(60px) rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
    transform: rotate(360deg) translateX(60px) rotate(-360deg);
  }
}

@keyframes round-moving2 {
  from {
    -webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
    transform: rotate(0deg) translateX(60px) rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
    transform: rotate(360deg) translateX(60px) rotate(-360deg);
  }
}

@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes pulsing {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

/*----------------------------------------------
    # Nav bar
----------------------------------------------*/
.mobile-logo {
  display: none;
}

@media only screen and (max-width: 991px) {
  .mobile-logo {
    display: block;
  }

  .desktop-logo {
    display: none !important;
  }
}

.navbar-area {
  position: relative;
  z-index: 95;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area {
    padding: 0;
  }
}

.navbar-area.nav-absolute {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0px;
  z-index: 99;
}

.navbar-area.nav-two .nav-container .navbar-collapse .navbar-nav {
  text-align: center;
}

.navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li {
  color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li {
  color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .track-icon-list .single-icon .icon {
  color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .track-icon-list .single-icon.hover-color-two:hover .icon:hover {
  color: var(--main-color-two);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .login-account .accounts {
  color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .login-account .accounts.hover-color-two:hover {
  color: var(--main-color-two);
}

.navbar-area .nav-container {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px 15px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container {
    padding: 20px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container {
    padding: 15px 0;
  }
}

.navbar-area .nav-container .logo-wrapper .logo img {
  max-width: 200px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 160px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 150px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav {
  display: block;
  width: 100%;
  text-align: left;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.nav-margin-top {
  margin-top: 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.desktop-center {
  text-align: center;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
  display: inline-block;
  font-size: 16px;
  font-family: var(--body-font);
  text-transform: capitalize;
  color: var(--heading-color);
  font-weight: 400;
  line-height: 32px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
  margin-left: 0px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    font-size: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    font-size: 14px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item {
  background: none;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
  padding-right: 0;
  position: relative;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
  padding: 10px 20px;
  position: relative;
  z-index: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
    padding: 10px 10px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  top: 1px;
  left: 4px;
  position: relative;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  position: absolute;
  text-align: left;
  min-width: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
  left: 0;
  top: 100%;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  background-color: var(--white);
  z-index: 992;
  border-bottom: 5px solid var(--main-color-one);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 50px;
  -webkit-column-rule-style: solid;
  -moz-column-rule-style: solid;
  column-rule-style: solid;
  -webkit-column-rule-color: rgba(221, 221, 221, 0.3);
  -moz-column-rule-color: rgba(221, 221, 221, 0.3);
  column-rule-color: rgba(221, 221, 221, 0.3);
  -webkit-column-rule-width: 2px;
  -moz-column-rule-width: 2px;
  column-rule-width: 2px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
    -webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
  margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
    margin-bottom: 0;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
  display: block;
  margin-left: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    margin-bottom: 0;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child {
  margin-bottom: -1px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
  border-top: 1px solid #e2e2e2;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
  display: block;
  padding: 10px 30px;
  background-color: var(--white);
  white-space: nowrap;
  color: var(--heading-color);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-one);
  color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
  position: relative;
  z-index: 0;
  padding-right: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
  left: 100%;
  top: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
  padding: 10px 28px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 7px 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 5px 10px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-one);
  background: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .nav-right-content {
    display: none;
  }
}

.navbar-area .nav-container .nav-right-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-area .nav-container .nav-right-content ul li {
  display: inline-block;
  margin: 0 15px;
}

.navbar-area .nav-container .nav-right-content ul li:last-child {
  margin-right: 0;
  margin-left: 0;
}

.navbar-area .nav-container .nav-right-content ul li a {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .nav-right-content ul li .info-bar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container .nav-right-content ul li .info-bar-item {
    gap: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .nav-right-content ul li .info-bar-item {
    gap: 30px;
  }
}

.index-02 {
  padding: 0px 0;
}

.index-02 .navbar-inner-all {
  background: var(--main-color-two);
  position: relative;
  z-index: 1;
  padding: 17px 0 18px;
  border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .index-02 .navbar-inner-all {
    padding: 18px 0 18px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .index-02 .navbar-inner-all {
    padding: 18px 0 19px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .index-02 .navbar-inner-all {
    padding: 10px 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .index-02 .navbar-inner-all {
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 480px) {
  .index-02 .navbar-inner-all {
    padding: 5px 10px;
  }
}

.index-02 .navbar-inner-all::before {
  content: "";
  position: absolute;
  left: -10%;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--main-color-two);
  z-index: -1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .index-02 .navbar-inner-all::before {
    display: none;
  }
}

.navbar-inner-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-inner-all {
    display: block;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .show-nav-right-contents {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px;
    color: var(--heading-color);
  }

  .show-nav-right-contents:hover {
    color: var(--heading-color);
  }

  .show-nav-right-contents.white-color {
    color: var(--white);
  }

  .show-nav-right-contents.white-color:hover {
    color: var(--white);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-right-content {
    visibility: hidden;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: -20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-right-content.show {
    visibility: visible;
    opacity: 1;
    margin-top: 10px;
  }
}

.single-right-content .btn-track {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-right-content .btn-track:hover {
  color: var(--main-color-one);
}

.single-right-content .btn-track .track-icon {
  color: var(--main-color-one);
}

.single-right-content .user-icon-price {
  background: rgba(var(--main-color-three-rgb), 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-right-content .user-icon-price .user-icon {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--main-color-three);
  color: var(--white);
  height: 46px;
  width: 46px;
}

.single-right-content .user-icon-price .user-price {
  font-size: 20px;
  line-height: 30px;
  padding: 0 10px;
  color: var(--main-color-three);
}

@media only screen and (max-width: 991px) {
  .navbar-area.index-02 .nav-container .navbar-collapse.show .navbar-nav {
    background: transparent;
  }

  .navbar-area.index-03 .nav-container .navbar-right-content {
    margin-top: -50px;
  }

  .navbar-area.index-03 .nav-container .navbar-right-content.show {
    margin-top: 10px;
  }

  .navbar-area.white-nav .navbar-toggler {
    border: 1px solid rgba(255, 255, 255, 0.8);
  }

  .navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::before,
  .navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::after {
    background: rgba(255, 255, 255, 0.8);
  }

  .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon {
    background: rgba(255, 255, 255, 0.8);
  }

  .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::before,
  .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::after {
    background: rgba(255, 255, 255, 0.8);
  }

  .navbar-area .navbar-toggler {
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    border: 1px solid rgba(0, 0, 0, 0.5);
    outline: none;
  }

  .navbar-area .navbar-toggler.active .navbar-toggler-icon {
    background: none;
  }

  .navbar-area .navbar-toggler.active .navbar-toggler-icon::before,
  .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .navbar-area .navbar-toggler .navbar-toggler-icon {
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    width: 25px;
    height: 2px;
    margin: 10px -4px 10px;
    position: relative;
  }

  .navbar-area .navbar-toggler .navbar-toggler-icon::before,
  .navbar-area .navbar-toggler .navbar-toggler-icon::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 25px;
    background: rgba(0, 0, 0, 0.5);
    top: -7px;
    left: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }

  .navbar-area .navbar-toggler .navbar-toggler-icon::after {
    top: auto;
    bottom: -7px;
  }

  .navbar-area .nav-container {
    position: relative;
    z-index: 0;
    min-height: 50px;
    padding: 5px 0px 5px;
  }

  .navbar-area .nav-container .responsive-mobile-menu {
    display: block;
    position: relative;
    width: 100%;
  }



  .navbar-area .nav-container .navbar-brand {
    display: block;
  }

  .navbar-area .nav-container .navbar-brand .navbar-toggler {
    position: absolute;
    right: 10px;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-area .nav-container .navbar-collapse.show .navbar-nav {
    background: #DDD;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    margin-top: 30px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: block;
    text-align: left;
    line-height: 30px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 17px 20px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
    border-bottom: none;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
    margin-left: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
    top: 25px;
    right: 20px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
    padding-bottom: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    height: auto;
    opacity: 1;
    background-color: transparent;
    border-bottom: none;
    padding-top: 10px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    position: initial;
    display: block;
    width: 100%;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
    padding-bottom: 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    max-height: 250px;
    overflow-y: scroll;
    /* @include transition(height 500ms); */
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
    content: "";
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    padding: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
    color: var(--white);
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
    border-top: none;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}

@media only screen and (max-width: 575px) {
  .navbar-area .nav-container {
    padding: 0 15px;
  }

  .navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 140px;
  }
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li a:hover {
  color: var(--heading-color);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-color: var(--main-color-two);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-two);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: var(--white);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: var(--white);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:hover>.megamenu-area {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:hover>.megamenu-area {
    height: auto;
    padding: 20px 0;
  }
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
  background: var(--main-color-two) !important;
}

.nav-color-two .single-right-content .btn-track:hover {
  color: var(--main-color-two);
}

.nav-color-two .single-right-content .btn-track .track-icon {
  color: var(--main-color-two);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
  background: var(--main-color-three) !important;
}

.nav-color-three .single-right-content .btn-track:hover {
  color: var(--main-color-three);
}

.nav-color-three .single-right-content .btn-track .track-icon {
  color: var(--main-color-three);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
  background: var(--main-color-four) !important;
}

.nav-color-four .single-right-content .btn-track:hover {
  color: var(--main-color-four);
}

.nav-color-four .single-right-content .btn-track .track-icon {
  color: var(--main-color-four);
}

.white-nav .megamenu-area .megamenu-single .new-collection .product-collection-btn {
  background: var(--heading-color);
  color: var(--white);
}

.white-nav .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
  background: var(--main-color-two) !important;
}

.megamenu-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  padding: 30px;
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
  position: absolute;
  top: 100%;
  left: 10%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
  max-width: 1600px;
  width: 1560px;
  max-height: 570px;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .megamenu-area {
    max-width: 1000px;
    gap: 40px;
    min-width: 100%;
    left: 50%;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .megamenu-area {
    max-width: 830px;
    min-width: 100%;
    gap: 40px;
    max-height: 350px;
    overflow-y: auto;
    left: 50%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .megamenu-area {
    min-width: 100%;
    max-width: 800px;
    gap: 30px;
    left: auto;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    right: 0;
    max-height: 350px;
    overflow-y: auto;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .megamenu-area {
    min-width: 100%;
    max-width: 600px;
    gap: 30px;
    left: auto;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    right: 0;
    max-height: 350px;
    overflow-y: auto;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .megamenu-area {
    max-width: 100%;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    min-width: 100%;
    position: initial;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
    max-height: 250px;
    overflow-y: scroll;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
  }
}

.megamenu-area.color-two .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-two);
}

.megamenu-area.color-two .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-two);
}

.megamenu-area.color-three .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-three);
}

.megamenu-area.color-three .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-three);
}

.megamenu-area.color-four .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-four);
}

.megamenu-area.color-four .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-four);
}

.megamenu-single:not(:last-child) {
  margin-right: 45px;
}

.megamenu-single .megamenu-heading-title {
  font-size: 24px;
  font-weight: 500;
  padding: 0px 0 20px 0;
}

.megamenu-single .megamenu-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 5px !important;
}

.megamenu-single .megamenu-items .megamenu-thumbs {
  margin-right: 20px;
  border: 1px solid #DDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
  width: 70px;
  font-size: 30px;
}

.megamenu-single .megamenu-items .megamenu-thumbs i {
  color: var(--main-color-one);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-two i {
  color: var(--main-color-two);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-three i {
  color: var(--main-color-three);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-four i {
  color: var(--main-color-four);
}

.megamenu-single .megamenu-items .megamenu-contents {
  text-align: left;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-one);
}

.megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-one);
  font-size: 20px;
  font-weight: 500;
}

.megamenu-single .megamenu-items .megamenu-contents .price-updates .old-price {
  color: var(--body-color);
  text-decoration: line-through;
}

.megamenu-single .megamenu-items-big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0 !important;
}

@media only screen and (max-width: 480px) {
  .megamenu-single .megamenu-items-big {
    display: block;
  }
}

.megamenu-single .megamenu-items-big .megamenu-thumbs {
  height: 200px;
  width: 250px;
  margin-right: 20px;
}

@media only screen and (max-width: 375px) {
  .megamenu-single .megamenu-items-big .megamenu-thumbs {
    margin-right: 0;
  }
}

.megamenu-single .megamenu-items-big .megamenu-thumbs img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.megamenu-single .megamenu-items-big .megamenu-contents {
  text-align: left;
}

@media only screen and (max-width: 480px) {
  .megamenu-single .megamenu-items-big .megamenu-contents {
    margin-top: 15px;
  }
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-one);
}

.megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
  color: var(--main-color-one);
  font-size: 20px;
  font-weight: 500;
}

.megamenu-single .megamenu-items-big .megamenu-contents .price-updates .old-price {
  color: var(--body-color);
  text-decoration: line-through;
}

.megamenu-single .new-collection {
  padding: 0px 0 !important;
  display: inline-block;
  height: 400px;
  width: 350px;
  position: relative;
  z-index: 2;
}

.megamenu-single .new-collection:hover .product-collection-btn {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 375px) {
  .megamenu-single .new-collection {
    height: 100%;
    width: 280px;
  }
}

.megamenu-single .new-collection img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.megamenu-single .new-collection .product-collection-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  padding: 10px 20px;
  background: #fff;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}

.megamenu-single .new-collection .product-collection-btn:hover {
  background: var(--main-color-one) !important;
  color: #fff !important;
}

.category-megamenu .single-category-megamenu {
  padding: 10px;
}

.category-megamenu>.single-category-megamenu {
  width: calc(100% / 5 - 19.2px);
  min-width: 125px;
  display: inline-block;
  width: 150px;
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .category-megamenu>.single-category-megamenu {
    width: 140px;
  }
}


.mega-menu-single-section .menu-title {
  margin-bottom: 20px;
}

/*@media screen and (min-width: 992px) and (max-width: 1199.98px) {*/
/*  .category-megamenu>.single-category-megamenu {*/
/*    width: calc(100% / 1 - 0px);*/
/*  }*/
/*}*/

.cate-list .category-megamenu .single-megamenu>.submenu-title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: var(--heading-color);
}

.cate-list .category-megamenu .single-megamenu>.submenu-title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: var(--heading-color);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


.mega-menu-single-section .round-menu-product:not(:last-child) a {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  padding-inline: 10px;
  margin-bottom: 10px;
  transition: all .3s;
  display: block;
}

.mega-menu-single-section .round-menu-product a:hover {
  color: var(--main-color-two);
  border-color: var(--main-color-two);
}

.categoryNav__list .mega-menu-single-section .round-menu-product a:hover {
  color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.categoryNav__list .mega-menu-single-section .round-menu-product:not(:last-child) a {
  margin-bottom: 0px;
  display: block;
}

.megamenu-single .single-category-megamenu {
  padding: 30px 50px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.megamenu-single .single-category-megamenu:hover .category-contents {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .megamenu-single .single-category-megamenu {
    padding: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .megamenu-single .single-category-megamenu {
    padding: 20px;
  }
}

.megamenu-single .single-category-megamenu .category-thumb {
  height: 200px;
  width: 200px;
  display: inline-block;
}

.megamenu-single .single-category-megamenu .category-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.megamenu-single .single-category-megamenu .category-contents {
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  padding: 30px 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.megamenu-single .single-category-megamenu .category-contents .titles:hover {
  color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .megamenu-single .single-category-megamenu .category-contents .titles {
    font-size: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .megamenu-single .single-category-megamenu .category-contents .titles {
    font-size: 24px;
  }
}

.megamenu-single .single-category-megamenu .category-contents .collection-btn {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  padding: 0 !important;
  text-decoration: underline;
  color: var(--paragraph-color);
}

@media only screen and (max-width: 767.98px) {
  .megamenu-single .single-category-megamenu .category-contents .collection-btn {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .megamenu-single .single-category-megamenu .category-contents .collection-btn {
    font-size: 14px;
  }
}

.megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
  color: var(--main-color-one);
}

/*--------------------------------------------------------------
	04. Footer Style
--------------------------------------------------------------*/
.footer-top-border {
  border-bottom: 1px solid #ddd;
}

.footer-top-border.white-color {
  border-color: #DDD;
}

.hover-color-two .footer-widget .footer-inner .footer-link-list .list:hover a {
  color: var(--main-color-two);
}

.hover-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
  -webkit-box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
  box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
  border-color: rgba(0, 136, 221, 0.3);
}

.hover-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single button {
  background: var(--main-color-two);
}

.hover-color-three .footer-widget .footer-inner .footer-link-list .list:hover a {
  color: var(--main-color-three);
}

.hover-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
  -webkit-box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
  box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
  border-color: rgba(255, 128, 93, 0.3);
}

.hover-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single button {
  background: var(--main-color-three);
}

.style-02 .footer-widget .footer-inner .footer-social-list .lists a {
  background: #fff !important;
  color: var(--main-color-two);
}

.style-02 .footer-widget .footer-inner .footer-social-list .lists a:hover {
  background: var(--main-color-two) !important;
  color: #fff !important;
}

.style-02 .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
  content: "";
  position: absolute;
  height: 200px;
  width: 1px;
  right: 25%;
  top: 0;
  background: rgba(221, 221, 221, 0.5);
  z-index: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .style-02 .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
    right: 20%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .style-02 .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
    right: 15%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .style-02 .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
    right: 5%;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .style-02 .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
    display: none;
  }
}

.style-02 .footer-middle-border div[class*=col]:nth-last-of-type(2) .footer-widget::after {
  background: none;
  display: none;
}

.footer-widget {
  position: relative;
  z-index: 1;
}

.footer-widget .widget-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-transform: capitalize;
  position: relative;
  font-family: var(--heading-font);
  color: var(--heading-color);
}

.footer-widget .logo-borders {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

.footer-widget .footer-inner .footer-logo {
  text-align: center;
}

.footer-widget .footer-inner .footer-para {
  font-size: 16px;
  color: var(--paragraph-color);
  line-height: 28px;
}

.footer-widget .footer-inner .footer-link-list {
  padding: 0;
}

.footer-widget .footer-inner .footer-link-list li {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-widget .footer-inner .footer-link-list li:not(:last-child) {
  margin-bottom: 15px;
}

.footer-widget .footer-inner .footer-link-list li:hover a {
  color: var(--main-color-one);
}

.footer-widget .footer-inner .footer-link-list li a {
  font-size: 16px;
  font-weight: 400;
  color: var(--paragraph-color);
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  z-index: 1;
}

.white-color .footer-widget .footer-inner .footer-link-list li a {
  color: var(--white);
}

.footer-widget .footer-inner .footer-link-list li a:hover {
  color: var(--main-color-two);
  padding-left: 20px;
}

.footer-widget .footer-inner .footer-link-list li a:hover::before {
  visibility: visible;
  opacity: 1;
}

.footer-color-two .footer-widget .footer-inner .footer-link-list li a:hover {
  color: var(--main-color-two);
}

.footer-widget .footer-inner .footer-link-list li a::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-widget .footer-inner .footer-link-address {
  padding: 0;
}

.footer-widget .footer-inner .footer-link-address li:not(:last-child) {
  margin-bottom: 15px;
}

.footer-widget .footer-inner .footer-link-address li .address {
  font-size: 16px;
  line-height: 26px;
  display: block;
  color: var(--paragraph-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-widget .footer-inner .footer-link-address li .address:hover {
  color: var(--main-color-one);
  letter-spacing: 1px;
}

.footer-widget .footer-inner .footer-link-address li .address:hover i {
  color: var(--main-color-one);
}

.footer-widget .footer-inner .footer-link-address li .address i {
  color: var(--main-color-one);
  transition: all .3s;
}

.color-two .footer-widget .footer-inner .footer-link-address li .address i {
  color: var(--main-color-two);
}

.color-two .footer-widget .footer-inner .footer-link-address li .address:hover {
  color: var(--main-color-two);
}

.color-two .footer-widget .footer-inner .footer-link-address li .address:hover i {
  color: var(--main-color-two);
}

.color-three .footer-widget .footer-inner .footer-link-address li .address:hover {
  color: var(--main-color-three);
}

.color-three .footer-widget .footer-inner .footer-link-address li .address:hover i {
  color: var(--main-color-three);
}

.color-four .footer-widget .footer-inner .footer-link-address li .address:hover {
  color: var(--main-color-four);
}

.color-four .footer-widget .footer-inner .footer-link-address li .address:hover i {
  color: var(--main-color-four);
}

.color-five .footer-widget .footer-inner .footer-link-address li .address:hover {
  color: var(--main-color-five);
}

.color-five .footer-widget .footer-inner .footer-link-address li .address:hover i {
  color: var(--main-color-five);
}

.footer-widget .footer-inner .footer-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

@media only screen and (max-width: 575.98px) {
  .footer-widget .footer-inner .footer-social-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer-widget .footer-inner .footer-social-list li a {
  color: var(--heading-color);
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 5px;
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
  .footer-widget .footer-inner .footer-social-list li a {
    font-size: 18px;
    height: 35px;
    width: 35px;
  }
}

@media only screen and (max-width: 375px) {
  .footer-widget .footer-inner .footer-social-list li a {
    height: 30px;
    width: 30px;
  }
}

.footer-widget .footer-inner .footer-social-list li a:hover {
  color: var(--white);
  background: var(--main-color-one);
}

.footer-widget .footer-inner .footer-social-list li:not(:last-child) a {
  margin-right: 10px;
}

.footer-widget .footer-inner .subscribe-para {
  font-size: 16px;
  color: var(--paragraph-color);
}

.footer-widget .footer-inner .subscribe-form {
  margin-top: 30px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single {
  position: relative;
  max-width: 255px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control {
  width: 100%;
  height: 55px;
  line-height: 55px;
  border-radius: 5px;
  background: #fff;
  color: var(--paragraph-color);
  border: 1px solid #fff;
  padding: 0 60px 0 20px;
  -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-webkit-input-placeholder {
  color: var(--body-color);
  font-size: 16px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-moz-placeholder {
  color: var(--body-color);
  font-size: 16px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:-ms-input-placeholder {
  color: var(--body-color);
  font-size: 16px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::-ms-input-placeholder {
  color: var(--body-color);
  font-size: 16px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control::placeholder {
  color: var(--body-color);
  font-size: 16px;
}

.footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
  border: 1px solid rgba(var(--main-color-one-rgb), 0.2);
  -webkit-box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
}

.footer-widget .footer-inner .subscribe-form .widget-form-single button {
  outline: none;
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  width: 50px;
  background: var(--main-color-one);
  font-size: 20px;
  color: var(--white);
  border-radius: 3px;
  margin: 5px;
  cursor: pointer;
}

.footer-widget .footer-inner .payment-list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .footer-widget .footer-inner .payment-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767.98px) {
  .footer-widget .footer-inner .payment-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer-widget .footer-inner .payment-list .list {
  background-color: var(--white);
}

.footer-widget .footer-inner .payment-list .list:not(:last-child) {
  margin-right: 15px;
}

.footer-widget .footer-inner .privacy-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767.98px) {
  .footer-widget .footer-inner .privacy-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer-widget .footer-inner .privacy-list li {
  position: relative;
  z-index: 2;
}

.footer-widget .footer-inner .privacy-list li:hover a {
  color: var(--main-color-one);
}

.footer-widget .footer-inner .privacy-list li:not(:last-child) {
  padding-right: 20px;
}

.footer-widget .footer-inner .privacy-list li:not(:first-child) {
  padding-left: 20px;
}

.footer-widget .footer-inner .privacy-list li:not(:first-child)::before {
  content: "";
  position: absolute;
  left: 0;
  height: 20px;
  width: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--body-color);
}

.footer-widget .footer-inner .privacy-list li a {
  color: var(--paragraph-color);
}

.footer-widget .footer-inner .footer-social-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  padding: 0;
}

@media only screen and (max-width: 575.98px) {
  .footer-widget .footer-inner .footer-social-two {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.footer-widget .footer-inner .footer-social-two .lists a {
  color: var(--paragraph-color);
  font-size: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-widget .footer-inner .footer-social-two .lists a:hover {
  color: var(--main-color-one);
}

.footer-widget .footer-inner .footer-social-two .lists:not(:last-child) a {
  margin-right: 10px;
}

.footer-widget .footer-inner .footer-call {
  display: block;
  color: var(--paragraph-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-widget .footer-inner .footer-call:hover {
  color: var(--main-color-one);
}

.copyright-area {
  padding: 25px 0;
}

.copyright-area.copyright-border {
  border-top: 1px solid #dddddd;
}

.copyright-area.copyright-border.white-color {
  border-color: rgba(221, 221, 221, 0.3);
}

.copyright-area.style-02 {
  padding: 0 0 25px;
}

.copyright-area .copyright-contents {
  font-size: 16px;
  color: var(--paragraph-color);
  text-align: center;
}

@media only screen and (max-width: 767.98px) {
  .copyright-area .copyright-contents {
    text-align: center;
    margin-top: 10px;
  }
}

.white-color .footer-widget .widget-title {
  color: var(--white);
}

.white-color .footer-widget .footer-inner .subscribe-para {
  color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-link-list .list a {
  color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-link-list .list a:hover {
  color: var(--main-color-two);
}

.white-color .footer-widget .footer-inner .footer-link-address .list .address {
  color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-link-address .list .address:hover {
  color: var(--main-color-two);
}

.white-color .footer-widget .footer-inner .footer-social-list .lists a {
  background: #DDD;
  color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-social-list .lists a:hover {
  background: var(--main-color-one);
  color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control {
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
}

.white-color .footer-widget .footer-inner .payment-list .list {
  color: var(--paragraph-white-2);
}

.footer-color-two .footer-widget .footer-inner .footer-link-list .list::before {
  color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-link-list .list:hover a {
  color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-link-address .list .address:hover {
  color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-link-address .list .address i {
  color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-social-list .lists a:hover {
  color: var(--white);
  background: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
  border: 1px solid rgba(var(--main-color-two-rgb), 0.2);
  -webkit-box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.1);
  box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.1);
}

.footer-color-two .footer-widget .footer-inner .subscribe-form .widget-form-single button {
  background: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .privacy-list li:hover a {
  color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-social-two .lists a:hover {
  color: var(--main-color-two);
}

.footer-color-two .footer-widget .footer-inner .footer-call:hover {
  color: var(--main-color-two);
}

.footer-color-three .footer-widget .footer-inner .footer-link-list .list::before {
  color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-link-list .list:hover a {
  color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-link-address .list .address:hover {
  color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-link-address .list .address i {
  color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-social-list .lists a:hover {
  color: var(--white);
  background: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
  border: 1px solid rgba(255, 128, 93, 0.2);
  -webkit-box-shadow: 0 0 20px rgba(255, 128, 93, 0.1);
  box-shadow: 0 0 20px rgba(255, 128, 93, 0.1);
}

.footer-color-three .footer-widget .footer-inner .subscribe-form .widget-form-single button {
  background: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .privacy-list li:hover a {
  color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-social-two .lists a:hover {
  color: var(--main-color-three);
}

.footer-color-three .footer-widget .footer-inner .footer-call:hover {
  color: var(--main-color-three);
}

.footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
  content: "";
  position: absolute;
  height: 200px;
  width: 1px;
  right: 25%;
  top: 0;
  background: rgba(221, 221, 221, 0.5);
  z-index: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
    right: 20%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
    right: 15%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
    right: 5%;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .footer-middle-border div[class*=col]:not(:last-child) .footer-widget::after {
    display: none;
  }
}

.footer-list-bars .footer-inner .footer-link-list .list {
  padding-left: 40px;
}

.footer-list-bars .footer-inner .footer-link-list .list::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 30px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--main-color-one);
  z-index: -1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer-list-bars .footer-inner .footer-link-list .list:hover {
  padding-left: 30px;
}

.footer-list-bars .footer-inner .footer-link-list .list:hover:before {
  width: 20px;
}

/* .footer-bg-side {
    position: relative;
    z-index: 2;
    &::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 38%;
        background: $gradient-bg-2;
        z-index: -1;
        @include responsive(xl) {
            width: 33%;
        }
        @include responsive(lg) {
            width: 32%;
        }
        @include responsive(allPhone) {
            display: none;
        }
    }
    .footer-logo {}
    .footer-widget {
        .footer-inner {
            .footer-para {
                color: $white;
                @include responsive(allPhone) {
                    color: var(--paragraph-color);
                }
            }
        }
    }
} */
/* Banner  */
.banner-area {
  position: relative;
  z-index: 1;
  padding: 0;
  overflow: hidden;
}

.banner-middle-content {
  position: relative;
  z-index: 2;
}

.banner-middle-content .banner-middle-image {
  position: relative;
  z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-middle-content .banner-middle-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.3);
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-middle-content .banner-middle-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.3);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-middle-content .banner-middle-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.3);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-middle-content .banner-middle-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.3);
  }
}

.banner-middle-content .banner-middle-image .banner-single-thumb {
  position: absolute;
  right: 0;
  bottom: 0;
}
.banner-middle-content .banner-middle-image .middle-content {
  max-width: 400px;
  padding: 220px 0 220px 50px;
  position: relative;
  z-index: 5;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .banner-middle-content .banner-middle-image .middle-content {
    padding: 180px 0 180px 50px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-middle-content .banner-middle-image .middle-content {
    padding: 134px 0 134px 50px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-middle-content .banner-middle-image .middle-content {
    padding: 112px 0 112px 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-middle-content .banner-middle-image .middle-content {
    padding: 120px 0 120px 50px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-middle-content .banner-middle-image .middle-content {
    max-width: 330px;
    padding: 150px 0 150px 40px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-middle-content .banner-middle-image .middle-content {
    max-width: 300px;
    padding: 120px 0 120px 40px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-middle-content .banner-middle-image .middle-content {
    max-width: 250px;
    padding: 80px 0 80px 40px;
  }
}

.banner-middle-content .banner-middle-image .middle-content .middle-span {
  font-size: 22px;
  line-height: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-middle-content .banner-middle-image .middle-content .middle-span {
    color: var(--heading-color) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-middle-content .banner-middle-image .middle-content .middle-span {
    font-size: 20px !important;
    color: var(--heading-color) !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-middle-content .banner-middle-image .middle-content .middle-span {
    font-size: 18px !important;
    color: var(--heading-color) !important;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-middle-content .banner-middle-image .middle-content .middle-span {
    font-size: 18px !important;
    color: var(--heading-color) !important;
  }
}

@media only screen and (max-width: 375px) {
  .banner-middle-content .banner-middle-image .middle-content .middle-span {
    font-size: 15px !important;
  }
}

.banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
  font-size: 46px;
  line-height: 65px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 36px;
    line-height: 50px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 32px;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 26px;
  }
}

.banner-middle-content .banner-middle-image .middle-content .banner-middle-title:hover {
  color: var(--main-color-one);
}

.banner-middle-content .banner-middle-image .middle-content .banner-middle-title.hover-color-two:hover {
  color: var(--main-color-two);
}

.banner-middle-content .banner-middle-image .middle-content .banner-middle-title.hover-color-three:hover {
  color: var(--main-color-three);
}

.banner-middle-content .banner-middle-image .middle-content .banner-middle-title.hover-color-four:hover {
  color: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-middle-content .banner-middle-image .middle-content .btn-buy {
    margin-top: 20px;
    font-size: 18px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-right-image-content {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 767.98px) {
  .banner-right-image-content {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-right-image-content .single-right-image {
    padding: 23px 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-right-image-content .single-right-image:not(:last-child) {
    margin-bottom: 0;
    margin-right: 24px;
  }
}

@media only screen and (max-width: 767.98px) {
  .banner-right-image-content .single-right-image:not(:last-child) {
    margin-right: 0;
    margin-bottom: 24px;
  }
}

.single-right-image {
  display: block;
  position: relative;
  z-index: 2;
  padding: 0;
}

.single-right-image:not(:last-child) {
  margin-bottom: 35px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .single-right-image:not(:last-child) {
    margin-bottom: 25px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-right-image:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-right-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.3);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-right-image::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.3);
  }
}

.single-right-image img {
  margin: 0 auto;
  text-align: center;
}

.single-right-image .banner-right-contents {
  position: absolute;
  top: 30px;
  left: 30px;
  right: 0;
  text-align: left;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-right-image .banner-right-contents {
    top: 20px;
    left: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-right-image .banner-right-contents {
    top: 20px;
    left: 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-right-image .banner-right-contents {
    top: 20px;
    left: 20px;
    font-size: 22px !important;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-right-image .banner-right-contents {
    font-size: 20px !important;
  }
}

.single-right-image .banner-right-title {
  text-transform: uppercase;
  z-index: 9;
}

.single-right-image .banner-right-title:hover {
  color: var(--main-color-one);
}

.single-right-image .btn-shop-right {
  color: var(--main-color-one);
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  -webkit-text-decoration: underline var(--main-color-one);
  text-decoration: underline var(--main-color-one);
}

.banner-two {
  padding-top: 5px;
}

.banner-two .banner-middle-content .banner-middle-image .middle-content {
  max-width: 650px;
  padding: 175px 0 175px 50px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content {
    max-width: 550px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content {
    max-width: 500px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content {
    max-width: 500px;
    padding: 175px 0 175px 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content {
    max-width: 450px;
    padding: 175px 0 175px 50px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content {
    max-width: 400px;
  }
}

@media only screen and (max-width: 767.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content {
    padding: 170px 0 170px 30px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content {
    padding: 90px 0 90px 30px;
  }
}

@media only screen and (max-width: 480px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content {
    padding: 100px 0 100px 30px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content {
    padding: 20px 0 80px 20px;
  }
}

.banner-two .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
  font-size: 30px;
  color: var(--main-color-two);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
    font-size: 24px;
  }
}

@media only screen and (max-width: 480px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
    font-size: 22px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
    font-size: 20px;
  }
}

.banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
  font-size: 65px;
  line-height: 80px;
  text-transform: uppercase;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 50px;
    line-height: 65px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 45px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 45px;
    line-height: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 40px;
    line-height: 55px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 36px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 26px;
  }
}

.banner-two .banner-middle-content .banner-middle-image .middle-content .banner-middle-title:hover {
  color: var(--main-color-two);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-right-sidebar {
    margin-top: 24px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-right-sidebar {
    margin-top: 24px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-right-sidebar {
    margin-top: 24px;
  }
}

.banner-three .banner-middle-content .banner-middle-image .middle-content {
  max-width: 650px;
  padding: 230px 0 230px 80px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content {
    max-width: 550px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content {
    max-width: 500px;
    padding: 250px 0 250px 80px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content {
    max-width: 500px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content {
    max-width: 450px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content {
    max-width: 400px;
    padding: 170px 0 170px 50px;
  }
}

@media only screen and (max-width: 767.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content {
    padding: 170px 0 170px 30px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content {
    padding: 100px 0 100px 30px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content {
    padding: 80px 0 80px 20px;
  }
}

.banner-three .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
  font-size: 30px;
  color: var(--main-color-three);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
    font-size: 24px;
  }
}

@media only screen and (max-width: 480px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
    font-size: 22px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .middle-span .percent {
    font-size: 20px;
  }
}

.banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
  font-size: 60px;
  line-height: 80px;
  text-transform: uppercase;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 60px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 45px;
    line-height: 60px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 45px;
    line-height: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 40px;
    line-height: 55px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 36px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title {
    font-size: 26px;
  }
}

.banner-three .banner-middle-content .banner-middle-image .middle-content .banner-middle-title:hover {
  color: var(--main-color-three);
}

.banner-three .trendy-product-wrapper .single-trendy-products {
  padding-top: 20px;
}

/* Topbar area */
.topbar-area {
  padding: 10px 0;
}

.topbar-logo .topbar-area.index-03 {
  padding: 0;
}

.topbar-logo {
  max-width: 170px;
}

.hover-color-two .topbar-social li a:hover {
  color: var(--main-color-two);
}

.hover-color-two .topbar-faq a:hover {
  color: var(--main-color-two);
}

.hover-color-two .call-us a:hover {
  color: var(--main-color-two);
}

.hover-color-three .topbar-social li a:hover {
  color: var(--main-color-three);
}

.hover-color-three .topbar-faq a:hover {
  color: var(--main-color-three);
}

.hover-color-three .call-us a:hover {
  color: var(--main-color-three);
}

.hover-color-four .topbar-social li a:hover {
  color: var(--main-color-four);
}

.hover-color-four .topbar-faq a:hover {
  color: var(--main-color-four);
}

.hover-color-four .call-us a:hover {
  color: var(--main-color-four);
}

.topbar-select-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.language-content {
  z-index: 9998;
}

.language-content:not(:last-child) {
  margin-right: 10px;
}

.language-content.ussd-content .nice-select {
  width: 90px;
}

@media only screen and (max-width: 375px) {
  .language-content.ussd-content .nice-select {
    width: 70px;
  }
}

.language-content .nice-select {
  background: none;
  border: 0;
  display: inline-block;
  color: var(--white);
  width: 85px;
  height: 30px;
  line-height: 30px;
}

.language-content .nice-select.open {
  border: 0;
}

.language-content .nice-select:focus {
  outline: none;
  border: 0;
}

.language-content .nice-select::after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 15px;
}

@media only screen and (max-width: 375px) {
  .language-content .nice-select::after {
    width: 7px;
    height: 7px;
  }
}

@media only screen and (max-width: 375px) {
  .language-content .nice-select {
    padding: 0;
    width: 60px;
  }
}

.language-content .nice-select .option.selected {
  background: #040B25;
  color: var(--white);
  font-weight: 400;
}

.language-content .nice-select .option:hover {
  background: #fff;
  color: #040B25;
}

.language-content .nice-select .list {
  width: 100%;
  background: #040B25;
}

.language-content .nice-select .nice-select-search-box {
  background: #040B25;
}

.language-content .nice-select .nice-select-search-box .nice-select-search {
  background: none;
  color: var(--white);
}

.topbar-left-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .topbar-left-flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.topbar-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.topbar-social li:not(:last-child) {
  margin-right: 5px;
}

.topbar-social li a {
  font-size: 20px;
  color: var(--white);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.topbar-social li a:hover {
  color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .topbar-social li a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575.98px) {
  .topbar-social li a {
    font-size: 16px;
  }
}

.topbar-right-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .topbar-right-flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
  }
}

.topbar-faq:not(:first-child) {
  margin-left: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .topbar-faq:not(:first-child) {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .topbar-faq:not(:first-child) {
    margin-left: 10px;
  }
}

.topbar-faq a {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.topbar-faq a:hover {
  color: var(--main-color-one);
}

@media only screen and (max-width: 575.98px) {
  .topbar-faq a {
    font-size: 14px;
  }
}

.call-us {
  margin-left: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .call-us {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .call-us {
    font-size: 14px;
  }
}

@media only screen and (max-width: 375px) {
  .call-us {
    margin-left: 10px;
  }
}

.call-us a {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.call-us a:hover {
  color: var(--main-color-one);
}

@media only screen and (max-width: 575.98px) {
  .call-us a {
    font-size: 14px;
  }
}

.topbar-bg-1 {
  background-color: #040B25;
}

.topbar-right-contents .list,
.topbar-right-offer .list {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.topbar-right-contents .list li a,
.topbar-right-offer .list li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-white);
  transition: all .3s;
}

.topbar-right-contents .list li a:hover,
.topbar-right-offer .list li a:hover {
  color: var(--white);
  text-decoration: underline;
}

/* Topbar-bottom-area */
.topbar-bottom-area {
  padding: 30px 0 15px;
  position: relative;
  z-index: 96;
}

.topbar-bottom-area.index-02 {
  padding-top: 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .topbar-bottom-area {
    padding: 10px 0;
  }
}

.topbar-bottom-area.index-03 {
  padding: 15px 0;
  z-index: 9;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .index-02 .category-searchbar {
    z-index: 4;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .index-03 .category-searchbar {
    z-index: 4;
  }
}

.category-searchbar {
  position: relative;
  z-index: 4;
}

.category-searchbar .category-select {
  position: absolute;
  top: 0;
  right: 70px;
}

.category-searchbar .category-select .nice-select {
  border: 0;
  outline: none;
  background: none;
  color: var(--heading-color);
}

.category-searchbar .category-select .nice-select::after {
  right: 10px;
}

.category-searchbar .form--control {
  padding: 0 200px 0 20px;
}

.single-searchbar {
  position: relative;
}

.label-1 {
  font-size: 14px;
  font-width: 400;
  color: var(--paragraph-color);
}

.form--control {
  height: 55px;
  font-size: 15px;
  border: 1px solid #DDD;
  width: 100%;
  padding: 0 100px 0 20px;
  color: var(--body-color);
}

.form--control.input-height-1 {
  height: 42px;
}

.form--control.input-height-2 {
  height: 45px;
}

.form--control.input-height-3 {
  height: 50px;
}

.form--checkbox-1 {
  height: 20px;
  width: 20px;
  border: 1px solid #ddd;
  transition: all .3s;

}

.form--checkbox-1:before {}

.checkbox-label-1 {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  font-size: 14px;
  color: var(--paragraph-color);
}

.right-position-button {
  position: absolute;
  right: 0;
  height: calc(100% - 4px);
  padding: 0 20px;
  font-size: 20px;
  background: var(--main-color-one);
  border: 0;
  outline: none;
  color: var(--white);
  cursor: pointer;
}

.right-position-button.margin-2 {
  margin: 2px;
}

.topbar-bottom-right-content {
  margin-left: 100px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .topbar-bottom-right-content {
    margin-left: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .topbar-bottom-right-content {
    margin-left: 30px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .topbar-bottom-right-content {
    margin-left: 0;
    margin-top: 20px;
  }
}

.topbar-bottom-right-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-end;
}

@media screen and (max-width: 991.98px) {
  .topbar-bottom-right-flex {
    justify-content: space-between;
  }
}

.nicescroll-rails {
  background: none;
}

.nicescroll-cursors {
  background-color: var(--body-color) !important;
  width: 5px !important;
}

.search-suggestions .nicescroll-cursors {
  background-color: var(--main-color-one) !important;
  width: 5px !important;
}

.color-one .nicescroll-cursors {
  background-color: var(--main-color-two) !important;
}

.color-two .nicescroll-cursors {
  background-color: var(--main-color-two) !important;
}

.color-three .nicescroll-cursors {
  background-color: var(--main-color-three) !important;
}

.searchbar-suggetions {
  position: relative;
}

.searchbar-suggetions .search-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 30px 20px;
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.4);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.4);
  visibility: hidden;
  opacity: 0;
  max-height: 550px;
  overflow-y: hidden;
}
@media only screen and (max-width: 480px) {
  .searchbar-suggetions .search-suggestions {
    padding: 30px 10px;
  }
}

.searchbar-suggetions .search-suggestions.show {
  visibility: visible;
  opacity: 1;
}

.item-suggestions:not(:last-child) {
  margin-bottom: 20px;
}

.item-suggestions .item-title {
  font-size: 18px;
  width: 100%;
  background-color: rgba(221, 221, 221, 0.2);
  padding: 5px 10px;
}

.category-suggestion {
  max-height: 300px;
}

.category-suggestion-list {
  max-height: 100px;
  overflow-y: auto;
  padding: 0 10px;
  scrollbar-color: var(--main-color-one) var(--border-color);
  scrollbar-width: thin;
}
.category-suggestion-list::-webkit-scrollbar {
  width: 3px;
}
.category-suggestion-list::-webkit-scrollbar-track {
  background-color: var(--border-color);
}
.category-suggestion-list::-webkit-scrollbar-thumb {
  width: 3px;
  background-color: var(--main-color-one);
  border-radius: 10px;
}
.category-suggestion-list .list:not(:last-child) {
  margin-bottom: 10px;
}

.category-suggestion-list .list .item {
  font-size: 16px;
  color: var(--heading-color);
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.category-suggestion-list .list .item:hover {
  color: var(--main-color-one);
}

.product-suggestion-list {
  max-height: 260px;
  overflow-y: auto;
  padding: 0 10px;
  scrollbar-color: var(--main-color-one) var(--border-color);
  scrollbar-width: thin;
}
.product-suggestion-list::-webkit-scrollbar {
  width: 3px;
}
.product-suggestion-list::-webkit-scrollbar-track {
  background-color: var(--border-color);
}
.product-suggestion-list::-webkit-scrollbar-thumb {
  width: 3px;
  background-color: var(--main-color-one);
  border-radius: 10px;
}

.product-suggestion-list .list:not(:last-child) {
  margin-bottom: 20px;
}

.product-suggestion-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 480px) {
  .product-suggestion-list .item {
    display: block;
  }
}

.product-suggestion-list .item .product-image {
  border: 1px solid rgba(221, 221, 221, 0.5);
  padding: 5px 15px;
  height: 100px;
  width: 120px;
}

.product-suggestion-list .item .product-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-suggestion-list .item .product-image {
    width: 80px;
    height: 100px;
    padding: 10px 0px;
  }
}

.product-suggestion-list .item .product-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 480px) {
  .product-suggestion-list .item .product-info .product-info-top {
    margin-top: 10px;
  }
}

.product-suggestion-list .item .product-info .product-info-top .product-name {
  font-size: 18px;
  line-height: 28px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-suggestion-list .item .product-info .product-info-top .product-name {
    font-size: 17px;
  }
}

.product-suggestion-list .item .product-info .product-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-suggestion-list .item .product-info .product-price {
    gap: 7px;
  }
}

.product-suggestion-list .item .product-info .product-price .price-update-through {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.product-suggestion-list .item .product-info .product-price .price-update-through .flash-price {
  font-size: 20px;
  color: var(--heading-color);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-suggestion-list .item .product-info .product-price .price-update-through .flash-price {
    font-size: 18px;
  }
}

.product-suggestion-list .item .product-info .product-price .price-update-through .flash-old-prices {
  font-size: 15px;
  text-decoration: line-through;
}

.product-suggestion-list .item .product-info .product-price .main-price {
  font-size: 18px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-suggestion-list .item .product-info .product-price .main-price {
    font-size: 17px;
  }
}

.product-suggestion-list .item .product-info .stock-out {
  font-size: 16px;
  background: var(--main-color-one);
  color: var(--white);
  padding: 5px 10px;
  display: inline-block;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-suggestion-list .item .product-info .stock-out {
    font-size: 15px;
    padding: 5px 5px;
  }
}

.color-two .product-suggestion-list .item .product-info .stock-out {
  background: var(--main-color-two);
}

.color-two .category-suggestion-list .list .item:hover {
  color: var(--main-color-two);
}

.color-three .product-suggestion-list .item .product-info .stock-out {
  background: var(--main-color-three);
}

.color-three .category-suggestion-list .list .item:hover {
  color: var(--main-color-three);
}

.track-order {
  font-size: 16px;
  line-height: 28px;
  color: var(--paragraph-color);
}

.track-order:hover {
  color: var(--main-color-one);
}

.track-icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.track-icon-list.white-color .single-icon .icon {
  color: var(--white);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.track-icon-list .single-icon {
  position: relative;
}

.track-icon-list .single-icon .icon {
  font-size: 26px;
  color: var(--heading-color);
}

.track-icon-list .single-icon .icon:hover {
  color: var(--main-color-one);
}

@media only screen and (max-width: 375px) {
  .track-icon-list .single-icon .icon {
    font-size: 20px;
  }
}

.track-icon-list .single-icon.hover-color-two .icon:hover {
  color: var(--main-color-two);
}

.track-icon-list .single-icon.hover-color-three .icon:hover {
  color: var(--main-color-three);
}

.track-icon-list .single-icon.hover-color-four .icon:hover {
  color: var(--main-color-four);
}

.track-icon-list .single-icon .icon-notification {
  position: absolute;
  top: -2px;
  right: -10px;
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 22px;
  width: 22px;
  background: var(--main-color-one);
  color: var(--white);
  border-radius: 50%;
}

@media only screen and (max-width: 375px) {
  .track-icon-list .single-icon .icon-notification {
    height: 18px;
    width: 18px;
    font-size: 12px;
  }
}

.track-icon-list .single-icon .icon-notification.bg-color-one {
  background: var(--main-color-one);
}

.track-icon-list .single-icon .icon-notification.bg-color-two {
  background: var(--main-color-two);
}

.track-icon-list .single-icon .icon-notification.bg-color-three {
  background: var(--main-color-three);
}

.track-icon-list .single-icon .icon-notification.bg-color-four {
  background: var(--main-color-four);
}

.login-account {
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.topbar-bottom-area.index-02 .track-icon-list-item .login-account {
  display: none;
}

.login-account:hover .account-list-item {
  visibility: visible;
  opacity: 1;
  top: 100%;
  background: #fff;
}

.login-account .account-list-item {
  position: absolute;
  top: 130%;
  right: 0;
  background: #fff;
  z-index: 9998;
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
  width: 220px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: block !important;
  margin-left: 0 !important;
}

.login-account .account-list-item.hover-color-two .list a:hover {
  background: var(--main-color-two);
}

.login-account .account-list-item.hover-color-three .list a:hover {
  background: var(--main-color-three);
}

.login-account .account-list-item.hover-color-four .list a:hover {
  background: var(--main-color-four);
}

.login-account .account-list-item .list {
  margin: 0 !important;
  display: block !important;
}

.login-account .account-list-item .list a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 20px;
  color: var(--heading-color);
  border-bottom: 1px solid rgba(221, 221, 221, 0.7);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.login-account .account-list-item .list a:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.login-account.style-02 {
  position: relative;
  z-index: 9999;
}

.login-account.style-02 .account-list-item .list a:hover {
  background: var(--main-color-three);
}

.login-account.style-02 .accounts {
  color: var(--white);
  background: var(--main-color-one);
  padding: 10px 20px;
}

.login-account.style-02 .accounts:hover {
  background: #fff;
  color: var(--main-color-one);
}

.login-account.style-02 .accounts:hover i {
  color: var(--main-color-one);
}

.login-account.style-02 .accounts i {
  color: var(--white);
}

.login-account.style-02 .accounts.bg-color-two {
  background: var(--main-color-two);
}

.login-account.style-02 .accounts.bg-color-two:hover {
  background: #fff;
  color: var(--main-color-two);
}

.login-account.style-02 .accounts.bg-color-two:hover i {
  color: var(--main-color-two);
}

.login-account.style-02 .accounts.bg-color-three {
  background: var(--main-color-three);
}

.login-account.style-02 .accounts.bg-color-three:hover {
  background: #fff;
  color: var(--main-color-three);
}

.login-account.style-02 .accounts.bg-color-three:hover i {
  color: var(--main-color-three);
}

.login-account.style-02 .accounts.bg-color-four {
  background: var(--main-color-four);
}

.login-account.style-02 .accounts.bg-color-four:hover {
  background: #fff;
  color: var(--main-color-four);
}

.login-account.style-02 .accounts.bg-color-four:hover i {
  color: var(--main-color-four);
}

.login-account.white-color .accounts {
  color: var(--white);
}

.login-account.white-color .accounts:hover {
  color: var(--main-color-one);
}

.login-account.white-color .accounts:hover i {
  color: var(--main-color-one);
}

.login-account.white-color .accounts i {
  color: var(--white);
}

.login-account .accounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: var(--paragraph-color);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.login-account .accounts:hover {
  color: var(--main-color-one);
}

.login-account .accounts.hover-color-two i {
  color: var(--main-color-two);
}

.login-account .accounts.hover-color-two:hover {
  color: var(--main-color-two);
}

.login-account .accounts.hover-color-two:hover i {
  color: var(--main-color-two);
}

.login-account .accounts.hover-color-three i {
  color: var(--main-color-three);
}

.login-account .accounts.hover-color-three:hover {
  color: var(--main-color-three);
}

.login-account .accounts.hover-color-three:hover i {
  color: var(--main-color-three);
}

.login-account .accounts.hover-color-four i {
  color: var(--main-color-four);
}

.login-account .accounts.hover-color-four:hover {
  color: var(--main-color-four);
}

.login-account .accounts.hover-color-four:hover i {
  color: var(--main-color-four);
}

.login-account .accounts i {
  font-size: 26px;
  color: var(--main-color-one);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media only screen and (max-width: 375px) {
  .login-account .accounts i {
    font-size: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .login-account .accounts {
    gap: 5px;
  }
}

.cart-shopping {
  position: relative;
  z-index: 2;
}

.cart-shopping:hover .addto-cart-contents {
  visibility: visible;
  opacity: 1;
  top: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .cart-shopping:hover .addto-cart-contents {
    -webkit-transform: translateX(-65%) scale(1);
    transform: translateX(-65%) scale(1);
  }
  .index-02 .cart-shopping:hover .addto-cart-contents {
    transform: translateX(-12%);
  }
}


@media only screen and (max-width: 480px) {
  .cart-shopping:hover .addto-cart-contents {
    -webkit-transform: translateX(-38%);
    transform: translateX(-38%);
  }
  .index-02 .cart-shopping:hover .addto-cart-contents {
    transform: translateX(-12%);
  }
}

@media only screen and (max-width: 375px) {
  .cart-shopping:hover .addto-cart-contents {
    -webkit-transform: translateX(-35%);
    transform: translateX(-35%);
  }
  .index-02 .cart-shopping:hover .addto-cart-contents {
    transform: translateX(-12%);
  }
}

.cart-shopping .addto-cart-contents {
  position: absolute;
  right: 0;
  top: 130%;
  z-index: 3;
  width: 500px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .cart-shopping .addto-cart-contents {
    right: auto;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@media (min-width: 300px) and (max-width: 575px) {
  .cart-shopping .addto-cart-contents {
    width: 400px ;
  }
}
@media only screen and (max-width: 480px) {
  .cart-shopping .addto-cart-contents {
    width: 320px;
  }
}

@media only screen and (max-width: 480px) {
  .cart-shopping .addto-cart-contents {
    width: 270px;
    padding: 10px;
    right: 100%;
  }
}

.cart-shopping .addto-cart-contents .cart-total-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
}

.cart-shopping .single-addto-cart-wrappers {
  max-height: 240px;
  overflow-y: auto;
}

.cart-shopping .single-addto-carts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cart-shopping .single-addto-carts:not(:last-child) {
  margin-bottom: 10px;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}


.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-thumb {
  height: 70px;
  width: 70px;
  flex-shrink: 0;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 480px) {
  .cart-shopping .single-addto-carts .addto-cart-flex-contents {
    flex-wrap: wrap;
  }
  .cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-thumb {
    width: 50px;
  }
  .addto-cart-title {
    font-size: 14px;
  }
}
.addto-cart-img-contents {
  flex: 1;
}
.addto-cart-title {
  font-size: 16px;
}
.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .old-price {
  text-decoration: line-through;
}

.cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .price-title {
  color: var(--main-color-one);
}

.color-two .cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .price-title {
  color: var(--main-color-two);
}

.color-three .cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .price-title {
  color: var(--main-color-three);
}

.color-four .cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .price-title {
  color: var(--main-color-four);
}

.color-five .cart-shopping .single-addto-carts .addto-cart-flex-contents .addto-cart-img-contents .price-updates .price-title {
  color: var(--main-color-five);
}

.cart-shopping .btn-wrapper .cart-btn {
  color: var(--white);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--body-font);
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  line-height: 24px;
  padding: 10px 35px;
  border: 1px solid var(--main-color-one);
  background-color: var(--main-color-one);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .cart-shopping .btn-wrapper .cart-btn {
    line-height: 28px;
  }
}

@media only screen and (max-width: 575.98px) {
  .cart-shopping .btn-wrapper .cart-btn {
    line-height: 24px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .cart-shopping .btn-wrapper .cart-btn {
    padding: 8px 25px;
    font-size: 14px;
  }
}

.cart-shopping .btn-wrapper .cart-btn:hover {
  background: none;
  color: var(--main-color-one);
}

.cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
  background: none;
  color: var(--main-color-one);
  border: 1px solid var(--main-color-one);
}

.cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
  background-color: var(--main-color-one);
  color: var(--white);
}

.color-two .right-position-button {
  background: var(--main-color-two);
}

.color-two .track-icon-list .single-icon .icon:hover {
  color: var(--main-color-two);
}

.color-two .track-icon-list .single-icon .icon-notification {
  background: var(--main-color-two);
}

.color-two .cart-shopping .btn-wrapper .cart-btn {
  background-color: var(--main-color-two);
  border-color: var(--main-color-two);
}

.color-two .cart-shopping .btn-wrapper .cart-btn:hover {
  color: var(--main-color-two);
  background: none;
}

.color-two .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
  border: 1px solid var(--main-color-two);
  background: none;
  color: var(--main-color-two);
}

.color-two .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
  background-color: var(--main-color-two);
  color: var(--white);
}

.color-two .login-account .accounts i {
  color: var(--main-color-two);
}

.color-two .login-account .accounts:hover {
  color: var(--main-color-two);
}

.color-two .login-account .account-list-item .list a:hover {
  background-color: var(--main-color-two);
}

.color-three .right-position-button {
  background: var(--main-color-three);
}

.color-three .track-icon-list .single-icon .icon:hover {
  color: var(--main-color-three);
}

.color-three .track-icon-list .single-icon .icon-notification {
  background: var(--main-color-three);
}

.color-three .cart-shopping .btn-wrapper .cart-btn {
  background-color: var(--main-color-three);
  border-color: var(--main-color-three);
}

.color-three .cart-shopping .btn-wrapper .cart-btn:hover {
  color: var(--main-color-three);
  background: none;
}

.color-three .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
  border: 2px solid var(--main-color-three);
  background: none;
  color: var(--main-color-three);
}

.color-three .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
  background-color: var(--main-color-three);
  color: var(--white);
}

.color-three .login-account .accounts i {
  color: var(--main-color-three);
}

.color-three .login-account .accounts:hover {
  color: var(--main-color-three);
}

.color-three .login-account .account-list-item .list a:hover {
  background-color: var(--main-color-three);
}

.color-four .right-position-button {
  background: var(--main-color-four);
}

.color-four .track-icon-list .single-icon .icon:hover {
  color: var(--main-color-four);
}

.color-four .track-icon-list .single-icon .icon-notification {
  background: var(--main-color-four);
}

.color-four .cart-shopping .btn-wrapper .cart-btn {
  background-color: var(--main-color-four);
  border-color: var(--main-color-four);
}

.color-four .cart-shopping .btn-wrapper .cart-btn:hover {
  color: var(--main-color-four);
  background: none;
}

.color-four .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
  border: 2px solid var(--main-color-four);
  background: none;
  color: var(--main-color-four);
}

.color-four .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
  background-color: var(--main-color-four);
  color: var(--white);
}

.color-four .login-account .accounts i {
  color: var(--main-color-four);
}

.color-four .login-account .accounts:hover {
  color: var(--main-color-four);
}

.color-four .login-account .account-list-item .list a:hover {
  background-color: var(--main-color-four);
}

/* Top-menu-category */
@media (min-width: 300px) and (max-width: 991.98px) {
  .index-02 .top-menu-category {
    z-index: 2;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .index-03 .top-menu-category {
    z-index: 5;
  }
}

.top-menu-category {
  position: relative;
  z-index: 1;
  max-width: 100%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .top-menu-category {
    margin-bottom: 15px;
  }
}

.top-menu-category .navbar-nav-side {
  max-width: 100%;
  width: 100%;
}

.top-menu-category.style-02 .cate-list:hover {
  background: rgba(0, 136, 221, 0.1);
}

.top-menu-category.style-02 .cate-list:hover.menu-item-has-children::after {
  color: var(--main-color-two);
}

.top-menu-category.style-02 .cate-list:hover .category-menu-inner .category-menu-image img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.top-menu-category.style-02 .cate-list:hover .category-menu-inner .category-list .title {
  color: var(--main-color-two);
}

.top-menu-category.style-03 .navbar-area-side {
  visibility: hidden;
  opacity: 0;
}

.top-menu-category.style-03 .navbar-area-side.active {
  visibility: visible;
  opacity: 1;
}

.single-category-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 17px 30px 18px;
  height: 68px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-category-flex {
    padding: 18px 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-category-flex {
    padding: 18px 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-category-flex {
    padding: 10px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-category-flex {
    padding: 15px 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-category-flex {
    padding: 13px 20px;
  }
}

@media only screen and (max-width: 375px) {
  .single-category-flex {
    padding: 10px 20px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .index-02 .navbar-area-side {
    max-height: 540px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .index-02 .navbar-area-side {
    max-height: 540px;
    top: 95px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .index-02 .navbar-area-side {
    max-height: 540px;
    top: 74px;
  }
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .index-02 .cate-list {
    padding: 12px 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .index-02 .cate-list {
    padding: 12px 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .index-02 .cate-list.menu-item-has-children::after {
    top: 15px;
  }
}

.index-02 .cate-list .category-megamenu {
  border-color: var(--main-color-two);
}

.index-03 .navbar-area-side {
  visibility: hidden;
  opacity: 0;
}

.index-03 .navbar-area-side.active {
  visibility: visible;
  opacity: 1;
}

.index-03 .cate-list:hover .category-menu-inner .category-menu-image img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.index-03 .cate-list:hover .category-menu-inner .category-list .title {
  color: var(--main-color-three);
}

.index-03 .cate-list .category-megamenu {
  border-color: var(--main-color-three);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .inner-page .navbar-area-side {
    visibility: visible;
    opacity: 1;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .inner-page .navbar-area-side.active {
    visibility: hidden;
    opacity: 0;
  }
}

.navbar-area-side {
  position: absolute;
  left: 0;
  top: 85px;
  z-index: 99;
  background-color: var(--white);
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  max-width: 100%;
  width: 100%;
}
@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area-side {
    visibility: hidden;
    opacity: 0;
    padding: 10px;
    width: 100%;
    top: 75px;
  }
}

@media only screen and (max-width: 575.98px) {
  .navbar-area-side {
    top: 70px;
  }
}

@media only screen and (max-width: 375px) {
  .navbar-area-side {
    top: 60px;
  }
}

.navbar-area-side.active {
  visibility: hidden;
  opacity: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area-side.active {
    visibility: visible;
    opacity: 1;
  }
}

.navbar-nav-side>li,
.cate-list {
  width: 100%;
  display: inline-block;
  padding: 20px 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.navbar-nav-side>li:not(:last-child),
.cate-list:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

  .navbar-nav-side>li,
  .cate-list {
    padding: 20px 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .navbar-nav-side>li,
  .cate-list {
    padding: 20px 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {

  .navbar-nav-side>li,
  .cate-list {
    padding: 15px 10px;
  }
}

.navbar-nav-side li.menu-item-has-children,
.cate-list.menu-item-has-children {
  position: relative;
  z-index: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {

  .navbar-nav-side li.menu-item-has-children.active::after,
  .cate-list.menu-item-has-children.active::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.navbar-nav-side li.menu-item-has-children::after,
.cate-list.menu-item-has-children::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  top: 20px;
  right: 20px;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1200px) and (max-width: 1880px) {

  .navbar-nav-side li.menu-item-has-children::after,
  .cate-list.menu-item-has-children::after {
    top: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

  .navbar-nav-side li::after,
  .cate-list.menu-item-has-children::after {
    right: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .navbar-nav-side li.menu-item-has-children::after,
  .cate-list.menu-item-has-children::after {
    right: 5px;
    top: 12px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {

  .navbar-nav-side li.menu-item-has-children::after,
  .cate-list.menu-item-has-children::after {
    top: 17px;
    right: 7px;
  }
}

.navbar-nav-side li.menu-item-has-children:hover::after,
.cate-list.menu-item-has-children:hover::after {
  color: var(--main-color-one);
}

.navbar-nav-side li.menu-item-has-children:hover .category-megamenu,
.cate-list.menu-item-has-children:hover .category-megamenu {
  visibility: visible;
  opacity: 1;
  top: 0;
}

.navbar-nav-side li:hover .category-menu-inner .category-menu-image img,
.cate-list:hover .category-menu-inner .category-menu-image img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.navbar-nav-side li:hover .category-menu-inner .category-list .title,
.cate-list:hover .category-menu-inner .category-list .title {
  color: var(--main-color-one);
}

.navbar-nav-side li .category-megamenu, .cate-list .category-megamenu {
  position: absolute;
  text-align: left;
  margin: 0;
  padding: 0;
  list-style: none;
  left: 100%;
  top: 100%;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  background-color: var(--white);
  z-index: 992;
  border-bottom: 4px solid var(--main-color-one);
  visibility: hidden;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding: 20px 20px 20px;
  max-width: 800px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-height: 370px;
  overflow-y: auto;
  gap: 24px;
  scrollbar-width: thin;
  scrollbar-color: #aaa #dbdbdb;
}

.navbar-nav-side li .category-megamenu::-webkit-scrollbar,
.cate-list .category-megamenu::-webkit-scrollbar {
  width: 5px;
  background-color: #dbdbdb;
}

.navbar-nav-side li .category-megamenu::-webkit-scrollbar-thumb,
.cate-list .category-megamenu::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-nav-side li .category-megamenu,
  .cate-list .category-megamenu {
    max-width: calc(100vw - 300px);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {

  .navbar-nav-side li .category-megamenu,
  .cate-list .category-megamenu {
    display: block;
    left: 0;
    max-height: 250px;
    overflow-y: scroll;
  }
}

.navbar-nav-side li .category-megamenu .single-megamenu,
.cate-list .category-megamenu .single-megamenu {
  min-width: 125px;
  display: inline-block;
  width: 150px;
}


.cate-list .category-megamenu .single-megamenu .single-category-megamenu>.submenu-title {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: var(--heading-color);
  min-height: 40px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:not(:first-child) {
  margin-top: 24px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-thumbs {
  height: 170px;
  width: 200px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-thumbs img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents {
  padding-top: 20px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-one);
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title.hover-color-two:hover {
  color: var(--main-color-two);
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title.hover-color-three:hover {
  color: var(--main-color-three);
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .megamenu-title.hover-color-four:hover {
  color: var(--main-color-four);
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates .price-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.cate-list .category-megamenu .single-megamenu .megamenu-product .megamenu-contents .price-updates .old-price {
  text-decoration: line-through;
}

.cate-list .category-megamenu .single-megamenu .new-collection {
  height: 250px;
  width: 220px;
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .new-collection:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.cate-list .category-megamenu .single-megamenu .new-collection img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu {
  padding: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover .category-contents .titles {
  color: var(--main-color-one);
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover .category-contents .titles.hover-color-two {
  color: var(--main-color-two);
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu:hover .category-contents .titles.hover-color-three {
  color: var(--main-color-three);
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-thumb {
  height: 100%;
  width: 100%;
  max-width: 200px;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-thumb>a {
  padding: 0;
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .titles {
    font-size: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .titles {
    font-size: 24px;
  }
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
}

@media only screen and (max-width: 767.98px) {
  .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn {
    font-size: 14px;
  }
}

.cate-list .category-megamenu .single-megamenu .single-category-megamenu .category-contents .collection-btn:hover {
  color: var(--main-color-one);
}

.cate-list .category-menu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cate-list .category-menu-inner .category-menu-image {
  max-height: 50px;
  max-width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-right: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .cate-list .category-menu-inner .category-menu-image {
    margin-right: 10px;
  }
}

.cate-list .category-menu-inner .category-menu-image img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.cate-list .category-menu-inner .category-menu-image i {
  color: var(--main-color-one);
}

.cate-list .category-menu-inner .category-menu-image.color-two i {
  color: var(--main-color-two);
}

.cate-list .category-menu-inner .category-menu-image.color-three i {
  color: var(--main-color-three);
}

.cate-list .category-menu-inner .category-menu-image.color-four i {
  color: var(--main-color-four);
}

.cate-list .category-menu-inner .category-list .title {
  color: var(--heading-color);
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 18px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .cate-list .category-menu-inner .category-list .title {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .cate-list .category-menu-inner .category-list .title {
    font-size: 15px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .cate-list .category-menu-inner .category-list .title {
    font-size: 16px;
    font-weight: 400;
  }
}

.cate-list .category-menu-inner .category-list .subtitles {
  display: block;
  color: var(--body-color);
  margin-top: 5px;
}

@media (min-width: 320px) and (max-width: 991px) {
  .cate-list.menu-item-has-children.active .category-megamenu {
    height: auto;
    visibility: visible;
    opacity: 1;
    padding: 20px 10px;
    min-width: 100%;
  }

  .cate-list.menu-item-has-children.active::after {
    color: var(--main-color-one);
  }

  .cate-list.menu-item-has-children .category-megamenu {
    position: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px 20px;
    padding-top: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
    padding-bottom: 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    max-height: 250px;
    overflow-y: scroll;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
  }
}

.round-menu-product img {}

.style-two-category-heading {
  -webkit-line-clamp: 2;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  min-height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
  margin-top: 7px;
}

.style-two-category-wrapper {
  width: 669px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

@media (min-width: 100px) and (max-width: 991px) {
  .cate-list.menu-item-has-children .category-megamenu {
    min-width: 100%;
    max-width: 100%;
  }

  .cate-list.menu-item-has-children .category-megamenu .single-category-megamenu {
    width: calc(100% / 3 - 16px);
  }

  .categoryNav__list .cate-list.menu-item-has-children .category-megamenu .single-category-megamenu {
    width: calc(100% / 1 - 0px);
  }

  .cate-list.menu-item-has-children .category-megamenu .single-megamenu>.single-category-megamenu {
    width: calc(100% / 1 - 0px);
  }

  .style-two-category-heading {
    width: auto;
    height: auto;
    font-size: 16px;
  }
}

@media (min-width: 100px) and (max-width: 767.98px) {
  .cate-list.menu-item-has-children .category-megamenu .single-category-megamenu {
    width: calc(100% / 2 - 12px);
  }

  .cate-list.menu-item-has-children .category-megamenu .single-megamenu>.single-category-megamenu {
    width: calc(100% / 1 - 0px);
  }

  .categoryNav__list .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
    width: calc(100% / 1 - 0px);
  }

}

@media (min-width: 100px) and (max-width: 375px) {
  .cate-list.menu-item-has-children .category-megamenu .single-category-megamenu {
    width: calc(100% / 1 - 0px);
  }

  .cate-list.menu-item-has-children .category-megamenu .single-megamenu>.single-category-megamenu {
    width: calc(100% / 1 - 0px);
  }

  .categoryNav__list .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
    width: calc(100% / 1 - 0px);
  }

}

@media (min-width: 100px) and (max-width: 991px) {
  .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
    padding: 0;
  }

  .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
    width: calc(100% / 3 - 16px);
  }

  .categoryNav__list .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
    width: calc(100% / 1 - 0px);
  }
}

@media (min-width: 100px) and (max-width: 767.98px) {

  .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
    width: calc(100% / 2 - 12px);
  }
}

@media (min-width: 100px) and (max-width: 375px) {

  .cate-list.menu-item-has-children .category-megamenu .single-megamenu {
    width: calc(100% / 1 - 0px);
  }
}

/* Promo area */
.promo-area {
  overflow: hidden;
}

.single-promo {
  padding: 30px;
  -webkit-box-shadow: 0 0 10px var(--gray-two);
  box-shadow: 0 0 10px var(--gray-two);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-promo {
    margin: 0;
    padding: 30px 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-promo {
    margin: 0;
    padding: 30px 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-promo {
    padding: 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-promo {
    margin: 0;
  }
}

.single-promo.sidebar-promo {
  display: block;
}

.single-promo.sidebar-promo:not(:last-child) {
  margin-bottom: 24px;
}

.single-promo .promo-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.single-promo .promo-inner-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: var(--heading-color);
}
.single-promo .promo-inner-para {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: var(--body-color);
}

@media only screen and (max-width: 375px) {
  .single-promo .promo-inner {
    display: block;
  }
}

.single-promo .icon {
  font-size: 45px;
  margin-right: 20px;
}

.single-promo .contents .common-para {
  margin-top: 10px;
}

/* Updated Area */
.updated-area {
  overflow: hidden;
}

.updated-area div[class*=col]:nth-child(4n+1) .single-updated {
  background-color: #FFF1E8;
}

.updated-area div[class*=col]:nth-child(4n+1) .single-updated::before {
  background: #FBEAD9;
}

.updated-area div[class*=col]:nth-child(4n+1) .single-updated::after {
  border-color: #FBEAD9;
}

.updated-area div[class*=col]:nth-child(4n+2) .single-updated {
  background-color: #E9F6FF;
}

.updated-area div[class*=col]:nth-child(4n+2) .single-updated::before {
  background: #d6efff;
}

.updated-area div[class*=col]:nth-child(4n+2) .single-updated::after {
  border-color: #d6efff;
}

.updated-area div[class*=col]:nth-child(4n+3) .single-updated {
  background-color: #FFECF0;
}

.updated-area div[class*=col]:nth-child(4n+3) .single-updated::before {
  background: #ffe0e6;
}

.updated-area div[class*=col]:nth-child(4n+3) .single-updated::after {
  border-color: #ffe0e6;
}

.updated-area div[class*=col]:nth-child(4n+4) .single-updated {
  background-color: #FFF8F0;
}

.updated-area div[class*=col]:nth-child(4n+4) .single-updated::before {
  background: #fff2e3;
}

.updated-area div[class*=col]:nth-child(4n+4) .single-updated::after {
  border-color: #fff2e3;
}

.single-updated {
  position: relative;
  z-index: 2;
  background-color: #FFF1E8;
  overflow: hidden;
}

.single-updated.column-four::before,
.single-updated.column-four::after {
  height: 250px;
  width: 250px;
}

.single-updated.column-four .updated-image-contents .updated-contents .updated-title {
  font-size: 28px;
}

.single-updated.column-four .updated-flex-contents {
  padding: 50px 0;
}

.single-updated.column-four .updated-flex-contents .updated-img {
  height: 160px;
  width: 160px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .single-updated.column-four .updated-flex-contents .updated-img {
    height: 140px;
    width: 140px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-updated.column-four .updated-flex-contents .updated-img {
    height: 110px;
    width: 100px;
  }
}

.single-updated.style-02 .updated-flex-contents {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-updated.style-02 .updated-flex-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.single-updated.style-02 .updated-flex-contents .updated-img {
  margin-right: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-updated.style-02 .updated-flex-contents .updated-img {
    margin-right: 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-updated.style-02 .updated-flex-contents .updated-img {
    margin: 0 auto 20px;
  }
}

.single-updated.style-02 .updated-flex-contents .updated-contents {
  margin-right: 0;
}

.single-updated::before,
.single-updated::after {
  content: "";
  position: absolute;
  left: -70px;
  top: -70px;
  height: 300px;
  width: 300px;
  z-index: -1;
  border-radius: 50%;
  background: #FBEAD9;
}

@media (min-width: 300px) and (max-width: 991.98px) {

  .single-updated::before,
  .single-updated::after {
    height: 200px;
    width: 200px;
  }
}

.single-updated::after {
  left: auto;
  right: -150px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 50px solid #FBEAD9;
  background: transparent;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-updated::after {
    right: -100px;
  }
}

.single-updated .updated-shapes {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: none;
}

.single-updated .updated-image-contents {
  position: relative;
  z-index: 1;
  padding: 0 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-updated .updated-image-contents {
    padding: 20px 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-updated .updated-image-contents .updated-contents {
    text-align: center;
  }
}

.single-updated .updated-image-contents .updated-contents .updated-top {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 8px;
  display: block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-updated .updated-image-contents .updated-contents .updated-top {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-updated .updated-image-contents .updated-contents .updated-top {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .single-updated .updated-image-contents .updated-contents .updated-top {
    font-size: 14px;
  }
}

.single-updated .updated-image-contents .updated-contents .updated-title {
  font-size: 36px;
  line-height: 42px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-updated .updated-image-contents .updated-contents .updated-title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 480px) {
  .single-updated .updated-image-contents .updated-contents .updated-title {
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .single-updated .updated-image-contents .updated-contents .updated-title {
    font-size: 26px;
  }
}

.updated-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 100px 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .updated-flex-contents {
    padding: 20px 0;
    display: block;
  }
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .updated-flex-contents {
    padding: 60px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .updated-flex-contents {
    padding: 60px 0;
  }
}

.updated-flex-contents .updated-img {
  height: 230px;
  width: 300px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .updated-flex-contents .updated-img {
    height: 190px;
    width: 220px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .updated-flex-contents .updated-img {
    height: 130px;
    width: 170px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .updated-flex-contents .updated-img {
    height: 200px;
    width: 260px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .updated-flex-contents .updated-img {
    height: 180px;
    width: 200px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .updated-flex-contents .updated-img {
    height: 200px;
    width: 260px;
    margin: 20px auto 0;
  }
}

.updated-flex-contents .updated-img img {
  border-radius: 10px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.updated-flex-contents .updated-contents {
  margin-right: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .updated-flex-contents .updated-contents {
    margin-right: 10px;
  }
}

/* Store Area */
.store-area {
  position: relative;
  z-index: 1;
}

.flash-contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .flash-contents-wrapper {
    display: block;
  }
}

.flash-contents-wrapper .global-card-contents {
  padding: 25px 50px 30px;
}

@media only screen and (max-width: 375px) {
  .flash-contents-wrapper .global-card-contents {
    padding: 25px 30px 30px;
  }
}

@media only screen and (max-width: 375px) {
  .flash-contents-wrapper .global-card-contents .global-card-left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0;
  }
}

.flash-wrapper-single {
  max-width: 405px;
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-right: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .flash-wrapper-single {
    margin: 0 auto;
  }
}

.flash-store-sliders.nav-style-two .prev-icon,
.flash-store-sliders.nav-style-two .next-icon {
  visibility: hidden;
  opacity: 0;
}

.flash-store-sliders:hover.nav-style-two .prev-icon,
.flash-store-sliders:hover.nav-style-two .next-icon {
  visibility: visible;
  opacity: 1;
}

.flash-right-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .flash-right-wrapper {
    max-height: 660px;
    overflow-y: scroll;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .flash-right-wrapper {
    max-height: 660px;
    overflow-y: scroll;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .flash-right-wrapper {
    max-height: 660px;
    overflow-y: scroll;
  }
}

.flash-right-wrapper.style-02 .flash-item-image {
  max-height: 130px;
  max-width: 120px;
}

.flash-right-wrapper.style-02 .flash-item-contents {
  margin-left: 15px !important;
}

.flash-right-wrapper .flash-col-items {
  width: calc((100% / 3) - 15px);
  margin-top: 24px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .flash-right-wrapper .flash-col-items {
    width: calc((100% / 3) - 23px);
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .flash-right-wrapper .flash-col-items {
    width: calc((100% / 2) - 18px);
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .flash-right-wrapper .flash-col-items {
    width: calc((100% / 2) - 18px);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .flash-right-wrapper .flash-col-items {
    width: calc((100% / 1) - 15px);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .flash-right-wrapper .flash-col-items {
    width: calc((100% / 2) - 12px);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .flash-right-wrapper .flash-col-items:nth-child(2n+2) {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 767.98px) {
  .flash-right-wrapper .flash-col-items {
    width: 100%;
    margin-right: 0;
  }
}

.grid-item-four {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.grid-item-four .flash-col-items {
  width: calc((100% / 4) - 18px);
  margin-right: 24px;
}

.grid-item-four .flash-col-items:nth-of-type(4n+4) {
  margin-right: 0;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item-four .flash-col-items:nth-of-type(4n+4) {
    margin-right: 24px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .grid-item-four .flash-col-items:nth-of-type(4n+4) {
    margin-right: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item-four .flash-col-items:nth-of-type(3n+3) {
    margin-right: 0px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .grid-item-four .flash-col-items:nth-of-type(3n+3) {
    margin-right: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .grid-item-four .flash-col-items:nth-child(2n+2) {
    margin-right: 0px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .grid-item-four .flash-col-items:nth-child(2n+2) {
    margin-right: 0px;
  }
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .grid-item-four .flash-col-items {
    width: calc((100% / 4) - 18px);
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .grid-item-four .flash-col-items {
    width: calc((100% / 3) - 16px);
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .grid-item-four .flash-col-items {
    width: calc((100% / 3) - 16px);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .grid-item-four .flash-col-items {
    width: calc((100% / 2) - 12px);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .grid-item-four .flash-col-items {
    width: calc((100% / 2) - 12px);
  }
}

@media only screen and (max-width: 767.98px) {
  .grid-item-four .flash-col-items {
    width: 100%;
    margin-right: 0;
  }
}

.single-flash-item.style-02 .flash-flex-item .flash-item-image .flash-thumb-icons .lists .icon {
  height: 28px;
  width: 28px;
  font-size: 16px;
  border-radius: 0;
}

.single-trendy-products.style-02 .thumb-top-contents .percent-box {
  padding: 2px 5px;
  line-height: 18px;
}

.single-flash-item.style-02 .flash-flex-item .flash-item-image .thumb-top-contents .percent-box {
  font-size: 12px;
  line-height: 16px;
  padding: 3px 10px;
}

.single-flash-item:hover .flash-flex-item .flash-item-image {
  position: relative;
  z-index: 1;
}

.single-flash-item:hover .flash-flex-item .flash-item-image img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.single-flash-item:hover .flash-flex-item .flash-item-image .flash-thumb-icons {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
}

.single-flash-item .flash-flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767.98px) {
  .single-flash-item .flash-flex-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 375px) {
  .single-flash-item .flash-flex-item {
    display: block;
  }
}

.single-flash-item .flash-flex-item .flash-item-image {
  display: initial;
  height: 194px;
  width: 200px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-flash-item .flash-flex-item .flash-item-image {
    height: 160px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-flash-item .flash-flex-item .flash-item-image {
    height: 150px;
  }
}

@media only screen and (max-width: 480px) {
  .single-flash-item .flash-flex-item .flash-item-image {
    height: 170px;
    width: 170px;
  }
}

@media only screen and (max-width: 375px) {
  .single-flash-item .flash-flex-item .flash-item-image {
    display: block;
    margin-bottom: 15px;
  }
}

.single-flash-item .flash-flex-item .flash-item-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: -100px;
  right: 0px;
  left: 0;
  text-align: center;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons.hover-color-two .lists .icon:hover {
  background-color: var(--main-color-two);
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons.hover-color-three .lists .icon:hover {
  background-color: var(--main-color-three);
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons.hover-color-four .lists .icon:hover {
  background-color: var(--main-color-four);
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons .lists:not(:last-child) {
  margin-right: 5px;
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons .lists .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  border-radius: 5px;
  background: #fff;
  color: var(--paragraph-color);
  font-size: 16px;
  -webkit-box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
  box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-flash-item .flash-flex-item .flash-item-image .flash-thumb-icons .lists .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.single-flash-item .flash-flex-item .flash-item-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 20px;
}

@media only screen and (max-width: 375px) {
  .single-flash-item .flash-flex-item .flash-item-contents {
    margin-left: 0;
  }
}

.single-flash-item .flash-flex-item .flash-item-contents .title {
  font-size: 18px;
  line-height: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-flash-item .flash-flex-item .flash-item-contents .title:hover {
  color: var(--main-color-one);
}

.single-flash-item .flash-flex-item .flash-item-contents .title.hover-color-two:hover {
  color: var(--main-color-two);
}

.single-flash-item .flash-flex-item .flash-item-contents .title.hover-color-three:hover {
  color: var(--main-color-three);
}

.single-flash-item .flash-flex-item .flash-item-contents .title.hover-color-four:hover {
  color: var(--main-color-four);
}

/* Shop Area */
.shop-area {
  overflow: hidden;
}

.shop-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-right {
    gap: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .shop-right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
  }
}

.shop-nice-select .nice-select {
  font-size: 16px;
  color: var(--paragraph-color);
  border: 1px solid rgba(221, 221, 221, 0.4);
  outline: none;
  height: 48px;
  line-height: 48px;

}

@media only screen and (max-width: 575.98px) {
  .shop-nice-select .nice-select {
    padding: 0 30px 0 0;
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .shop-nice-select .nice-select {
    padding: 0 25px 0 10px;
    font-size: 14px;
  }
}

.shop-nice-select .nice-select::after {
  border-bottom: 2px solid var(--paragraph-color);
  border-right: 2px solid var(--paragraph-color);
  right: 10px;
}

.shop-nice-select .nice-select .list {
  min-width: 100% !important;
}

.single-shops {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.single-shops .shop-flex-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
}

.shop-flex-icon.layout-list {
  gap: 10px;
  margin-left: 0;
}

.layout-list .layout-item a,
.single-shops .shop-icons {
  font-size: 24px;
  height: 40px;
  width: 40px;
  background: #efefef;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.layout-list .layout-item a.current,
.layout-list .layout-item a.active,
.single-shops .shop-icons.current,
.single-shops .shop-icons.active {
  background: var(--main-color-one);
  color: var(--white);
}

.layout-list .layout-item a.current,
.layout-list .layout-item a.active,
.single-shops .shop-icons a.current,
.single-shops .shop-icons a.active {
  background: var(--main-color-one);
  color: var(--white);
}

.selectder-filter-contents .selected-flex-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.selectder-filter-contents .selected-flex-list li {
  font-size: 16px;
  color: var(--body-colors);
  line-height: 26px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
  .selectder-filter-contents .selected-flex-list li {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .selectder-filter-contents .selected-flex-list li {
    font-size: 14px;
  }
}

.selectder-filter-contents .selected-flex-list li a {
  color: var(--paragraph-color);
  position: relative;
  z-index: 2;
}

.selectder-filter-contents .selected-flex-list li a:hover {
  color: var(--main-color-one);
}

.selectder-filter-contents .selected-flex-list li a:hover::after {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

.selectder-filter-contents .selected-flex-list li:not(:last-child) a {
  padding-right: 20px;
}

@media only screen and (max-width: 480px) {
  .selectder-filter-contents .selected-flex-list li:not(:last-child) a {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .selectder-filter-contents .selected-flex-list li:not(:last-child) a {
    padding-right: 10px;
  }
}

.selectder-filter-contents .selected-flex-list li:not(:last-child) a::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  right: -8px;
  -webkit-transition: all 100ms;
  transition: all 100ms;
}

@media only screen and (max-width: 375px) {
  .selectder-filter-contents .selected-flex-list li:not(:last-child) a::after {
    font-size: 14px;
    right: -6px;
  }
}

@media only screen and (max-width: 480px) {
  .selectder-filter-contents .selected-flex-list li:not(:last-child) a::after {
    right: -7px;
  }
}

.selectder-filter-contents .selected-flex-list li:not(:first-child) a {
  padding-left: 20px;
}

@media only screen and (max-width: 480px) {
  .selectder-filter-contents .selected-flex-list li:not(:first-child) a {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .selectder-filter-contents .selected-flex-list li:not(:first-child) a {
    padding-left: 10px;
  }
}

.shop-sidebar-all {
  position: sticky;
  top: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-sidebar-all {
    position: unset;
  }
}

.shop-contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-contents-wrapper {
    display: block;
  }
}

.shop-contents-wrapper.style-02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.shop-contents-wrapper.style-02 .shop-sidebar-content {
  margin-right: 0;
  margin-left: 30px;
}

.shop-contents-wrapper.style-02 .shop-close-main {
  left: auto;
  right: 0%;
}

.shop-contents-wrapper.style-02 .shop-close-main.active {
  right: 0;
}

.shop-contents-wrapper.style-02 .shop-close-main .close-bars {
  right: auto;
  left: -40px;
}

@media only screen and (max-width: 375px) {
  .shop-contents-wrapper.style-02 .shop-close-main .close-bars {
    left: -28px;
  }
}

.shop-contents-wrapper.style-02 .shop-icon .sidebar-icon {
  margin-left: auto;
}

.shop-contents-wrapper .shop-sidebar-content {
  width: 400px;
  margin-right: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-contents-wrapper .shop-sidebar-content {
    width: 300px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-contents-wrapper .shop-sidebar-content {
    width: 250px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-contents-wrapper .shop-sidebar-content {
    width: 375px;
  }
}

.shop-contents-wrapper .shop-grid-contents {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-contents-wrapper .shop-grid-contents {
    max-height: 2090px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-contents-wrapper .shop-grid-contents {
    max-height: 2090px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

.single-shop-left {
  padding: 32px 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-shop-left {
    padding: 22px 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-shop-left {
    padding: 15px 20px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-shop-left {
    padding: 15px 20px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-shop-left {
    padding: 15px 20px 20px;
  }
}

.single-shop-left .shop-left-title.open .title::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.single-shop-left .shop-left-title .title {
  cursor: pointer;
  position: relative;
  line-height: 36px;
}

.single-shop-left .shop-left-title .title::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 16px;
  position: absolute;
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list {
  font-size: 16px;
  line-height: 26px;
  position: relative;
  text-align: left;
  z-index: 2;
  padding-left: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  left: 0;
  top: 12px;
  background: none;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  color: var(--white);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list a {
  display: block;
  padding: 10px 0;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.show>.submenu {
  display: block;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.active::before {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "";
  background: var(--main-color-one);
  border-color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.active>a {
  color: var(--paragraph-color);
  font-weight: 500;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list:hover>a {
  color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list:hover::before {
  border-color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children {
  padding-left: 0;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children:hover::after {
  color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children::before {
  display: none !important;
  border: 0;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children>.submenu {
  padding-left: 20px;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list .submenu {
  display: none;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list .submenu .list {
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list .submenu .list::before {
  top: 6px;
  height: 18px;
  width: 18px;
  font-size: 12px;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list .submenu .list a {
  padding: 5px 0;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  font-family: "Line Awesome Free";
  font-weight: 900;
  cursor: pointer;
  z-index: -1;
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list.menu-item-has-children.open::after {
  content: "";
}

.single-shop-left .shop-left-title .shop-left-list .shop-lists .list:last-child a {
  padding-bottom: 0;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list {
  position: relative;
  z-index: 1;
  margin-top: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list:not(:last-child) {
  margin-right: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list.active::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  color: var(--white);
  font-size: 18px;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

.single-shop-left .shop-left-title .shop-left-list .color-lists .list a {
  display: block;
  height: 27px;
  width: 27px;
  background: #F83A26;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list {
  margin-top: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list:not(:last-child) {
  margin-right: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list.active a {
  background: var(--main-color-one);
  border-color: var(--main-color-one);
  color: var(--white);
}

.single-shop-left .shop-left-title .shop-left-list .size-lists .list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 10px;
  font-size: 14px;
  background: #fff;
  color: var(--paragraph-color);
  border: 1px solid #dddddd;
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list {
  position: relative;
  z-index: 2;
  display: block;
  padding-left: 30px;
  margin-top: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list.active::before {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "";
  background: var(--main-color-one);
  border-color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list a {
  font-size: 16px;
  line-height: 26px;
  color: #FFBA5C;
}

.single-shop-left .shop-left-title .shop-left-list .filter-lists .list::before {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  left: 0;
  top: 4px;
  background: none;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  color: var(--white);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list {
  margin-right: 10px;
  margin-top: 10px;
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list.active a {
  background: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
  border: 1px solid #dddddd;
  font-size: 15px;
  color: var(--paragraph-color);
  padding: 7px 10px;
  display: inline-block;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
    padding: 7px 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
    padding: 7px 10px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .single-shop-left .shop-left-title .shop-left-list .tag-lists .list a {
    font-size: 14px;
    padding: 5px 15px;
  }
}

.single-shop-left .shop-left-title .shop-left-list .tag-lists .list a:hover {
  background: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

.shop-icon {
  display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-icon {
    display: block;
  }
  .shop-icon-text {
    display: -webkit-box;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-icon .sidebar-icon {
    font-size: 24px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    width: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--main-color-one);
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    z-index: 95;
    color: var(--white);
    margin-bottom: 20px;
  }
  .shop-icon .sidebar-icon-text {
    height: unset;
    width: auto;
    font-size: 18px;
    padding: 7px 15px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-close-main {
    z-index: 1;
    position: absolute;
    left: -100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 99;
    background: #fff;
    max-width: 375px;
    display: block;
    padding: 20px;
    transition: all 0.5s;
  }

  .shop-close-main.active {
    visibility: visible;
    opacity: 1;
    left: 0;
  }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 480px) {
  .shop-close-main {
    max-width: 320px;
  }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 375px) {
  .shop-close-main {
    max-width: 270px;
  }
}

.shop-close-main .close-bars {
  display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-close-main .close-bars {
    display: block;
    position: absolute;
    right: -40px;
    top: 0;
    font-size: 24px;
    color: var(--white);
    background: var(--main-color-one);
    -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    width: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 375px) {
  .shop-close-main .close-bars {
    height: 28px;
    width: 28px;
    font-size: 20px;
    right: -28px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .body-overlay {
    position: fixed;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 100%;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }

  .body-overlay.active {
    visibility: visible;
    opacity: 1;
    z-index: 99;
    left: 0;
  }
}

.single-blog-item .content .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: var(--heading-color);
  margin-top: 12px;
  margin-bottom: 15px;
}

.single-blog-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.single-blog-item:not(:last-child) {
  margin-bottom: 24px;
}

.single-blog-item .post-meta {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
}

.single-blog-item .post-meta li,
.single-blog-item .post-meta a {
  display: flex;
  align-items: baseline;
  gap: 4px;
  font-size: 16px;
  line-height: 20px;
  color: var(--paragraph-color);
}

.single-blog-item .img-box {
  max-width: 400px;
  flex-shrink: 0;
}

.single-blog-item .content {
  flex-grow: 1;
}

.blog-contents-inner p,
.single-blog-item .content p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.recent-post-contents .recent-post-single:not(:last-child) {
  margin-bottom: 20px;
}

.recent-post-contents .recent-post-single .recent-post-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 480px) {
  .recent-post-contents .recent-post-single .recent-post-flex {
    display: block;
  }
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-post-thumb {
  margin-right: 15px;
  height: 80px;
  min-width: 80px;
  display: inline-block;
}

@media only screen and (max-width: 480px) {
  .recent-post-contents .recent-post-single .recent-post-flex .recent-post-thumb {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-post-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-blog-contents .recent-post-title {
  font-size: 18px;
  line-height: 28px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

@media only screen and (max-width: 480px) {
  .recent-post-contents .recent-post-single .recent-post-flex .recent-blog-contents .recent-post-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.recent-post-contents .recent-post-single .recent-post-flex .recent-blog-contents .recent-date {
  display: block;
  margin-top: 5px;
}

.sidebar-search-form .single-search-sidebar {
  position: relative;
  z-index: 1;
}

.sidebar-search-form .single-search-sidebar .form--control {
  border: 0;
  background: rgba(221, 221, 221, 0.2);
  padding: 0 40px 0 15px;
}

.sidebar-search-form .single-search-sidebar button {
  position: absolute;
  right: 15px;
  top: 0;
  height: 100%;
  background: none;
  font-size: 20px;
  z-index: 2;
  border: 0;
  cursor: pointer;
  outline: none;
}

/* Shop List */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .value-input-area {
    margin-top: 20px;
  }
}

.value-input-area.style-02 .size-lists {
  margin-top: 10px;
}

.value-input-area.style-02 .size-lists li {
  font-size: 13px;
  height: 30px;
  width: 35px;
}

.value-input-area.style-02 .color-list {
  margin-top: 10px;
}

.value-input-area.style-02 .color-list li {
  height: 18px;
  width: 18px;
}

.value-input-area .input-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.value-input-area .input-list .form--input {
  width: auto;
  border: 0;
  outline: none;
  color: var(--body-color);
}

.value-input-area .size-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .value-input-area .size-lists {
    margin-top: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .value-input-area .size-lists {
    margin-top: 15px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .value-input-area .size-lists {
    margin-top: 15px;
  }
}

.value-input-area .size-lists li {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  height: 45px;
  width: 45px;
  border: 1px solid #999;
}

.value-input-area .size-lists li.active {
  border-color: var(--main-color-one);
}

@media only screen and (max-width: 480px) {
  .value-input-area .size-lists li {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .value-input-area .size-lists li {
    font-size: 14px;
    height: 40px;
    width: 40px;
  }
}

.value-input-area .color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 20px;
  margin-top: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .value-input-area .color-list {
    margin-top: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .value-input-area .color-list {
    margin-top: 15px;
  }
}

.value-input-area .color-list li {
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
  border: 1px solid transparent;
  position: relative;
  z-index: 1;
}

.value-input-area .color-list li.active {
  height: 16px;
  width: 16px;
}

.value-input-area .color-list li.active::before {
  content: "";
  position: absolute;
  height: calc(100% + 8px);
  width: calc(100% + 8px);
  left: -4px;
  top: -4px;
  border: 1px solid #F83A26;
  border-radius: 50%;
}

.value-input-area .color-list li.shop-color-2 {
  border-color: #30BB6F;
}

.value-input-area .color-list li.shop-color-2.active::before {
  border: 1px solid #30BB6F;
}

.value-input-area .color-list li.shop-color-3 {
  border-color: #AB47BC;
}

.value-input-area .color-list li.shop-color-3.active::before {
  border: 1px solid #AB47BC;
}

.value-input-area .color-list li.shop-color-4 {
  border-color: #FFC576;
}

.value-input-area .color-list li.shop-color-4.active::before {
  border: 1px solid #FFC576;
}

.value-input-area .color-list li.shop-color-5 {
  border-color: #040B25;
}

.value-input-area .color-list li.shop-color-5.active::before {
  border: 1px solid #040B25;
}

.value-input-area .color-list li.shop-color-6 {
  border: 1px solid #FF9800;
}

.value-input-area .color-list li.shop-color-6.active::before {
  border: 1px solid #FF9800;
}

.value-input-area .color-list li.shop-color-7 {
  border: 1px solid #FF695C;
}

.value-input-area .color-list li.shop-color-7.active::before {
  border: 1px solid #FF695C;
}

.shop-list-wrapper {
  padding: 20px;
}

.shop-list-wrapper .shop-wrapper-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 10px;
}

@media (min-width: 100px) and (max-width: 767.98px) {
  .shop-list-wrapper .shop-wrapper-flex {
    display: grid;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .shop-list-wrapper.style-02 .shop-wrapper-flex {
    display: block;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-list-wrapper.style-02 .shop-wrapper-flex {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-list-wrapper.style-02 .shop-wrapper-flex {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-list-wrapper.style-02 .signle-shop-list .shop-list-flex {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-list-wrapper.style-02 .signle-shop-list .shop-list-flex .shop-thumbs {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-list-wrapper.style-02 .signle-shop-list .shop-list-flex .shop-thumbs img {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-list-wrapper.style-02 .signle-shop-list .shop-list-flex .shop-list-contents {
    margin-top: 30px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .shop-list-wrapper.style-02 .single-shop-cart {
    margin-top: 30px;
    text-align: left;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-list-wrapper.style-02 .single-shop-cart {
    margin-top: 30px;
    text-align: left;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-list-wrapper.style-02 .single-shop-cart {
    margin-top: 30px;
    text-align: left;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .shop-list-wrapper.style-02 .single-shop-cart::before {
    display: none;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-list-wrapper.style-02 .single-shop-cart::before {
    display: none;
  }
}

.shop-list-wrapper.style-02 .single-shop-cart .shop-cart-flex {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.center-text .btn-shop-botttom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.single-shop-cart {
  text-align: center;
  position: relative;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-shop-cart {
    margin-top: 24px;
    margin: 24px auto;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-shop-cart {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-shop-cart {
    text-align: left;
  }
}

.single-shop-cart .price-title {
  font-size: 32px;
  line-height: 36px;
}

.single-shop-cart .shop-cart-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-shop-cart .shop-cart-flex {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-shop-cart .shop-cart-flex {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 480px) {
  .single-shop-cart .shop-cart-flex {
    gap: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .single-shop-cart .shop-cart-flex {
    gap: 20px;
  }
}

.single-shop-cart .btn-shop-botttom {
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767.98px) {
  .single-shop-cart .btn-shop-botttom {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 375px) {
  .single-shop-cart .btn-shop-botttom {
    font-size: 20px;
  }
}

.single-shop-cart .btn-shop-botttom .icons {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin: 5px 5px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
}

.single-shop-cart .btn-shop-botttom .icons:hover {
  color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.single-shop-cart .btn-shop-botttom.hover-color-two .icons:hover {
  color: var(--main-color-two);
}

.single-shop-cart .btn-shop-botttom.hover-color-three .icons:hover {
  color: var(--main-color-three);
}

.single-shop-cart .btn-shop-botttom.hover-color-four .icons:hover {
  color: var(--main-color-four);
}

.discount-countdown-list {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
  background: rgba(255, 255, 255, 0.5);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.signle-shop-list {
  flex: 1;
  max-width: 650px;
}

.signle-shop-list .shop-list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 767.98px) {
  .signle-shop-list .shop-list-flex {
    display: block;
  }
}

.signle-shop-list .shop-thumbs {
  height: 260px;
  width: 260px;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

.signle-shop-list .shop-thumbs img {
  width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1599.98px) {
  .signle-shop-list .shop-thumbs {
    max-width: 250px;
  }
}

.signle-shop-list .shop-thumbs .campaign-countdown {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  z-index: 2;
}

@media only screen and (max-width: 767.98px) {
  .signle-shop-list .shop-thumbs {
    height: 100%;
    width: 100%;
  }
}

.signle-shop-list .shop-thumbs img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.signle-shop-list .shop-list-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 767.98px) {
  .signle-shop-list .shop-list-contents {
    padding-top: 20px;
  }
}

.signle-shop-list .shop-list-contents .shop-list-title {
  font-size: 22px !important;
  line-height: 36px;
}

.signle-shop-list .shop-list-contents .global-shop-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

@media only screen and (max-width: 767.98px) {
  .signle-shop-list .shop-list-contents .global-shop-list {
    margin-top: 15px;
  }
}

.signle-shop-list .shop-list-contents .global-shop-list .list .star {
  color: #FFBA5C;
}

.signle-shop-list .shop-list-contents .global-shop-list .list .shop-size {
  position: relative;
}

.signle-shop-list .shop-list-contents .global-shop-list .list:not(:last-child) .shop-size {
  padding-right: 10px;
}

.signle-shop-list .shop-list-contents .global-shop-list .list:not(:last-child) .shop-size::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #999;
  z-index: -1;
  height: 12px;
  width: 2px;
}

.signle-shop-list .shop-list-contents .global-shop-list .list:not(:first-child) .shop-size {
  padding-left: 10px;
}

.signle-shop-list .shop-list-contents .global-shop-list .list .color-list {
  display: inline-block;
  height: 15px;
  width: 15px;
  margin-left: 10px;
}

.signle-shop-list .shop-list-contents .global-shop-list .list .artificial {
  margin-left: 10px;
}

/* Shop Details Area */
.single-shop-details-wrapper {
  padding: 0 10px;
}

.shop-details-thums img {
  width: 100%;
}
.shop-details-thums.shop-details-thums-small {
  height: 130px;
  width: auto;
}

.shop-details-thums.shop-details-thums-small img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 300px) and (max-width: 991.98px) {
  .single-shop-details-wrapper {
    margin-top: 20px;
  }
}

.single-shop-details-wrapper .common-para {
  margin-top: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-shop-details-wrapper .common-para {
    margin-top: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-shop-details-wrapper .common-para {
    margin-top: 15px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-shop-details-wrapper .price-update-through {
    margin-top: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-shop-details-wrapper .price-update-through {
    margin-top: 15px !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-shop-details-wrapper .price-update-through .flash-prices {
    font-size: 28px !important;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-shop-details-wrapper .price-update-through .flash-old-prices {
    font-size: 20px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .quantity-area {
    margin-top: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .quantity-area {
    margin-top: 20px;
  }
}

.details-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--heading-color);
}

@media screen and (max-width: 575px) {
  .details-title {
    font-size: 30px;
  }
}

@media screen and (max-width: 480px) {
  .details-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 375px) {
  .details-title {
    font-size: 24px;
  }
}

.quick-view-modal {
  position: relative;
}

.quick-view-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--delete-color);
  color: var(--delete-color);
  border-radius: 50%;
  font-size: 16px;
  line-height: 20px;
  height: 35px;
  width: 35px;
  background: var(--white);
  transition: all .3s;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}

@media screen and (min-width: 576px) {
  .quick-view-close-btn {
    right: -10px;
    top: -10px;
  }
}

.quick-view-close-btn:hover {
  background-color: var(--delete-color);
  color: var(--white);
}

.quick-view-value-input-area {}

.quick-view-value-input-area .form--input {
  border: 1px solid var(--border-color);
  padding: 5px 12px;
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
  height: 42px;
  width: auto;
  border: 0;
  outline: none;
}

.quick-view-value-input-area .input-list {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.quick-view-value-input-area .input-list strong {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  color: var(--heading-color);
  display: block;
}

.quick-view-size-lists {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.quick-view-size-lists li {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color);
  padding: 7px 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  cursor: pointer;
}

.quantity-area .quantity-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.product-quantity {
  position: relative;
  z-index: 3;
}

.product-quantity .quantity-input {
  width: 100px;
  height: 45px;
  border: 1px solid #999;
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  text-align: center;
}

.product-quantity .substract,
.product-quantity .plus {
  color: var(--paragraph-color);
  z-index: 9;
  cursor: pointer;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-quantity .substract:hover,
.product-quantity .plus:hover {
  color: var(--main-color-one);
}

.product-quantity .plus {
  left: auto;
  right: 5px;
}

.quantity-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .quantity-btn {
    margin-top: 25px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .quantity-btn {
    margin-top: 25px;
  }
}

.quantity-btn .heart-btn {
  height: 52px;
  width: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--main-color-one);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.quantity-btn .heart-btn:hover {
  background: var(--main-color-one);
  color: var(--white);
}

@media only screen and (max-width: 375px) {
  .quantity-btn .heart-btn {
    height: 45px;
    width: 45px;
    font-size: 24px !important;
  }
}

.visit__btn,
.chatContact__btn {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--body-font);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: capitalize;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  gap: 5px;
  cursor: pointer;
  line-height: 20px;
  padding: 10px 25px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background-color: var(--main-color-one);
  color: var(--white-text);
  position: relative;
  z-index: 0;
  overflow: hidden;
  border: 1px solid transparent;
}

.chatContact__btn i {
  font-size: 14px;
}

.visit__btn__outline {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--body-font);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: capitalize;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  gap: 5px;
  cursor: pointer;
  line-height: 20px;
  padding: 13px 25px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background-color: unset;
  color: var(--paragraph-color);
  border: 1px solid var(--border-color);
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.visit__btn__outline:hover {
  border-color: var(--main-color-one);
  color: var(--main-color-one);
}

.quick-view-availability,
.availability,
.stock-available {
  font-weight: 500;
  line-height: 26px;
  font-size: 16px;
  padding: 5px 0;
}

.stock-available .count-stock {
  color: var(--body-color);
}

.shop-border-top {
  border-top: 1px solid rgba(221, 221, 221, 0.4);
}

.product-sold-btn {
  font-size: 16px;
  background: rgba(90, 178, 126, 0.1);
  color: #5AB27E;
  padding: 10px 20px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-sold-btn:hover {
  background: #5AB27E;
  color: var(--white);
}

.guaranteed-checkout {
  font-size: 16px;
  display: block;
}

.details-checkout-shop .payment-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-details-stock .stock-category {
    margin-top: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-details-stock .stock-category {
    margin-top: 20px;
  }
}

.checkout__card__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}

.checkout__card__wrap:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--border-two);
}

.checkout__card__wrap__product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  max-width: 300px;
}

.checkout__card__thumb {
  flex-shrink: 0;
  max-width: 80px;
}

.shop-details-stock .stock-category li {
  font-size: 16px;
  line-height: 26px;
}

@media only screen and (max-width: 480px) {
  .shop-details-stock .stock-category li {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .shop-details-stock .stock-category li {
    font-size: 14px;
  }
}

.shop-details-stock .stock-category li:not(:last-child) {
  padding-bottom: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-details-stock .stock-category li:not(:last-child) {
    margin-top: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-details-stock .stock-category li:not(:last-child) {
    margin-top: 15px;
  }
}

.category-list strong {
  color: var(--heading-color);
}

.shop-details-stock .stock-category li a:hover {
  color: var(--main-color-one);
}

.shop-details-stock .stock-category .category-list .list-item {
  padding-left: 3px;
}

.shop-details-stock .stock-category .category-list .list-item:not(:last-child)::after {
  content: ",";
}

.shop-details-stock .size-chart-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-details-stock .size-chart-list {
    margin-top: 25px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-details-stock .size-chart-list {
    margin-top: 25px;
  }
}

.shop-details-stock .size-chart-list li a {
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  border-bottom: 1px solid #999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 480px) {
  .shop-details-stock .size-chart-list li a {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .shop-details-stock .size-chart-list li a {
    font-size: 14px;
    line-height: 22px;
  }
}

.shop-details-stock .size-chart-list li a:hover {
  color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.shop-details-thums {
  height: 800px;
  padding: 10px;
}
.shop-details-thums img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.shop-details-top-slider .shop-details-thumb-wrapper .shop-details-thums img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.shop-details-click-img .shop-small-thumb-wrapper {
  cursor: pointer;
}

.shop-description-list .list {
  font-size: 18px;
  line-height: 24px;
  margin-top: 15px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-description-list .list {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575.98px) {
  .shop-description-list .list {
    font-size: 15px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 375px) {
  .shop-description-list .list {
    font-size: 14px;
  }
}

.single-shop-details-wrapper {
  max-width: 585px;
}

.details-tab-wrapper .details-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .details-tab-wrapper .details-tab {
    gap: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .details-tab-wrapper .details-tab {
    gap: 0 10px;
  }
}

.details-tab-wrapper .details-tab li {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
  background: none;
  color: var(--paragraph-color);
  -webkit-transition: all 300ms;
  transition: all 300ms;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.details-tab-wrapper .details-tab li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--main-color-one);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .details-tab-wrapper .details-tab li {
    font-size: 16px;
    font-weight: 400;
    padding: 7px 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .details-tab-wrapper .details-tab li {
    font-size: 15px;
    padding: 6px 20px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 375px) {
  .details-tab-wrapper .details-tab li {
    font-size: 14px;
    padding: 0px 2px;
  }
}

.details-tab-wrapper .details-tab li.active {
  color: var(--white);
}

.details-tab-wrapper .details-tab li.active::before {
  width: 100%;
  visibility: visible;
  opacity: 1;
}

.details-tab-wrapper .details-tab li:hover {
  color: var(--heading-color);
}

.details-tab-wrapper .details-tab.hover-color-two li.active {
  background: var(--main-color-two);
  color: var(--white);
  border-color: var(--main-color-two);
}

.details-tab-wrapper .details-tab.hover-color-two li:hover {
  background: var(--main-color-two);
  color: var(--white);
  border-color: var(--main-color-two);
}

.details-tab-wrapper .details-tab.hover-color-three li.active {
  background: var(--main-color-three);
  color: var(--white);
  border-color: var(--main-color-three);
}

.details-tab-wrapper .details-tab.hover-color-three li:hover {
  background: var(--main-color-three);
  color: var(--white);
  border-color: var(--main-color-three);
}

.details-tab-wrapper .details-tab.hover-color-four li.active {
  background: var(--main-color-four);
  color: var(--white);
  border-color: var(--main-color-four);
}

.details-tab-wrapper .details-tab.hover-color-four li:hover {
  background: var(--main-color-four);
  color: var(--white);
  border-color: var(--main-color-four);
}

.details-tab-wrapper .tab-content-item {
  border: 1px solid var(--border-color);
  padding: 20px;
  margin-top: 20px;
}

.wishlist-compare .wishlist-compare-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

.wishlist-compare .wishlist-compare-btn .btn-details {
  display: inline-block;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.wishlist-compare .wishlist-compare-btn .btn-details i {
  margin-right: 3px;
}

.wishlist-compare .wishlist-compare-btn .btn-details:hover {
  color: var(--main-color-one);
}

.btn-buyNow {
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--body-font);
  display: inline-block;
  border-radius: 0px;
  text-align: center;
  cursor: pointer;
  line-height: 24px;
  padding: 10px 35px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background: unset;
  color: var(--main-color-one);
  border: 1px solid var(--main-color-one);
}

.wishlist-compare .wishlist-compare-btn .btn-addCompare,
.wishlist-compare .wishlist-compare-btn .btn-buyNow {
  font-size: 16px;
}

.btn-buyNow:hover {
  background-color: var(--main-color-one);
  color: var(--white) !important;
}

.btn-addCompare {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--body-font);
  display: inline-block;
  border-radius: 0px;
  text-align: center;
  cursor: pointer;
  line-height: 24px;
  padding: 10px 35px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background: unset;
  color: var(--paragraph-color);
  border: 1px solid var(--border-color);
}

.btn-addCompare:hover {
  background-color: unset;
  color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.tags-area-shop .tags-shop-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tags-area-shop .tags-shop-list .list {
  margin-top: 10px;
}

.tags-area-shop .tags-shop-list .list:not(:last-child) {
  margin-right: 10px;
}

.tags-area-shop .tags-shop-list .list a {
  font-size: 15px;
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  color: var(--paragraph-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.tags-area-shop .tags-shop-list .list a:hover {
  background: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

.single-details-tab .tab-description .description-para {
  font-size: 18px;
  line-height: 30px;
  color: var(--paragraph-color);
  padding-top: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-details-tab .tab-description .description-para {
    font-size: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .single-details-tab .tab-description .description-para {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .single-details-tab .tab-description .description-para {
    font-size: 14px;
  }
}

.about-seller-flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 40px 0;
  gap: 30px;
}

@media only screen and (max-width: 480px) {
  .about-seller-flex-content {
    display: block;
  }
}

@media only screen and (max-width: 575.98px) {
  .about-seller-flex-content {
    padding: 30px 0;
  }
}

.about-seller-flex-content:not(:first-child) {
  border-top: 2px solid rgba(221, 221, 221, 0.5);
}

.about-seller-flex-content .about-seller-thumb {
  height: 80px;
  min-width: 80px;
  border-radius: 10px;
  display: block;
}

@media only screen and (max-width: 480px) {
  .about-seller-flex-content .about-seller-thumb {
    width: 80px;
    margin-bottom: 15px;
  }
}

.about-seller-flex-content .about-seller-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.about-seller-flex-content .about-seller-content .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.about-seller-flex-content .about-seller-content .about-seller-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

.about-seller-flex-content .about-seller-content .about-seller-list .icon {
  color: var(--main-color-one);
  font-size: 12px;
}

.about-seller-flex-content .about-seller-content .about-seller-list .reviews {
  margin-left: 10px;
}

.about-seller-flex-content .about-seller-content .about-review-para {
  font-size: 16px;
  font-weight: 400;
  color: var(--paragraph-color);
  margin-top: 20px;
  line-height: 26px;
}

.about-seller-flex-content .about-seller-content .review-date {
  margin-top: 20px;
  display: block;
}

.seller-details-box {
  border: 1px solid rgba(221, 221, 221, 0.5);
  padding: 30px;
  border-radius: 10px;
}

@media only screen and (max-width: 480px) {
  .seller-details-box {
    padding: 20px 10px;
  }
}

.seller-details-box .seller-box-list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

@media only screen and (max-width: 480px) {
  .seller-details-box .seller-box-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

.seller-details-box .seller-box-list .box-list {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 20px;
}

.seller-details-box .seller-box-list .box-list strong {
  display: block;
  font-size: 20px;
  font-weight: 500;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 28px;
  margin-top: 5px;
}

.seller-details-box .seller-details-para {
  font-size: 18px;
  line-height: 30px;
  color: var(--paragraph-color);
}

@media only screen and (max-width: 575.98px) {
  .seller-details-box .seller-details-para {
    font-size: 16px;
  }
}

@media only screen and (max-width: 375px) {
  .seller-details-box .seller-details-para {
    font-size: 14px;
  }
}

.payment-list .payments {
  position: relative;
  z-index: 1;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: calc(100% / 5 - 8px);
}

.payment-list .payments.selected {
  border-color: var(--main-color-one);
}

.payment-list .payments.selected::before {
  visibility: visible;
  opacity: 1;
}

.payment-list .payments::before {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  height: 18px;
  width: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--main-color-one);
  color: var(--white);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.shop-details-faq-contents {
  height: 650px;
  overflow-y: auto;
}

.shop-details-faq-contents .faq-contents .faq-item {
  margin-top: 0;
}

.shop-details-faq-contents .faq-contents .faq-item:last-child {
  border-bottom: 2px solid #DDD;
}

.shop-details-faq-contents .faq-contents .faq-item.open .faq-title {
  background: none;
  color: var(--heading-color);
}

.shop-details-faq-contents .faq-contents .faq-item.open .faq-title::after {
  content: "";
  color: var(--paragraph-color);
}

.shop-details-faq-contents .faq-contents .faq-item.active .faq-panel {
  display: block;
  background: none;
  padding: 0;
}

.shop-details-faq-contents .faq-contents .faq-item:not(:first-child) {
  margin-top: 0;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-title {
  font-size: 24px;
  font-weight: 500;
  border: none;
  padding: 50px 0 30px;
  border-top: 2px solid #DDD !important;
  font-family: var(--heading-font);
  color: var(--heading-color);
}

.shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
  content: "";
  color: var(--paragraph-color);
  font-size: 24px;
  right: 0;
  margin-top: 15px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
    margin-top: 0;
    font-size: 22px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
    margin-top: 0;
    font-size: 22px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
    margin-top: 0;
    font-size: 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
    margin-top: 0;
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title::after {
    font-size: 16px;
  }
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title {
    padding: 30px 0;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title {
    padding: 20px 0;
    font-size: 22px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title {
    padding: 20px 0;
    font-size: 22px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title {
    padding: 20px 0;
    font-size: 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title {
    padding: 20px 0;
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title {
    font-size: 17px;
  }
}

@media only screen and (max-width: 375px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-title {
    font-size: 16px;
  }
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel {
  padding: 0;
  background: none !important;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .shop-details-faq-contents .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 14px;
    line-height: 26px;
  }
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-information .about-seller-flex-content {
  padding: 0 0 10px;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-information .seller-details-box {
  border: 0;
  padding: 10px 0 30px;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-information .seller-details-box .seller-details-para {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-review {
  padding-bottom: 30px;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-review .about-seller-flex-content {
  padding: 20px 0;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-review .about-seller-flex-content:first-child {
  padding-top: 0;
}

.shop-details-faq-contents .faq-contents .faq-item .faq-panel .tab-review .about-seller-flex-content .about-seller-content .about-review-para {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.shop-details-right-sidebar {
  position: sticky;
  top: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-details-right-sidebar {
    margin-top: 30px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-details-right-sidebar {
    margin-top: 30px;
  }
}

.single-sidebar-details {
  padding: 20px;
}

.single-sidebar-details .title-sidebar-global {
  font-size: 22px;
  font-weight: 500;
}

.single-sidebar-details .shop-details-gift .gift-icon {
  font-size: 60px;
  color: var(--main-color-one);
}

.single-sidebar-details .best-seller-sidebar:hover .seller-thumb img {
  -webkit-transform: rotate(5deg) scale(1.2);
  transform: rotate(5deg) scale(1.2);
}

.single-sidebar-details .best-seller-sidebar:hover .thumb-brand {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.single-sidebar-details .best-seller-sidebar .thumb-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  background-color: #f7f7f7;
  margin: 0px auto;
  position: relative;
  z-index: 9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-sidebar-details .best-seller-sidebar .thumb-brand.brand-thumb-border {
  border: 3px solid #fff;
}

.single-sidebar-details .shop-details-share .share-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-sidebar-details .shop-details-share .share-list .list {
  margin: 0px 5px 5px;
}

.single-sidebar-details .shop-details-share .share-list .list .social-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  height: 40px;
  width: 40px;
  background: rgba(221, 221, 221, 0.4);
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-sidebar-details .shop-details-share .share-list .list .social-icon:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.single-sidebar-details .shop-product-slider .nav-style-two .prev-icon,
.single-sidebar-details .shop-product-slider .nav-style-two .next-icon {
  height: 35px;
  width: 35px;
  font-size: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-details-list .promo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-details-list .promo-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 20px;
  }
}

.shop-details-list .promo-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.shop-details-list .promo-list .list:not(:first-child) {
  margin-top: 24px;
}

.shop-details-list .promo-list .list .icon {
  margin-right: 10px;
  font-size: 30px;
  color: var(--main-color-one);
}

.shop-details-list .promo-list .list .promon-icon-contents .promo-title:hover {
  color: var(--main-color-one);
}

.shop-details-list .promo-list .list .promon-icon-contents .promo-para {
  font-size: 15px;
  line-height: 26px;
  display: block;
  margin-top: 5px;
}

.sidebar-wrapper-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.sidebar-wrapper-btn .btn-visit-chat {
  margin-top: 20px;
}

.sidebar-wrapper-btn .visit-btn {
  background: var(--main-color-one);
  color: var(--white);
  padding: 7px 15px;
  display: inline-block;
  border: 2px solid var(--main-color-one);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar-wrapper-btn .visit-btn:hover {
  background: none;
  color: var(--main-color-one);
}

.sidebar-wrapper-btn .visit-btn.visit__btn__outline {
  background: unset;
  color: var(--paragraph-color);
  padding: 10px 15px;
  border: 1px solid var(--border-color);
}

.sidebar-wrapper-btn .visit-btn.visit__btn__outline:hover {
  border-color: var(--main-color-one);
  color: var(--main-color-one);
  background-color: unset;
}

.sidebar-wrapper-btn .btn-message-chat {
  padding: 6px 10px;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar-wrapper-btn .btn-message-chat.chat-border {
  border: 2px solid var(--main-color-one);
  color: var(--main-color-one);
}

.sidebar-wrapper-btn .btn-message-chat.chat-border:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.shop-popup-color-two .value-input-area .size-lists li.active {
  border-color: var(--main-color-two);
}

.shop-popup-color-two .product-quantity .substract:hover,
.shop-popup-color-two .product-quantity .plus:hover {
  color: var(--main-color-two);
}

.shop-popup-color-two .quantity-btn .heart-btn {
  border-color: var(--main-color-two);
}

.shop-popup-color-two .quantity-btn .heart-btn:hover {
  background-color: var(--main-color-two);
  color: var(--white);
}

.shop-popup-color-two .wishlist-compare .wishlist-compare-btn .btn-details:hover {
  color: var(--main-color-two);
}

.shop-popup-color-two .payment-list .payments.selected {
  border-color: var(--main-color-two);
}

.shop-popup-color-two .payment-list .payments::before {
  background: var(--main-color-two);
}

.shop-popup-color-two .shop-details-stock .stock-category li a:hover {
  color: var(--main-color-two);
}

.shop-popup-color-two .tags-area-shop .tags-shop-list .list a:hover {
  background: var(--main-color-two);
  color: var(--white);
  border-color: var(--main-color-two);
}

.shop-popup-color-three .value-input-area .size-lists li.active {
  border-color: var(--main-color-three);
}

.shop-popup-color-three .product-quantity .substract:hover,
.shop-popup-color-three .product-quantity .plus:hover {
  color: var(--main-color-three);
}

.shop-popup-color-three .quantity-btn .heart-btn {
  border-color: var(--main-color-three);
}

.shop-popup-color-three .quantity-btn .heart-btn:hover {
  background-color: var(--main-color-three);
  color: var(--white);
}

.shop-popup-color-three .wishlist-compare .wishlist-compare-btn .btn-details:hover {
  color: var(--main-color-three);
}

.shop-popup-color-three .payment-list .payments.selected {
  border-color: var(--main-color-three);
}

.shop-popup-color-three .payment-list .payments::before {
  background: var(--main-color-three);
}

.shop-popup-color-three .shop-details-stock .stock-category li a:hover {
  color: var(--main-color-two);
}

.shop-popup-color-three .tags-area-shop .tags-shop-list .list a:hover {
  background: var(--main-color-three);
  color: var(--white);
  border-color: var(--main-color-three);
}

.shop-popup-color-four .value-input-area .size-lists li.active {
  border-color: var(--main-color-four);
}

.shop-popup-color-four .product-quantity .substract:hover,
.shop-popup-color-four .product-quantity .plus:hover {
  color: var(--main-color-four);
}

.shop-popup-color-four .quantity-btn .heart-btn {
  border-color: var(--main-color-four);
}

.shop-popup-color-four .quantity-btn .heart-btn:hover {
  background-color: var(--main-color-four);
  color: var(--white);
}

/* Discount Popup Area */
.discount-popup-wrapper {
  max-width: 900px;
  margin: 200px auto;
  text-align: center;
  padding: 80px 20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .discount-popup-wrapper {
    max-width: 500px;
    padding: 50px 10px;
    margin: 100px auto;
  }
}

@media only screen and (max-width: 767.98px) {
  .discount-popup-wrapper {
    max-width: 400px;
  }
}

@media only screen and (max-width: 575.98px) {
  .discount-popup-wrapper {
    max-width: 350px;
  }
}

@media only screen and (max-width: 480px) {
  .discount-popup-wrapper {
    max-width: 300px;
  }
}

@media only screen and (max-width: 375px) {
  .discount-popup-wrapper {
    max-width: 280px;
  }
}

.discount-popup-wrapper .close-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 99;
  cursor: pointer;
  font-size: 24px;
  color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .discount-popup-wrapper .close-icon {
    top: 10px;
    right: 15px;
  }
}

.discount-popup-contents .popup-title {
  font-size: 60px;
  line-height: 80px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .discount-popup-contents .popup-title {
    font-size: 55px;
    line-height: 70px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .discount-popup-contents .popup-title {
    font-size: 50px;
    line-height: 65px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .discount-popup-contents .popup-title {
    font-size: 50px;
    line-height: 60px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .discount-popup-contents .popup-title {
    font-size: 36px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767.98px) {
  .discount-popup-contents .popup-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 480px) {
  .discount-popup-contents .popup-title {
    font-size: 28px;
    line-height: 36px;
  }
}

.discount-popup-contents .popup-para {
  font-size: 18px;
  line-height: 30px;
  max-width: 460px;
  margin: 0 auto;
  margin-top: 20px;
  color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .discount-popup-contents .popup-para {
    font-size: 16px;
    line-height: 28px;
  }
}

.discount-popup-contents .popup-form {
  max-width: 500px;
  margin: 50px auto 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .discount-popup-contents .popup-form {
    margin: 30px auto 0;
  }
}

.discount-popup-contents .popup-form .single-input {
  position: relative;
  z-index: 1;
}

.discount-popup-contents .popup-form .single-input .form--control {
  border: 0;
  outline: none;
  background: #fff;
  padding: 0 140px 0 20px;
}

@media only screen and (max-width: 375px) {
  .discount-popup-contents .popup-form .single-input .form--control {
    height: 50px;
  }
}

.discount-popup-contents .popup-form .single-input button {
  background: var(--main-color-one);
  color: var(--white);
  border: 0;
  outline: none;
  padding: 10px 30px;
  position: absolute;
  right: 0;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}

@media only screen and (max-width: 480px) {
  .discount-popup-contents .popup-form .single-input button {
    font-size: 15px;
    padding: 8px 20px;
  }
}

.discount-popup-contents .popup-form .checkbox-inlines {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .discount-popup-contents .popup-form .checkbox-inlines {
    margin-top: 30px;
  }
}

.discount-overlays {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.7);
}

.popup-color-two .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-two);
}

.popup-color-two .discount-popup-contents .popup-form .single-input button {
  background-color: var(--main-color-two);
}

.popup-color-two .checkbox-inlines .check-input:checked {
  background-color: var(--main-color-two);
  border-color: var(--main-color-two);
}

.popup-color-three .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-three);
}

.popup-color-three .discount-popup-contents .popup-form .single-input button {
  background-color: var(--main-color-three);
}

.popup-color-three .checkbox-inlines .check-input:checked {
  background-color: var(--main-color-three);
  border-color: var(--main-color-three);
}

.popup-color-four .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-four);
}

.popup-color-four .discount-popup-contents .popup-form .single-input button {
  background-color: var(--main-color-four);
}

.popup-color-four .checkbox-inlines .check-input:checked {
  background-color: var(--main-color-four);
  border-color: var(--main-color-four);
}

.popup-modal {
  position: relative;
  z-index: 9;
}

.shop-detail-cart-content {
  max-width: 1000px;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(0%) scale(0.6);
  transform: translateY(0%) scale(0.6);
  left: 0;
  right: 0;
  background: #fff;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}

.shop-detail-cart-content.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .shop-detail-cart-content.active {
    top: 0;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .shop-detail-cart-content.active {
    top: 0;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-detail-cart-content.active {
    top: 0;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-detail-cart-content.active {
    top: 0;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}

.shop-detail-cart-content .shop-details-cart-images {
  max-width: 575px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-detail-cart-content .shop-details-cart-images {
    max-width: 575px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-detail-cart-content .shop-details-cart-images {
    max-width: 100%;
  }
}

.shop-detail-cart-content .shop-details-cart-contents {
  overflow-y: auto;
  max-height: 700px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .shop-detail-cart-content .shop-details-cart-contents {
    max-height: 690px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-detail-cart-content .shop-details-cart-contents {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 480px) {
  .shop-detail-cart-content .shop-details-cart-contents {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 375px) {
  .shop-detail-cart-content .shop-details-cart-contents {
    padding: 0 10px;
  }
}

.shop-detail-cart-content .single-shop-details-wrapper {
  max-width: 100%;
  max-height: 700px;
  overflow-y: auto;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-detail-cart-content .single-shop-details-wrapper {
    margin-top: 20px;
  }
}

.shop-detail-cart-content .single-shop-details-wrapper .close-icon {
  font-size: 24px;
  position: absolute;
  right: 30px;
  top: 20px;
  cursor: pointer;
  z-index: 999;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-detail-cart-content .single-shop-details-wrapper .close-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background: var(--main-color-one);
    color: var(--white);
    right: 20px;
    top: 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .shop-detail-cart-content .single-shop-details-wrapper .close-icon {
    height: 40px;
    width: 40px;
    top: 10px;
    right: 10px;
  }
}

.shop-details-popup-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 50px;
  background: #fff;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .shop-details-popup-flex {
    display: block;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

.slingle-client {
  max-width: 100%;
  height: 70px;
  background: #f5f5f5;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slingle-client img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  max-height: 50px;
}

/*---------------------------------------
    21. Global Card Area
---------------------------------------*/
.global-card-item {
  border: 1px solid var(--border-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.global-card-item.style-02 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  border: 0;
}

.global-card-item.center-text {
  text-align: center;
}

.global-card-item.center-text .single-global-card {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.global-card-item:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.global-card-item:hover .global-card-thumb img {
  -webkit-transform: rotate(5deg) scale(1.2);
  transform: rotate(5deg) scale(1.2);
}

.global-card-item:hover .global-card-thumb.selling-thumb-overlay::before {
  visibility: visible;
  opacity: 1;
}

.global-card-item:hover .global-card-thumb .global-thumb-icons {
  visibility: visible;
  opacity: 1;
  top: 20px;
}

.global-card-item.style-02:hover .global-thumb-icons {
  top: auto;
  bottom: 20px;
}

.global-card-item.style-02 .global-thumb-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: auto;
  bottom: -100px;
  left: 0;
  right: 0;
  text-align: center;
}

.global-card-item.style-02 .global-thumb-icons .lists {
  margin: 5px 5px;
}

.global-card-item.style-02 .global-thumb-icons .lists .icon {
  height: 35px;
  width: 35px;
  font-size: 20px;
}

.global-card-item.style-03 {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.global-card-item.style-03:hover .global-thumb-icons {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.global-card-item.style-03 .global-thumb-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 50%;
  left: 50%;
}

.global-card-item .common-title-two {
  min-height: 60px;
}

.global-card-item.style-03 .global-thumb-icons .lists {
  margin: 5px 5px;
}

.global-card-item.style-03 .global-thumb-icons .lists .icon {
  height: 35px;
  width: 35px;
  font-size: 20px;
  border-radius: 0;
}

.global-card-item.style-03 .global-card-contents {
  padding: 25px 0px 0px;
}

.global-card-item.style-03 .global-card-contents .campaign-countdown {
  margin-bottom: 10px;
}

.global-card-item .global-card-thumb {
  overflow: hidden;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  background: var(--gray-two);
}

.global-card-item .global-card-thumb img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  object-fit: contain;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .global-card-item .global-card-thumb img {
    width: 100%;
  }
}

.global-card-item.vendor-global-card-item .global-thumb-icons .lists .icon {
  height: 30px;
  width: 30px;
  font-size: 16px;
}

.vendor-global-card-item .global-thumb-icons .lists:not(:last-child) {
  margin-bottom: 5px;
}

.global-card-contents {
  padding: 20px 20px 24px;
}

.global-card-item.style-02 .global-card-contents {
  padding: 20px 0px 0;
}

.global-card-contents .discount-countdown {
  margin: -15px 0 5px;
}

.thumb-top-contents {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  display: block;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.thumb-top-contents.right-side {
  left: auto;
  right: 10px;
}

.thumb-top-contents .percent-box {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 15px;
  color: var(--white);
}

.thumb-top-contents .percent-box:not(:last-child) {
  margin-bottom: 10px;
}

.special-offer-small {
  display: block;
}

.special-offer-small img {
  width: unset;
}

.global-thumb-icons {
  display: block;
  position: absolute;
  top: -100px;
  right: 20px;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.global-thumb-icons.hover-color-two .lists .icon:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.global-thumb-icons.hover-color-three .lists .icon:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.global-thumb-icons.hover-color-four .lists .icon:hover {
  background: var(--main-color-four);
  color: var(--white);
}

.global-thumb-icons .lists:not(:last-child) {
  margin-bottom: 10px;
}

.global-thumb-icons .lists .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  border-radius: 5px;
  background: #fff;
  color: var(--paragraph-color);
  font-size: 18px;
  -webkit-box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
  box-shadow: 0 0 5px rgba(221, 221, 221, 0.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.global-thumb-icons .lists .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.card-reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--paragraph-color);
}

.card-reviews.color-one .ratings i {
  color: var(--main-color-one);
}

.card-reviews.color-two .ratings i {
  color: var(--main-color-two);
}

.card-reviews.color-three .ratings i {
  color: var(--main-color-three) !important;
}

.card-reviews .ratings {
  margin: 5px;
}

.card-reviews .ratings i {
  color: var(--review-color);
}

.single-global-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

@media only screen and (max-width: 375px) {
  .single-global-card {
    display: block;
    margin-top: 0 !important;
  }
}

.single-global-card .global-card-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
}

@media only screen and (max-width: 375px) {
  .single-global-card .global-card-left {
    margin-right: 10px;
  }
}

.single-global-card .global-card-left .price {
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
  margin-right: 20px;
}

.single-global-card .global-card-left .price.color-1 {
  color: var(--main-color-one);
}

.single-global-card .global-card-left .price.color-2 {
  color: var(--main-color-two);
}

.single-global-card .global-card-left .price.color-3 {
  color: var(--main-color-three);
}

.single-global-card .global-card-right {
  padding-top: 10px;
}

.global-sale.sale-right-gap {
  margin-right: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .global-sale.sale-right-gap {
    margin-right: 10px;
  }
}

.global-flex-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.global-flex-icon .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: var(--gray-two);
  color: var(--heading-color);
  height: 40px;
  width: 40px;
  font-size: 22px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.global-flex-icon .icon:not(:last-child) {
  margin-right: 10px;
}

.global-flex-icon .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.global-flex-icon .icon.hover-color-two:hover {
  background-color: var(--main-color-two);
}

.global-flex-icon .icon.hover-color-three:hover {
  background-color: var(--main-color-three);
}

.global-flex-icon .icon.hover-color-four:hover {
  background-color: var(--main-color-four);
}

.global-flex-icon .icon.hover-color-five:hover {
  background-color: var(--main-color-five);
}

.global-flex-icon .icon.secondary-outline-1 {
  background: none;
  border: 1px solid #2974ff;
  color: #2974ff;
}

.global-flex-icon .icon.secondary-outline-1:hover {
  background: #2974ff;
  color: var(--white);
}

.global-flex-icon .icon.secondary-outline-1.cart-loading::before {
  background-color: #2974ff;
}

.global-flex-icon .icon.outline-color-1 {
  background: none;
  border: 1px solid var(--main-color-one);
  color: var(--main-color-one);
}

.global-flex-icon .icon.outline-color-1:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.global-flex-icon .icon.outline-color-1.cart-loading::before {
  background-color: var(--main-color-one);
}

.global-flex-icon .icon.outline-color-2 {
  background: none;
  border: 1px solid var(--main-color-two);
  color: var(--main-color-two);
}

.global-flex-icon .icon.outline-color-2:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.global-flex-icon .icon.outline-color-2.cart-loading::before {
  background-color: var(--main-color-two);
}

.global-flex-icon .icon.outline-color-3 {
  background: none;
  border: 1px solid var(--main-color-three);
  color: var(--main-color-three);
}

.global-flex-icon .icon.outline-color-3:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.global-flex-icon .icon.outline-color-3.cart-loading::before {
  background-color: var(--main-color-three);
}

.global-flex-icon .icon.text-preview {
  background: none;
  border: 1px solid rgba(221, 221, 221, 0.5);
  display: inline-block;
  height: unset;
  width: unset;
  font-size: 14px;
  padding: 8px 20px;
  color: var(--heading-color);
}

.global-flex-icon .icon.text-preview:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.global-flex-icon .icon.text-preview.hover-color-one:hover {
  background: var(--main-color-one);
}

.global-flex-icon .icon.text-preview.hover-color-two:hover {
  background: var(--main-color-two);
}

.global-flex-icon .icon.text-preview.hover-color-two.cart-loading::before {
  background-color: var(--main-color-two) !important;
}

.global-flex-icon .icon.text-preview.hover-color-three:hover {
  background: var(--main-color-three);
}

.global-flex-icon .icon.text-preview.hover-color-three.cart-loading::before {
  background-color: var(--main-color-three) !important;
}

.global-flex-icon .icon.bg-color-two {
  background: var(--main-color-two);
  color: var(--white);
}

.global-flex-icon .icon.bg-color-two.cart-loading::before {
  background-color: var(--main-color-two) !important;
}

.global-flex-icon .icon.bg-color-three {
  background: var(--main-color-three);
  color: var(--white);
}

.global-flex-icon .icon.bg-color-three.cart-loading::before {
  background-color: var(--main-color-three) !important;
}

.bg-color-two {
  background: var(--main-color-two);
  color: var(--white);
}

.bg-color-two.cart-loading::before {
  background-color: var(--main-color-two) !important;
}

.bg-color-three {
  background: var(--main-color-three);
  color: var(--white);
}

.bg-color-three.cart-loading::before {
  background-color: var(--main-color-three) !important;
}

.preview-button .icon {
  border: 2px solid #2974ff;
  padding: 10px 18px;
  font-size: 18px;
  display: inline-block;
  color: var(--paragraph-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .preview-button .icon {
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 375px) {
  .preview-button .icon {
    font-size: 16px;
  }
}

.preview-button .icon i {
  color: #2974ff;
  margin-right: 5px;
  font-size: 20px;
}

.preview-button .icon:hover {
  background: #2974ff;
  color: var(--white);
}

.preview-button .icon:hover i {
  color: var(--white);
}

.preview-button .icon.cart-loading::before {
  background-color: #2974ff;
}

.cart-loading {
  position: relative;
  z-index: 0;
}

.cart-loading img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
  height: auto;
  width: auto;
  visibility: hidden;
  opacity: 0;
}

.cart-loading.active-loading::before {
  visibility: visible;
  opacity: 1;
}

.cart-loading::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  border-color: rgba(0, 0, 0, 0.9);
  color: var(--white);
  border: 2px solid transparent;
  top: 0;
  left: 0;
  text-align: center;
  border-radius: inherit;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  background-image: url(../img/loading-cart.gif);
  background-repeat: no-repeat;
  background-position: center;
}

.cart-loading.bg-two::before {
  background-color: var(--main-color-two);
  color: var(--white);
}

.cart-loading.bg-three::before {
  background-color: var(--main-color-three);
  color: var(--white);
}

.center-text .single-global-card {
  display: -ms-grid;
  display: grid;
}

.center-text .rating-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.center-text .global-card-left {
  margin-right: 0;
}

@media only screen and (max-width: 375px) {
  .center-text .global-card-left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0;
  }
}

/* Clothing area */
.clothing-wrapper {
  padding: 0 60px;
  position: relative;
  z-index: 2;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .clothing-wrapper {
    padding: 0 40px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .clothing-wrapper {
    padding: 0 40px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .clothing-wrapper {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 480px) {
  .clothing-wrapper {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .clothing-wrapper .clothing-thumb {
    display: none;
  }
}

.clothing-wrapper .clothing-thumb img {
  position: absolute;
  z-index: -1;
}

.clothing-wrapper .clothing-thumb img:nth-child(1) {
  bottom: 0;
  right: 30%;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .clothing-wrapper .clothing-thumb img:nth-child(1) {
    right: 25%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .clothing-wrapper .clothing-thumb img:nth-child(1) {
    display: none !important;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .clothing-wrapper .clothing-thumb img:nth-child(1) {
    display: none !important;
  }
}

.clothing-wrapper .clothing-thumb img:nth-child(2) {
  bottom: 0;
  right: 12%;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .clothing-wrapper .clothing-thumb img:nth-child(2) {
    right: 7%;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .clothing-wrapper .clothing-thumb img:nth-child(2) {
    right: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .clothing-wrapper .clothing-thumb img:nth-child(2) {
    right: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .clothing-wrapper .clothing-thumb img:nth-child(2) {
    right: 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .clothing-wrapper .clothing-thumb img:nth-child(2) {
    right: 0;
  }
}

.clothing-contents {
  padding: 60px 0;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .clothing-contents {
    max-width: 500px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .clothing-contents {
    max-width: 500px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .clothing-contents {
    max-width: 420px;
    padding: 40px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .clothing-contents {
    max-width: 380px;
    padding: 40px 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .clothing-contents {
    max-width: 400px;
  }
}

@media only screen and (max-width: 767.98px) {
  .clothing-contents {
    max-width: 300px;
  }
}

@media only screen and (max-width: 575.98px) {
  .clothing-contents {
    max-width: 100%;
    padding: 40px 0;
  }
}

@media only screen and (max-width: 480px) {
  .clothing-contents {
    padding: 30px 0;
  }
}

.clothing-contents .percent-discount {
  margin-bottom: 15px;
  display: block;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .clothing-contents .percent-discount {
    font-size: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .clothing-contents .percent-discount {
    font-size: 18px !important;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .clothing-contents .percent-discount {
    font-size: 18px !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .clothing-contents .percent-discount {
    font-size: 16px !important;
  }
}

.clothing-contents .clothing-title {
  font-size: 60px;
  line-height: 65px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .clothing-contents .clothing-title {
    font-size: 55px;
    line-height: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .clothing-contents .clothing-title {
    font-size: 48px;
    line-height: 60px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .clothing-contents .clothing-title {
    font-size: 40px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767.98px) {
  .clothing-contents .clothing-title {
    font-size: 35px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .clothing-contents .clothing-title {
    font-size: 32px;
    line-height: 40px;
  }
}

.clothing-contents .cmn_btn {
  border: 1px solid var(--main-color-one);
}

.clothing-contents .cmn_btn:hover {
  background: none;
  color: var(--main-color-one);
}

/* Products Area */
.single-products {
  padding: 30px;
}

.single-products.product-border {
  border: 1px solid rgba(221, 221, 221, 0.3);
}

.single-products.hover-color-two .product-lists .list:hover a {
  color: var(--main-color-two) !important;
}

.single-products.hover-color-three .product-lists .list:hover a {
  color: var(--main-color-three) !important;
}

.single-products.hover-color-four .product-lists .list:hover a {
  color: var(--main-color-four) !important;
}

.single-products .products-thumb {
  margin-right: 30px;
  height: 285px;
  width: 230px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-products .products-thumb {
    height: 240px;
    width: 200px;
    margin-right: 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-products .products-thumb {
    height: 240px;
    width: 200px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .single-products .products-thumb {
    margin: 0 auto 10px;
  }
}

.single-products .products-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.single-products .product-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.single-products .product-contents .common-title-two {
  line-height: 24px;
}

.single-products .product-contents .product-lists .list {
  display: block;
  font-size: 16px;
  color: var(--paragraph-color);
  line-height: 24px;
}

.single-products .product-contents .product-lists .list:not(:last-child) {
  margin-bottom: 10px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-products .product-contents .product-lists .list:not(:last-child) {
    margin-bottom: 5px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-products .product-contents .product-lists .list:not(:last-child) {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 480px) {
  .single-products .product-contents .product-lists .list {
    font-size: 16px;
    line-height: 28px;
  }
}

.single-products .product-contents .product-lists .list a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-products .product-contents .product-lists .list:hover a {
  color: var(--main-color-one);
}

.product-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media only screen and (max-width: 480px) {
  .product-flex-contents {
    display: block;
    text-align: center;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .product-bundle-wrapper {
    max-height: 915px;
    overflow-y: scroll;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-bundle-wrapper {
    max-height: 778px;
    overflow-y: scroll;
  }
}

/* Global Flex Card */
.global-flex-card:hover .global-flex-item .global-item-image {
  position: relative;
  z-index: 1;
}

.global-flex-card:hover .global-flex-item .global-item-image img {
  -webkit-transform: rotate(5deg) scale(1.2);
  transform: rotate(5deg) scale(1.2);
}

.global-flex-card:hover .global-flex-item .global-item-image .global-thumb-icons {
  visibility: visible;
  opacity: 1;
  top: 30px;
}

.global-flex-card.style-02:hover .global-flex-item .global-item-image .global-thumb-icons {
  top: 10px;
}

.global-flex-card.style-02 .global-flex-item .global-item-image {
  max-width: 150px;
  max-height: 150px;
}

.global-flex-card.style-02 .global-flex-item .global-item-image .thumb-top-contents .percent-box {
  font-size: 12px;
  padding: 3px 10px;
  line-height: 16px;
}

.global-flex-card.style-02 .global-flex-item .global-item-image .global-thumb-icons .lists a {
  height: 28px;
  width: 28px;
  font-size: 16px;
  border-radius: 0;
}

.global-flex-card.style-02 .global-flex-item .global-item-contents {
  margin-left: 20px;
}

.global-flex-card .global-flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767.98px) {
  .global-flex-card .global-flex-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 480px) {
  .global-flex-card .global-flex-item {
    display: block;
  }
}

.global-flex-card .global-flex-item .global-item-image {
  display: initial;
  height: 260px;
  width: 260px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .global-flex-card .global-flex-item .global-item-image {
    max-height: 220px;
    max-width: 220px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .global-flex-card .global-flex-item .global-item-image {
    max-height: 220px;
    max-width: 220px;
  }
}

@media only screen and (max-width: 480px) {
  .global-flex-card .global-flex-item .global-item-image {
    display: block;
  }
}

.global-flex-card .global-flex-item .global-item-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.global-flex-card .global-flex-item .global-item-image .global-thumb-icons .lists a {
  height: 35px;
  width: 35px;
  font-size: 20px;
}

.global-flex-card .global-flex-item .global-item-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .global-flex-card .global-flex-item .global-item-contents {
    margin-left: 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .global-flex-card .global-flex-item .global-item-contents {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .global-flex-card .global-flex-item .global-item-contents {
    margin-left: 0;
    margin-top: 15px;
  }
}

.global-flex-card .global-flex-item .global-item-contents .title {
  font-size: 18px;
  line-height: 24px;
}

.global-flex-card .global-flex-item .global-item-contents .title:hover {
  color: var(--main-color-one);
}

.global-flex-card .global-flex-item .global-item-contents .title.hover-color-two:hover {
  color: var(--main-color-two);
}

.global-flex-card .global-flex-item .global-item-contents .title.hover-color-three:hover {
  color: var(--main-color-three);
}

.global-flex-card .global-flex-item .global-item-contents .title.hover-color-four:hover {
  color: var(--main-color-four);
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .product-bundle {
    max-height: 675px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .product-bundle {
    max-height: 620px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .product-bundle .product-bundle-wrapper {
    max-height: 100%;
    overflow: unset;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .product-bundle .product-bundle-wrapper {
    max-height: 100%;
    overflow: unset;
  }
}

/* Best Seller Area */
.best-seller-item:hover .seller-thumb img {
  -webkit-transform: rotate(5deg) scale(1.2);
  transform: rotate(5deg) scale(1.2);
}

.best-seller-item:hover .thumb-brand {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.best-seller-item.style-02 {
  padding: 30px;
}

.best-seller-item.style-02 .thumb-brand {
  margin: 0 auto;
}

.best-seller-item .seller-thumb {
  overflow: hidden;
  max-width: 100%;
  height: 200px;
  margin: 0 auto;
}

@media only screen and (max-width: 480px) {
  .best-seller-item .seller-thumb {
    margin: 0 auto;
    max-height: 260px;
    max-width: 260px;
  }
}

.best-seller-item .seller-thumb img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.best-seller-item .thumb-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  background-color: #ED1C24;
  margin: -40px auto 0;
  position: relative;
  z-index: 9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.best-seller-item .thumb-brand.brand-thumb-border {
  border: 3px solid #fff;
  border-radius: 50%;
}

.slick-slide:nth-child(6n+2) .thumb-brand {
  background-color: #1B1B1B;
}

.slick-slide:nth-child(6n+3) .thumb-brand {
  background-color: #F65B65;
}

.slick-slide:nth-child(6n+4) .thumb-brand {
  background-color: #0088DD;
}

.slick-slide:nth-child(6n+5) .thumb-brand {
  background-color: #FABE50;
}

.slick-slide:nth-child(6n+6) .thumb-brand {
  background-color: #5AB27E;
}

/* Download */
.download-flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.download-left-contents {
  -ms-flex-preferred-size: 66%;
  flex-basis: 66%;
  margin-right: 20px;
  position: relative;
  z-index: 1;
}

.download-wrapper .download-left-contents {
  margin-right: 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .download-left-contents {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-right: 0;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .download-left-contents {
    -ms-flex-preferred-size: 62%;
    flex-basis: 62%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .download-left-contents {
    -ms-flex-preferred-size: 54%;
    flex-basis: 54%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .download-left-contents {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

.download-left-contents .download-mobile-img img {
  position: absolute;
  z-index: 1;
  border-radius: 30px 30px 0 0;
  max-width: 250px;
}

/* @media (min-width: 1200px) and (max-width: 1399.98px) {
  .download-left-contents .download-mobile-img img {
    display: none;
  }
} */

@media (min-width: 992px) and (max-width: 1199.98px) {
  .download-left-contents .download-mobile-img img {
    max-width: 200px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .download-left-contents .download-mobile-img img {
    display: none;
  }
}

.download-left-contents .download-mobile-img img:nth-child(1) {
  bottom: 0;
  right: 40px;
}

.download-left-contents .download-mobile-img img:nth-child(2) {
  bottom: 0;
  right: 300px;
}

/* @media (min-width: 1400px) and (max-width: 1599.98px) {
  .download-left-contents .download-mobile-img img:nth-child(2) {
    display: none;
  }
} */

/* @media (min-width: 1200px) and (max-width: 1399.98px) {
  .download-left-contents .download-mobile-img img:nth-child(2) {
    display: none;
  }
} */

@media (min-width: 992px) and (max-width: 1199.98px) {
  .download-left-contents .download-mobile-img img:nth-child(2) {
    right: 250px;
  }
}

.download-left-contents .download-contents {
  max-width: 470px;
  padding: 100px 0 100px 80px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .download-left-contents .download-contents {
    max-width: 430px;
    padding: 100px 0 100px 50px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .download-left-contents .download-contents {
    padding: 100px 0 100px 40px;
    max-width: 430px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .download-left-contents .download-contents {
    padding: 90px 0 90px 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .download-left-contents .download-contents {
    padding: 70px 30px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .download-left-contents .download-contents {
    text-align: center;
    margin: 0 auto;
    padding: 50px 30px;
    max-width: 400px;
  }
}

@media only screen and (max-width: 575.98px) {
  .download-left-contents .download-contents {
    padding: 40px 20px;
  }
}

@media only screen and (max-width: 375px) {
  .download-left-contents .download-contents {
    padding: 30px 10px;
  }
}

.download-left-contents .download-contents .span-title {
  line-height: 30px;
  font-size: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .download-left-contents .download-contents .span-title {
    font-size: 18px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .download-left-contents .download-contents .span-title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .download-left-contents .download-contents .span-title {
    font-size: 15px;
    line-height: 24px;
  }
}

.download-left-contents .download-contents .download-title {
  font-size: 46px;
  line-height: 65px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .download-left-contents .download-contents .download-title {
    line-height: 50px;
    font-size: 42px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .download-left-contents .download-contents .download-title {
    line-height: 50px;
    font-size: 42px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .download-left-contents .download-contents .download-title {
    line-height: 50px;
    font-size: 38px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .download-left-contents .download-contents .download-title {
    line-height: 42px;
    font-size: 36px;
  }
}

@media only screen and (max-width: 575.98px) {
  .download-left-contents .download-contents .download-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .download-left-contents .download-contents .download-title {
    line-height: 36px;
    font-size: 28px;
  }
}

.download-left-contents .download-contents .download-form.color-two .single-input .form--control:focus {
  border-color: rgba(0, 136, 221, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
  box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
}

.download-left-contents .download-contents .download-form.color-two .single-input button {
  background-color: var(--main-color-two);
}

.download-left-contents .download-contents .download-form.color-three .single-input .form--control:focus {
  border-color: rgba(255, 128, 93, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
  box-shadow: 0 0 10px rgba(255, 128, 93, 0.1);
}

.download-left-contents .download-contents .download-form.color-three .single-input button {
  background-color: var(--main-color-three);
}

.download-left-contents .download-contents .download-form.color-four .single-input .form--control:focus {
  border-color: rgba(255, 105, 92, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(255, 105, 92, 0.1);
  box-shadow: 0 0 10px rgba(255, 105, 92, 0.1);
}

.download-left-contents .download-contents .download-form.color-four .single-input button {
  background-color: var(--main-color-four);
}

.download-left-contents .download-contents .download-form .single-input {
  position: relative;
}

.download-left-contents .download-contents .download-form .single-input .form--control {
  height: 60px;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0px 80px 0 15px;
}

.download-left-contents .download-contents .download-form .single-input .form--control:focus {
  border-color: rgba(249, 80, 62, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
  box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
}

.download-left-contents .download-contents .download-form .single-input button {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--main-color-one);
  color: var(--white);
  font-size: 24px;
  padding: 0 18px;
  border: 0;
  outline: none;
  height: 50px;
  border-radius: 5px;
  margin: 5px;
}

.download-left-contents .download-contents .googleplay-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .download-left-contents .download-contents .googleplay-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.download-left-contents .download-contents .googleplay-btn a {
  margin-top: 25px;
}

.download-left-contents .download-contents .googleplay-btn a:not(:last-child) {
  margin-right: 10px;
  display: inline-block;
}

.download-right-contents {
  padding: 34px 30px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .download-right-contents {
    padding: 50px 20px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .download-right-contents {
    padding: 45px 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .download-right-contents {
    padding: 27px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .download-right-contents {
    padding: 30px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .download-right-contents {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 24px;
  }
}

@media only screen and (max-width: 575.98px) {
  .download-right-contents {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 375px) {
  .download-right-contents {
    padding: 20px 10px;
  }
}

.download-right-contents .download-contents-right .right-title {
  font-size: 65px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .download-right-contents .download-contents-right .right-title {
    font-size: 55px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .download-right-contents .download-contents-right .right-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 575.98px) {
  .download-right-contents .download-contents-right .right-title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 375px) {
  .download-right-contents .download-contents-right .right-title {
    font-size: 32px;
  }
}

.download-right-contents .download-contents-right .btn-shop {
  font-size: 25px;
  line-height: 33px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: underline;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .download-right-contents .download-contents-right .btn-shop {
    font-size: 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .download-right-contents .download-contents-right .btn-shop {
    font-size: 18px;
  }
}

@media only screen and (max-width: 375px) {
  .download-right-contents .download-contents-right .btn-shop {
    font-size: 16px;
  }
}

.download-right-contents .download-contents-right .btn-shop:hover {
  color: var(--main-color-one) !important;
}

.download-right-contents .download-contents-right .download-right-thumb {
  max-height: 363px;
  max-width: 500px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .download-right-contents .download-contents-right .download-right-thumb {
    max-width: 450px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .download-right-contents .download-contents-right .download-right-thumb {
    max-width: 432px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .download-right-contents .download-contents-right .download-right-thumb {
    max-width: 400px;
  }
}

/* About Download */
.about-download-wrapper {
  padding: 35px 140px 60px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .about-download-wrapper {
    padding: 35px 120px 60px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .about-download-wrapper {
    padding: 25px 50px 50px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .about-download-wrapper {
    padding: 25px 70px 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-download-wrapper {
    padding: 25px 50px 50px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .about-download-wrapper {
    padding: 25px 30px 50px;
  }
}

.about-download-title {
  font-size: 36px;
  line-height: 43px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .about-download-title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .about-download-title {
    font-size: 30px;
    line-height: 36px;
  }
}

.about-download-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.about-download-flex .about-download-title {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .about-download-flex .about-download-title {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .about-download-flex .about-download-title {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .about-download-flex .about-download-title {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-download-flex .about-download-title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media only screen and (max-width: 767.98px) {
  .about-download-flex .about-download-title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .about-download-flex .about-appstore {
    margin-top: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-download-flex .about-appstore {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .about-download-flex .about-appstore {
    margin-top: 20px;
  }
}

.about-download-form {
  padding-left: 150px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .about-download-form {
    padding-left: 100px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .about-download-form {
    padding-left: 70px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-download-form {
    padding-left: 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .about-download-form {
    padding-left: 0;
    max-width: 500px;
  }
}

.about-download-form .about-single-input {
  position: relative;
}

.about-download-form .about-single-input .form--control {
  height: 60px;
  border: 1px solid #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0px 120px 0 15px;
}

.about-download-form .about-single-input .form--control:focus {
  border-color: rgba(249, 80, 62, 0.3);
  -webkit-box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
  box-shadow: 0 0 10px rgba(249, 80, 62, 0.1);
}

.about-download-form .about-single-input button {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--main-color-one);
  color: var(--white);
  padding: 0 18px;
  border: 0;
  outline: none;
  height: 50px;
  border-radius: 5px;
  margin: 5px;
}

@media only screen and (max-width: 375px) {
  .about-download-form .about-single-input button {
    position: relative;
    top: 20px;
  }
}

/* Instagram area */
.instagram-wrapper {
  position: relative;
  z-index: 2;
}

.single-instagram .instagram-image {
  max-height: 270px;
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.single-instagram .instagram-image:hover::before {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.single-instagram .instagram-image:hover .icon {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) rotateY(180deg);
  transform: translate(-50%, -50%) rotateY(180deg);
}

.single-instagram .instagram-image::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .single-instagram .instagram-image {
    height: 280px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-instagram .instagram-image {
    height: 250px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-instagram .instagram-image {
    height: 240px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-instagram .instagram-image {
    height: 250px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-instagram .instagram-image {
    height: auto;
  }
}

.single-instagram .instagram-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.single-instagram .instagram-image .icon {
  font-size: 30px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  background-color: var(--white);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media only screen and (max-width: 480px) {
  .single-instagram .instagram-image .icon {
    height: 40px;
    width: 40px;
    font-size: 24px;
  }
}

.single-instagram .instagram-image .icon:hover {
  color: #fff !important;
  background-color: var(--main-color-one);
}

.single-instagram .instagram-image .icon.hover-color-two:hover {
  color: var(--main-color-two);
}

.single-instagram .instagram-image .icon.hover-color-three:hover {
  color: var(--main-color-three);
}

.single-instagram .instagram-image .icon.hover-color-four:hover {
  color: var(--main-color-four);
}

.instagram-flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
}

.single-instagram {
  width: calc(100% / 3 - 16px);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-instagram {
    width: calc(100% / 6 - 20px);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-instagram {
    width: calc(100% / 6 - 20px);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-instagram {
    width: calc(100% / 6 - 20px);
  }
}

@media only screen and (max-width: 767.98px) {
  .single-instagram {
    width: calc(100% / 4 - 18px);
  }
}

@media only screen and (max-width: 575.98px) {
  .single-instagram {
    width: calc(100% / 4 - 18px);
  }
}

@media only screen and (max-width: 480px) {
  .single-instagram {
    width: calc(100% / 4 - 18px);
  }
}

@media only screen and (max-width: 375px) {
  .single-instagram {
    width: calc(100% / 2 - 12px);
  }
}

.instagram-flex-wrapper .single-instagram .instagram-thumb {
  max-height: 108px;
  max-width: 108px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .instagram-flex-wrapper .single-instagram .instagram-thumb {
    max-height: 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .instagram-flex-wrapper .single-instagram .instagram-thumb {
    max-height: 100%;
    max-width: 100%;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .instagram-flex-wrapper .single-instagram .instagram-thumb {
    max-height: 100%;
    max-width: 100%;
  }
}

/* Discount Banner */
.discount-banner-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 35px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .discount-banner-area {
    padding-top: 60px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .discount-banner-area {
    padding-top: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .discount-banner-area {
    padding-top: 50px;
  }
}

.discount-banner-area.bg-item-two::before {
  position: absolute;
  content: "";
  height: 410px;
  width: 410px;
  border-radius: 50%;
  background: #D9F0FF;
  z-index: -1;
  top: -130px;
  left: -110px;
}

@media (min-width: 1200px) and (max-width: 1880px) {
  .discount-banner-contents {
    margin-bottom: 47px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .discount-banner-contents {
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .discount-banner-contents {
    margin-bottom: 20px;
  }
}

.discount-banner-contents .percent-descount-title {
  font-size: 36px;
  font-weight: 400;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .discount-banner-contents .percent-descount-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 575.98px) {
  .discount-banner-contents .percent-descount-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .discount-banner-contents .percent-descount-title {
    font-size: 26px;
  }
}

.discount-banner-contents .percent-descount-title .percent-title {
  display: block;
  font-size: 65px;
  line-height: 70px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .discount-banner-contents .percent-descount-title .percent-title {
    font-size: 48px;
    line-height: 55px;
  }
}

@media only screen and (max-width: 575.98px) {
  .discount-banner-contents .percent-descount-title .percent-title {
    font-size: 40px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 375px) {
  .discount-banner-contents .percent-descount-title .percent-title {
    font-size: 36px;
    line-height: 42px;
  }
}

.ad_thumb {
  margin: 0 auto;
  text-align: center;
}

.ad_thumb img {
  margin: 0 auto;
}

/* Left Right area */
.left-right-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.left-right-wrapper .wrapper-left {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  margin-right: 24px;
}

.left-right-wrapper .wrapper-right {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

/* Save area */
.save-inner-wrapper {
  padding: 30px 100px 0;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .save-inner-wrapper {
    padding: 30px 60px 0;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .save-inner-wrapper {
    padding: 30px 30px 0;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .save-inner-wrapper {
    padding: 30px 50px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .save-inner-wrapper {
    padding: 30px 30px 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .save-inner-wrapper {
    padding: 20px 30px 0;
  }
}

@media only screen and (max-width: 375px) {
  .save-inner-wrapper {
    padding: 20px 20px 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-save-wrapper {
    margin-bottom: 30px;
  }
}

.save-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.save-flex-contents .save-contents {
  margin-right: 10px;
}

.save-contents .save-subtitle {
  font-size: 22px;
  line-height: 30px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .save-contents .save-subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .save-contents .save-subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .save-contents .save-subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .save-contents .save-subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575.98px) {
  .save-contents .save-subtitle {
    font-size: 18px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .save-contents .save-subtitle {
    font-size: 17px;
  }
}

.save-contents .save-title {
  font-size: 46px;
  line-height: 65px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .save-contents .save-title {
    font-size: 40px;
    line-height: 60px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .save-contents .save-title {
    font-size: 38px;
    line-height: 55px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .save-contents .save-title {
    font-size: 38px;
    line-height: 55px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .save-contents .save-title {
    font-size: 36px;
    line-height: 48px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .save-contents .save-title {
    font-size: 36px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 575.98px) {
  .save-contents .save-title {
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 480px) {
  .save-contents .save-title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 375px) {
  .save-contents .save-title {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767.98px) {
  .save-button {
    margin-top: 20px;
  }
}

.save-button .btn-wrapper .btn-bg-white {
  border: 2px solid #fff;
}

/* Offer area */
.offer-thumb-slider img {
  margin: 0 auto;
}

/* Side Left area */
.sidebar-wrapper {
  padding: 25px 20px;
}

.sidebar-title {
  font-size: 28px;
  line-height: 40px;
  margin: -4px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .sidebar-countdown-area {
    margin-top: 30px;
  }
}

.trendy-product-wrapper .single-trendy-products {
  position: relative;
}

.trendy-product-wrapper .single-trendy-products.style-02 .trendy-flex-content .trendy-thumb {
  height: 112px;
  flex-shrink: 0;
  width: 110px;
}

.trendy-product-wrapper .single-trendy-products .trendy-flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.trendy-product-wrapper .single-trendy-products .trendy-flex-content .trendy-thumb {
  margin-right: 20px;
  max-width: 120px;
  max-height: 120px;
  padding: 10px;
  position: relative;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .trendy-product-wrapper .single-trendy-products .trendy-flex-content .trendy-thumb {
    margin-right: 8px;
    max-height: 120px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .trendy-product-wrapper .single-trendy-products .trendy-flex-content .trendy-thumb {
    margin-right: 15px;
  }
}

.trendy-product-wrapper .single-trendy-products .trendy-flex-content .trendy-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.trendy-product-wrapper .single-trendy-products .trendy-flex-content .products-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 375px) {
  .trendy-product-wrapper .single-trendy-products .trendy-flex-content .products-contents {
    margin-top: 15px;
  }

  .common-title-three.hover-color-two {
    line-height: 22px;
  }
}

.single-news-update .news-flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 375px) {
  .single-news-update .news-flex-content {
    display: block;
  }
}

.single-news-update .news-flex-content .news-update-thumb {
  margin-right: 15px;
  max-width: 150px;
  max-height: 120px;
  overflow: hidden;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-news-update .news-flex-content .news-update-thumb {
    max-width: 115px;
    margin-right: 10px;
    height: 110px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-news-update .news-flex-content .news-update-thumb {
    max-width: 120px;
    margin-right: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .single-news-update .news-flex-content .news-update-thumb {
    max-width: 115px;
  }
}

.single-news-update .news-flex-content .news-update-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.single-news-update .news-flex-content .news-update-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 375px) {
  .single-news-update .news-flex-content .news-update-contents {
    margin-top: 15px;
  }
}

.single-news-update .news-flex-content .news-update-contents .dates {
  font-size: 16px;
  line-height: 28px;
}

/* Gift Voucher */
.gift-voucher-inner {
  position: relative;
  z-index: 1;
}

.gift-voucher-contents {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9;
}

.gift-voucher-contents .gift-voucher-title {
  font-size: 52px;
  line-height: 62px;
}

.gift-voucher-contents .gift-voucher-title .voucher-small {
  font-size: 36px;
  display: block;
  line-height: 43px;
}

/* Blog area */
/* .single_blog {
    &__thumbs {
        img {}
    }
    &__contents {
        position: relative;
        z-index: 1;
        .blog-tags {
            .single-tag {
                display: inline-block;
                i {
                    color: var(--main-color-three);
                }
            }
        }
        .btn-read-details {
            text-decoration: underline;
        }
    }
} */
.single-blog:hover .blog-thumbs img {
  -webkit-transform: rotate(5deg) scale(1.2);
  transform: rotate(5deg) scale(1.2);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.single-blog .blog-thumbs {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.single-blog .blog-thumbs img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

@media only screen and (max-width: 575.98px) {
  .single-blog .blog-thumbs img {
    width: 100%;
  }
}

.single-blog .blog-thumbs .thumbs-date {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}

.single-blog .blog-thumbs .thumbs-date .dates {
  display: inline-block;
  padding: 10px 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog .blog-thumbs .thumbs-date .dates {
    padding: 5px 15px;
  }
}

.single-blog .blog-thumbs .thumbs-date .dates:hover {
  background: #fff;
  color: var(--main-color-three);
}

.single-blog .blog-thumbs .thumbs-date .dates .date {
  font-size: 24px;
  line-height: 28px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog .blog-thumbs .thumbs-date .dates .date {
    font-size: 20px;
  }
}

.single-blog .blog-thumbs .thumbs-date .dates .month {
  font-size: 18px;
  line-height: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog .blog-thumbs .thumbs-date .dates .month {
    font-size: 16px;
  }
}

.single-blog .blog-contents {
  position: relative;
  z-index: 1;
}

.single-blog .blog-contents .blog-tags .single-tag {
  display: inline-block;
  color: var(--paragraph-color);
  font-size: 14px;
  line-height: 32px;
}

.single-blog .blog-contents .blog-tags .single-tag i {
  color: var(--main-color-three);
  margin-right: 2px;
}

.single-blog .blog-contents .blog-tags .single-tag:not(:last-child) {
  margin-right: 10px;
}

.single-blog .blog-contents .btn-read-details {
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
}

.single-blog .blog-contents .btn-read-details:hover {
  color: var(--main-color-three);
}

.single-blog .blog-contents .btn-read-details.color-one:hover {
  color: var(--main-color-one);
}

.single-blog .blog-contents .btn-read-details.color-two:hover {
  color: var(--main-color-two);
}

.single-blog .blog-contents .btn-read-details.color-four:hover {
  color: var(--main-color-four);
}

.single-blog-list .blog-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 575.98px) {
  .single-blog-list .blog-flex-contents {
    display: block;
  }
}

.single-blog-list .blog-image {
  max-width: 400px;
  max-height: 300px;
  margin-right: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-blog-list .blog-image {
    max-width: 280px;
    height: 300px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog-list .blog-image {
    max-width: 280px;
    height: 250px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-blog-list .blog-image {
    max-width: 100%;
    display: block;
    margin-right: 0;
    max-height: 100%;
    height: 100%;
  }
}

.single-blog-list .blog-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.single-blog-list .blog-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 575.98px) {
  .single-blog-list .blog-contents {
    margin-top: 15px;
  }
}

.single-blog-list .blog-contents .category {
  display: block;
}

.single-blog-list .blog-contents .category a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}

.single-blog-list .blog-contents .category a:not(:last-child)::after {
  content: ",";
  font-size: 18px;
  padding: 0 3px;
}

.single-blog-list .blog-contents .dates {
  display: block;
  font-size: 16px;
}

.single-blog-list .blog-contents .blog-para {
  font-size: 18px;
  line-height: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog-list .blog-contents .blog-para {
    font-size: 16px;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}

/* Blog Details area */
.blog-sidebar-contents {
  position: sticky;
  top: 0;
  z-index: 9;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .blog-sidebar-contents {
    position: unset;
  }
}

.single-blog-details:not(:first-child) {
  margin-top: 35px;
}

.single-blog-details .blog-details-title {
  font-size: 36px;
  line-height: 48px;
  margin: -6px 0 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-blog-details .blog-details-title {
    font-size: 34px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog-details .blog-details-title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-blog-details .blog-details-title {
    font-size: 28px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-blog-details .blog-details-title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 480px) {
  .single-blog-details .blog-details-title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 375px) {
  .single-blog-details .blog-details-title {
    font-size: 22px;
    line-height: 32px;
  }
}

.single-blog-details .blog-details-flex .btn-wrapper {
  margin-right: 20px;
}

.single-blog-details .blog-details-flex .dates {
  font-size: 18px;
  line-height: 30px;
}

.single-blog-details .blog-details-flex .dates i {
  color: var(--main-color-one);
}

.single-blog-details .blog-details-para {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  color: var(--paragraph-color);
  -webkit-line-clamp: unset;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-blog-details .blog-details-para {
    font-size: 17px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-blog-details .blog-details-para {
    font-size: 16px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog-details .blog-details-para {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-blog-details .blog-details-para {
    font-size: 15px;
    -webkit-line-clamp: 4;
  }
}

@media only screen and (max-width: 375px) {
  .single-blog-details .blog-details-para {
    font-size: 14px;
  }
}

.single-blog-details blockquote {
  margin: 35px auto 7px;
  display: inline-block;
  max-width: 1030px;
}

.single-blog-details blockquote .blockquote-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media only screen and (max-width: 575.98px) {
  .single-blog-details blockquote .blockquote-contents {
    display: block;
  }
}

.single-blog-details blockquote .blockquote-contents .blocquote-thumb {
  margin-right: 20px;
  height: 100px;
  width: 100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog-details blockquote .blockquote-contents .blocquote-thumb {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-blog-details blockquote .blockquote-contents .blocquote-thumb {
    margin-right: 0;
  }
}

.single-blog-details blockquote .blockquote-contents .blocquote-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.single-blog-details blockquote .content-inner {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.single-blog-details blockquote .content-inner .inner-contents-blackquote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 575.98px) {
  .single-blog-details blockquote .content-inner .inner-contents-blackquote {
    display: block;
  }
}

.single-blog-details blockquote .content-inner .icon-quote {
  margin-left: 30px;
  color: var(--body-color);
  font-size: 90px;
  line-height: 1;
}

.single-blog-details blockquote .content-inner .sub-title-blackquote {
  padding-left: 40px;
  position: relative;
  z-index: 2;
  display: inline-block;
}

.single-blog-details blockquote .content-inner .sub-title-blackquote:not(:last-child) {
  margin-right: 10px;
}

.single-blog-details blockquote .content-inner .sub-title-blackquote::before {
  content: "";
  position: absolute;
  left: 0;
  width: 30px;
  height: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--main-color-one);
}

.single-blog-details blockquote .content-inner .blackquote-title {
  font-size: 28px;
  font-weight: 400;
  position: relative;
  line-height: 40px;
  margin: -15px 0 0;
  -webkit-text-decoration: 3px solid #DDD underline;
  text-decoration: 3px solid #DDD underline;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-blog-details blockquote .content-inner .blackquote-title {
    font-size: 26px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-blog-details blockquote .content-inner .blackquote-title {
    font-size: 24px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-blog-details blockquote .content-inner .blackquote-title {
    font-size: 26px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-blog-details blockquote .content-inner .blackquote-title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-blog-details blockquote .content-inner .blackquote-title {
    margin: 10px 0 0;
  }
}

@media only screen and (max-width: 480px) {
  .single-blog-details blockquote .content-inner .blackquote-title {
    font-size: 23px;
  }
}

@media only screen and (max-width: 375px) {
  .single-blog-details blockquote .content-inner .blackquote-title {
    font-size: 22px;
  }
}

.blog-details-thumb-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .blog-details-thumb-flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .blog-details-thumb-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .blog-details-thumb-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .blog-details-thumb-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .blog-details-thumb-flex .thumb {
    height: auto;
  }
}

@media only screen and (max-width: 575.98px) {
  .blog-details-thumb-flex .thumb {
    height: auto;
  }
}

.blog-details-thumb-flex .thumb img {
  width: 100%;
}

.blog-details-thumb-flex .blog-thumb-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .blog-details-thumb-flex .blog-thumb-content {
    margin-right: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .blog-details-thumb-flex .blog-thumb-content {
    margin-right: 0px;
    margin-top: 24px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .blog-details-thumb-flex .blog-thumb-content {
    margin-right: 0px;
    margin-top: 24px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .blog-details-thumb-flex .blog-thumb-content {
    margin-right: 0px;
    margin-top: 24px;
  }
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .blog-thumb-content .blog-details-para {
    -webkit-line-clamp: 5;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .blog-thumb-content .blog-details-para {
    -webkit-line-clamp: 5;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .blog-thumb-content .blog-details-para {
    -webkit-line-clamp: 5;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .blog-thumb-content .blog-details-para {
    -webkit-line-clamp: 3;
  }
}

.blog-thumb-content .blog-details-para:first-child {
  margin-top: 0;
}

/* Tag Area */
.social-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.social-share .single-social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.social-share .single-social-list .list {
  margin: 5px 0;
}

.social-share .single-social-list .list:not(:last-child) {
  margin-right: 10px;
}

.social-share .single-social-list .list .icon {
  font-size: 16px;
  background: rgba(221, 221, 221, 0.3);
  color: var(--heading-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.social-share .single-social-list .list .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.tag-title {
  font-size: 20px;
  line-height: 32px;
  margin-right: 20px;
  margin-top: 7px;
}

.single-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.single-tag .tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-tag .tag-list .list {
  margin: 5px 0;
}

.single-tag .tag-list .list:not(:last-child) {
  margin-right: 10px;
}

.single-tag .tag-list .list .tags {
  font-size: 16px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  padding: 5px 15px;
  display: inline-block;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-tag .tag-list .list .tags:hover {
  background: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

/* Comment area */
.details-comment-content .single-commetns {
  width: 100%;
  margin-top: 30px;
}

.details-comment-content .single-commetns .comment-label {
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  color: var(--heading-color);
  display: block;
  margin-bottom: 15px;
}

.details-comment-content .single-commetns .form--control {
  height: 60px;
  border: 1px solid rgba(221, 221, 221, 0.5);
  outline: none;
  -webkit-box-shadow: 0 0 10px #fff;
  box-shadow: 0 0 10px #fff;
  font-size: 14px;
  line-height: 22px;
  color: var(--paragraph-color);
  padding: 0 20px;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.details-comment-content .single-commetns .form--control:focus {
  -webkit-box-shadow: 0 0 18px rgba(249, 80, 62, 0.1);
  box-shadow: 0 0 18px rgba(249, 80, 62, 0.1);
  border-color: rgba(249, 80, 62, 0.3);
}

.details-comment-content .single-commetns .form--message {
  padding: 20px 20px;
  height: 160px;
}

.details-comment-content button {
  font-size: 18px;
  font-weight: 500;
  line-height: 34px;
  background: var(--main-color-one);
  color: var(--white);
  border: 0;
  outline: none;
  border-radius: 5px;
  padding: 15px 35px;
  cursor: pointer;
  margin-top: 35px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .details-comment-content button {
    font-size: 16px;
    padding: 10px 30px;
  }
}

.comments-flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
}

@media only screen and (max-width: 575.98px) {
  .comments-flex-item {
    display: block;
  }
}

.comment-list .comment-list {
  margin-left: 120px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .comment-list .comment-list {
    margin-left: 70px;
  }
}

@media only screen and (max-width: 767.98px) {
  .comment-list .comment-list {
    margin-left: 50px;
  }
}

@media only screen and (max-width: 375px) {
  .comment-list .comment-list {
    margin-left: 30px;
  }
}

.comment-list .blog-details-flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 40px 0;
  gap: 30px;
  border-bottom: 2px solid rgba(221, 221, 221, 0.5);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .comment-list .blog-details-flex-content {
    gap: 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .comment-list .blog-details-flex-content {
    gap: 10px;
    padding: 30px 0 20px;
  }
}

@media only screen and (max-width: 480px) {
  .comment-list .blog-details-flex-content {
    display: block;
  }
}

.comment-list .blog-details-flex-content .blog-details-thumb {
  height: 80px;
  min-width: 80px;
  border-radius: 10px;
  display: block;
}

@media only screen and (max-width: 480px) {
  .comment-list .blog-details-flex-content .blog-details-thumb {
    width: 80px;
    margin-bottom: 15px;
  }
}

.comment-list .blog-details-flex-content .blog-details-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.comment-list .blog-details-flex-content .blog-details-content .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
}

.comment-list .blog-details-flex-content .blog-details-content .details-review-para {
  font-size: 18px;
  font-weight: 400;
  color: var(--paragraph-color);
  margin-top: 10px;
  line-height: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .comment-list .blog-details-flex-content .blog-details-content .details-review-para {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575.98px) {
  .comment-list .blog-details-flex-content .blog-details-content .details-review-para {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .comment-list .blog-details-flex-content .blog-details-content .details-review-para {
    font-size: 14px;
  }
}

.comment-list .blog-details-flex-content .blog-details-content .review-date {
  margin-top: 10px;
  display: block;
}

.comment-list .blog-details-flex-content .blog-details-content .btn-replay {
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.comment-list .blog-details-flex-content .blog-details-content .btn-replay:hover {
  color: var(--main-color-one);
}

/* Badge Area */
.breadcrumb-area {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.breadcrumb-shapes img {
  position: absolute;
  z-index: -1;
}

.breadcrumb-shapes img:nth-child(1) {
  left: 10%;
  bottom: 40%;
  -webkit-animation: 9s round-moving2 linear infinite;
  animation: 9s round-moving2 linear infinite;
}

.breadcrumb-shapes img:nth-child(2) {
  right: 6%;
  top: 35%;
  -webkit-animation: 12s round-moving2 linear infinite;
  animation: 12s round-moving2 linear infinite;
}

.breadcrumb-shapes img:nth-child(3) {
  right: 6%;
  bottom: -50px;
  -webkit-animation: 5s pulsing linear infinite;
  animation: 5s pulsing linear infinite;
}

.breadcrumb-padding {
  padding: 40px 0;
}

.breadcrumb-contents {
  text-align: center;
}

.breadcrumb-contents .badge-title {
  font-size: 36px;
  line-height: 43px;
}

@media only screen and (max-width: 767.98px) {
  .breadcrumb-contents .badge-title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 480px) {
  .breadcrumb-contents .badge-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .breadcrumb-contents .badge-title {
    font-size: 28px;
  }
}

.breadcrumb-contents .breadcrumb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.breadcrumb-contents .breadcrumb-list .list {
  color: var(--paragraph-color);
  position: relative;
  z-index: 2;
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .breadcrumb-contents .breadcrumb-list .list {
    font-size: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .breadcrumb-contents .breadcrumb-list .list {
    font-size: 15px;
  }
}

.breadcrumb-contents .breadcrumb-list .list:hover {
  color: var(--main-color-one);
}

.breadcrumb-contents .breadcrumb-list .list:not(:last-child) {
  padding-right: 20px;
}

.breadcrumb-contents .breadcrumb-list .list:not(:last-child)::after {
  content: "";
  position: absolute;
  background: var(--body-color);
  height: 15px;
  width: 2px;
  right: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.breadcrumb-contents .breadcrumb-list .list:not(:first-child) {
  padding-left: 20px;
}

.breadcrumb-contents.hover-color-one .bage-list .list:hover {
  color: var(--main-color-one);
}

.breadcrumb-contents.hover-color-two .bage-list .list:hover {
  color: var(--main-color-two);
}

.breadcrumb-contents.hover-color-three .bage-list .list:hover {
  color: var(--main-color-three);
}

.breadcrumb-contents.hover-color-four .bage-list .list:hover {
  color: var(--main-color-four);
}

/* About area */
.about-flex-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.about-thumb:not(:first-child) {
  margin-left: 24px;
}

@media only screen and (max-width: 480px) {
  .about-thumb:not(:first-child) {
    margin-left: 15px;
  }
}

.about-contents-wrapper {
  padding-left: 55px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .about-contents-wrapper {
    padding-left: 40px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .about-contents-wrapper {
    padding-left: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .about-contents-wrapper {
    padding-left: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-contents-wrapper {
    padding-left: 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .about-contents-wrapper {
    padding-left: 0;
  }
}

.about-paragraph .para {
  font-size: 18px;
  line-height: 36px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .about-paragraph .para {
    font-size: 17px;
    line-height: 36px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .about-paragraph .para {
    font-size: 16px;
    line-height: 32px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-paragraph .para {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .about-paragraph .para {
    font-size: 16px;
    line-height: 28px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .about-contents {
    margin-top: 20px;
  }
}

.about-contents .about-top {
  font-size: 20px;
  line-height: 26px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .about-contents .about-top {
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  .about-contents .about-top {
    font-size: 16px;
  }
}

.about-contents .about-title {
  font-size: 46px;
  line-height: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .about-contents .about-title {
    font-size: 40px;
    line-height: 55px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .about-contents .about-title {
    font-size: 42px;
    line-height: 60px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .about-contents .about-title {
    font-size: 42px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767.98px) {
  .about-contents .about-title {
    font-size: 36px;
    line-height: 48px;
  }
}

@media only screen and (max-width: 575.98px) {
  .about-contents .about-title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 480px) {
  .about-contents .about-title {
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .about-contents .about-title {
    font-size: 26px;
  }
}

/* Contacts Area  */
.contact-address-wrapper {
  padding: 50px 100px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .contact-address-wrapper {
    padding: 50px 70px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .contact-address-wrapper {
    padding: 50px 40px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .contact-address-wrapper {
    padding: 50px 50px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .contact-address-wrapper {
    padding: 50px 50px;
  }
}

@media only screen and (max-width: 575.98px) {
  .contact-address-wrapper {
    padding: 40px 40px;
  }
}

@media only screen and (max-width: 480px) {
  .contact-address-wrapper {
    padding: 40px 30px;
  }
}

@media only screen and (max-width: 375px) {
  .contact-address-wrapper {
    padding: 30px 20px;
  }
}

.sub-title {
  font-size: 18px;
  line-height: 36px;
}

@media only screen and (max-width: 767.98px) {
  .sub-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575.98px) {
  .sub-title {
    font-size: 17px;
  }
}

@media only screen and (max-width: 480px) {
  .sub-title {
    font-size: 16px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .sub-title {
    font-size: 15px;
  }
}

.contact-title {
  font-size: 36px;
  line-height: 43px;
}

@media only screen and (max-width: 575.98px) {
  .contact-title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 375px) {
  .contact-title {
    font-size: 28px;
  }
}

.single-address:not(:last-child) {
  margin-bottom: 24px;
}

.single-address .address-subtitle {
  font-size: 22px;
  line-height: 36px;
  display: block;
}

@media only screen and (max-width: 575.98px) {
  .single-address .address-subtitle {
    font-size: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .single-address .address-subtitle {
    font-size: 18px;
  }
}

.single-address .main-address {
  font-size: 16px;
  line-height: 28px;
  display: block;
  color: var(--paragraph-color);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

@media only screen and (max-width: 575.98px) {
  .single-address .main-address {
    font-size: 17px;
  }
}

@media only screen and (max-width: 375px) {
  .single-address .main-address {
    font-size: 15px;
  }
}

.single-address .main-address:hover {
  color: var(--main-color-one);
}

.single-address .main-address:hover a {
  -webkit-text-decoration-color: var(--main-color-one);
  text-decoration-color: var(--main-color-one);
}

.single-address .main-address a {
  -webkit-text-decoration: 3px solid #DDD underline;
  text-decoration: 3px solid #DDD underline;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.single-address .main-address:not(:last-child) {
  margin-bottom: 5px;
}

.input-label {
  font-size: 18px;
  font-weight: 500;
  display: block;
}

@media only screen and (max-width: 575.98px) {
  .input-label {
    font-size: 16px;
  }
}

@media only screen and (max-width: 375px) {
  .input-label {
    font-size: 15px;
  }
}

.contact-form-wrapper {
  padding-left: 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .contact-form-wrapper {
    padding-left: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .contact-form-wrapper {
    padding-left: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .contact-form-wrapper {
    padding-left: 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .contact-form-wrapper {
    padding-left: 0;
  }
}

.single-flex-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  .single-flex-input {
    display: block;
  }
}

.single-flex-input .single-input {
  width: 100%;
}

.single-flex-input .single-input:not(:first-child) {
  margin-left: 24px;
}

@media only screen and (max-width: 575.98px) {
  .single-flex-input .single-input:not(:first-child) {
    margin-left: 0;
  }
}

.single-flex-input .single-input .form--control {
  width: 100%;
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-box-shadow: 0 0 10px transparent;
  box-shadow: 0 0 10px transparent;
  height: 60px;
  padding: 0px 20px 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.single-flex-input .single-input .form--control:focus {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
  -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.05);
  box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.05);
}

.single-flex-input .single-input .form--message {
  padding: 15px 20px 0;
  height: 130px;
}

/* Contact Map */
.google-map-area iframe,
.contact-map iframe {
  width: 100%;
  height: 600px;
  border-radius: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

  .google-map-area iframe,
  .contact-map iframe {
    height: 500px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .google-map-area iframe,
  .contact-map iframe {
    height: 450px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {

  .google-map-area iframe,
  .contact-map iframe {
    max-height: 400px;
  }
}

@media only screen and (max-width: 575.98px) {

  .google-map-area iframe,
  .contact-map iframe {
    max-height: 300px;
  }
}

@media only screen and (max-width: 480px) {

  .google-map-area iframe,
  .contact-map iframe {
    max-height: 270px;
  }
}

@media only screen and (max-width: 375px) {

  .google-map-area iframe,
  .contact-map iframe {
    max-height: 220px;
  }
}

/* Error Area */
.single-title {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  margin: -5px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-title {
    font-size: 36px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 375px) {
  .single-title {
    font-size: 26px;
    line-height: 32px;
  }
}

.error-thumb img {
  margin: 0 auto;
}

/* Order Tracking */
.tracking-wrapper {
  max-width: 600px;
  margin: 0 auto;
}

.tracking-form .single-input .form--control {
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-box-shadow: 0 0 10px transparent;
  box-shadow: 0 0 10px transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.tracking-form .single-input .form--control:focus {
  -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
  border-color: rgba(var(--main-color-one-rgb), 0.3);
}

/* Cart  */
.table-list-content.style-02 {
  max-width: 1250px;
  margin: 0 auto;
}

.table-list-content .custom--table.table-border {
  border: 1px solid var(--border-two);
}

.table-list-content .custom--table thead.head-bg {
  background: var(--gray-two);
}

.table-list-content .custom--table thead tr th {
  padding: 20px 5px;
  font-family: var(--rubik-font);
  font-size: 16px;
  font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .table-list-content .custom--table thead tr th {
    white-space: nowrap;
  }
}

.table-list-content .custom--table thead tr th:first-child {
  padding-left: 20px;
}

.table-list-content .custom--table thead tr th:last-child {
  padding-right: 20px;
}

.table-list-content .custom--table thead tr th:nth-child(1) {
  text-align: left;
}

.table-list-content .custom--table tbody tr {
  border-bottom: 1px solid rgba(221, 221, 221, 0.4);
  position: relative;
  z-index: 1;
}

.table-list-content .custom--table tbody tr td {
  padding: 20px;
}

.table-list-content .custom--table tbody tr td:first-child {
  padding-left: 20px;
  width: 220px;
}

.table-list-content .custom--table tbody tr td:last-child {
  padding-right: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .table-list-content .custom--table tbody tr td:last-child {
    padding-right: 7px;
  }
}

.table-list-content .custom--table tbody tr td .close-table-cart {
  position: unset;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.table-list-content .custom--table tbody tr td .close-table-cart:hover {
  color: var(--main-color-one);
  -webkit-transform: translateY(-50%) scale(1.3);
  transform: translateY(-50%) scale(1.3);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .table-list-content .custom--table tbody tr td .close-table-cart {
    top: 10px;
    right: auto;
    left: 10px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: var(--main-color-one);
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    margin-left: auto;
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .table-list-content .custom--table tbody tr td .close-table-cart:hover {
    -webkit-transform: translateY(0) scale(1.3);
    transform: translateY(0) scale(1.3);
    background: #fff;
    color: var(--main-color-one);
  }
}

.table-list-content .custom--table tbody tr td .product-name-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  max-width: calc(100% - 20px);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .table-list-content .custom--table tbody tr td .product-name-table {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .table-list-content .custom--table tbody tr td .product-name-table {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: block;
  }
}

.table-list-content .custom--table tbody tr td .product-name-table a {
  flex-shrink: 0;
}

.table-list-content .custom--table tbody tr td .product-name-table .thumbs {
  height: 110px;
  width: 110px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .table-list-content .custom--table tbody tr td .product-name-table .thumbs {
    margin-left: auto;
    height: 120px;
    width: 120px;
  }
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents {
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents .name-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--heading-color);
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .table-list-content .custom--table tbody tr td .product-name-table .carts-contents {
    margin-left: 0px;
    text-align: right;
  }
}

.table-list-content .custom--table tbody tr td .product-name-table .carts-contents .name-title {
  font-size: 18px;
  font-weight: 500;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .table-list-content .custom--table tbody tr td .product-name-table .carts-contents .name-title {
    margin-top: 10px;
  }
}

.table-list-content .custom--table tbody tr td.price-td {
  font-weight: 500;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .table-list-content .custom--table tbody tr td.price-td {
    margin-right: 10px;
  }
}

.table-list-content .custom--table tbody tr td.color-one {
  color: var(--main-color-one);
}

.table-list-content .custom--table tbody tr td.color-two {
  color: var(--main-color-two);
}

.table-list-content .custom--table tbody tr td.color-three {
  color: var(--main-color-three);
}

.table-list-content .custom--table tbody tr td.color-four {
  color: var(--main-color-four);
}

.table-list-content .custom--table tbody tr td .product-quantity {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  width: 120px;
  text-align: center;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .table-list-content .custom--table tbody tr td .product-quantity {
    margin-right: 10px;
    margin-left: auto;
    display: inline-block;
  }
}

.table-list-content .custom--table tbody tr td .product-quantity .quantity-input {
  border: 1px solid rgba(221, 221, 221, 0.4);
  width: 100%;
  position: relative;
  z-index: 1;
}

.table-list-content .custom--table tbody tr td .product-quantity .quantity-input::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(221, 221, 221, 0.4);
}

.table-list-content .custom--table tbody tr td .product-quantity .substract,
.table-list-content .custom--table tbody tr td .product-quantity .plus {
  padding: 0 5px;
  left: 5px;
}

.table-list-content .custom--table tbody tr td .product-quantity .plus {
  left: auto;
  right: 5px;
}

.table-update-btn .btn-table {
  font-size: 18px;
  padding: 10px 30px;
  color: var(--paragraph-color);
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 480px) {
  .table-update-btn .btn-table {
    padding: 8px 18px;
  }
}

@media only screen and (max-width: 375px) {
  .table-update-btn .btn-table {
    font-size: 16px;
  }
}

.table-update-btn .btn-table.btn-border-1 {
  border: 1px solid rgba(221, 221, 221, 0.4);
}

.table-update-btn .btn-table:hover {
  background: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

.coupon-wrapper {
  padding: 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .coupon-wrapper {
    padding: 35px 35px 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .coupon-wrapper {
    padding: 40px 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .coupon-wrapper {
    max-width: 500px;
    margin: 0 auto;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .coupon-wrapper {
    max-width: 500px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 480px) {
  .coupon-wrapper {
    padding: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .coupon-wrapper {
    padding: 20px 10px;
  }
}

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

.coupon-flex-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

.coupon-flex-list .list:not(:last-child) {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-two);
}

.coupon-flex-list .list b:nth-child(1) {
  font-weight: 400;
  color: var(--paragraph-color);
}

.coupon-flex-list .list b:nth-child(2) {
  font-weight: 700;
  color: var(--heading-color);
}

/* Checkout */
.summery-title {
  font-size: 36px;
  line-height: 43px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .summery-title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 575.98px) {
  .summery-title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 375px) {
  .summery-title {
    font-size: 28px;
  }
}

.checkout-title i {
  color: var(--main-color-one);
}

.click-open-form:hover {
  color: var(--main-color-one);
  font-weight: 500;
}

.checkout-form-open {
  max-width: 500px;
  background: #fff;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
}

.checkout-form-open.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  margin-top: 30px;
}

.checkout-signup-form-wrapper {
  max-width: 700px;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.checkout-form-open.active,
.checkout-signup-form-wrapper.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  margin-top: 30px;
  background: var(--gray-two);
  padding: 20px;
}

.checkout-address-form-wrapper {
  max-width: 700px;
  height: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.checkout-address-form-wrapper.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  margin-top: 30px;
  background: #fff;
}

.signin-contents .btn-submit {
  margin-top: 20px;
}

.create-accounts {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 10px;
  color: var(--heading-color) !important;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .create-accounts {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575.98px) {
  .create-accounts {
    font-size: 16px;
  }
}

.create-accounts:hover {
  color: var(--heading-color);
}

.create-accounts::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  width: 20px;
  border: 1px solid #DDD;
  content: "";
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.create-accounts.active::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  background: var(--main-color-one);
  color: var(--white);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  border-color: var(--main-color-one);
}

.checkout-form .input-flex-item .single-input .form--message {
  height: 120px;
}

.checkout-form .checkbox-inlines .checkbox-label {
  color: var(--heading-color);
  font-size: 18px;
}

.checkout-order-summery {
  padding: 40px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .checkout-order-summery {
    padding: 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .checkout-order-summery {
    padding: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .checkout-order-summery {
    padding: 30px;
  }
}

@media only screen and (max-width: 991.98px) {
  .checkout-order-summery {
    padding: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .checkout-order-summery {
    padding: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .checkout-order-summery {
    padding: 20px 10px;
  }
}

.checkout-cart-wrapper {
  max-height: 240px;
  overflow-y: auto;
}

.single-checkout-cart-items .single-check-carts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-thumb {
  height: 100px;
  width: 100px;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-img-contents {
  text-align: left;
  margin-left: 10px;
}

.single-checkout-cart-items .single-check-carts .check-cart-flex-contents .checkout-cart-img-contents .product-items {
  margin-top: 10px;
}

.single-checkout-cart-items .single-check-carts .checkout-cart-price {
  font-size: 18px;
}

.checkout-flex-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 0;
  color: var(--paragraph-color);
  font-size: 18px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .checkout-flex-list .list {
    font-size: 16px;
    padding: 10px 0;
  }
}

@media only screen and (max-width: 375px) {
  .checkout-flex-list .list {
    font-size: 15px;
    padding: 10px 0;
  }
}

.checkout-flex-list .list span.product-qnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.checkout-flex-list .list span .product-cross {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

.checkout-flex-list .list span .product-cross::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "";
  position: absolute;
  right: -20px;
}

.checkout-flex-list .list .input-values {
  width: 40px;
  background: none;
  border: none;
  outline: none;
}

.coupon-form {
  position: relative;
}

.coupon-form .single-input label {
  display: block;
}

.coupon-form .single-input .form--control {
  height: 60px;
  background: #fff;
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.coupon-form .single-input .form--control:focus {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
  -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

.coupon-form .apply-coupon {
  position: absolute;
  right: 5px;
  height: 50px;
  border: 0;
  outline: none;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid transparent;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: var(--main-color-one);
  color: var(--white);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.coupon-form .apply-coupon:hover {
  background: none;
  color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.btn-coupon {
  outline: none;
  border: 1px solid #DDD;
  background: #DDD;
  padding: 15px;
  cursor: pointer;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-coupon.btn-bg-heading {
  background: var(--heading-color);
  color: var(--white);
  border: 2px solid transparent;
}

.btn-coupon.btn-bg-heading:hover {
  background: none;
  color: var(--heading-color);
  border-color: var(--heading-color);
}

.payment-inlines .payment-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.payment-inlines .payment-card .single-card {
  background: #fff;
  padding: 5px 10px;
  position: relative;
  z-index: 2;
  margin-bottom: 10px;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.payment-inlines .payment-card .single-card.active {
  border-color: var(--main-color-one);
}

.payment-inlines .payment-card .single-card.active::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  background: var(--main-color-one);
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  font-size: 10px;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.payment-inlines .payment-card .single-card:not(:last-child) {
  margin-right: 10px;
}

.checkout__card {
  border: 1px solid var(--border-two);
}

.checkout__card__header {
  background-color: var(--gray-two);
  padding: 15px 20px;
  border-bottom: 1px solid var(--border-two);
}

.checkout__card__footer {
  border-top: 1px solid var(--border-two);
}

/* Sign In Sign Up */
.signin-wrappers {
  max-width: 450px;
  margin: 0 auto;
}

.signin-wrappers.style-02 {
  max-width: 550px;
}

.input-flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 480px) {
  .input-flex-item {
    display: block;
  }
}

.input-flex-item .single-input {
  width: 100%;
}

.input-flex-item .single-input:not(:first-child) {
  margin-left: 24px;
}

@media only screen and (max-width: 480px) {
  .input-flex-item .single-input:not(:first-child) {
    margin-left: 0;
  }
}

.input-flex-item .single-input .form--control {
  border: 1px solid rgba(221, 221, 221, 0.4);
}

.single-input {
  display: inline-block;
  width: 100%;
}

.single-input .form--control {
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 0 10px transparent;
  box-shadow: 0 0 10px transparent;
}

.single-input .form--control:focus {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
  -webkit-box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--main-color-one-rgb), 0.1);
}

.single-input .form--message {
  padding: 15px 0 0 15px;
}

.label-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
}

@media only screen and (max-width: 480px) {
  .label-title {
    font-size: 15px;
  }
}

.single-checbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

.or-contents {
  text-align: center;
  position: relative;
  z-index: 2;
}

.or-contents::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: rgba(221, 221, 221, 0.4);
  width: 100%;
  height: 1px;
  z-index: -1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.or-contents .or-para {
  background: #fff;
  padding: 10px 30px;
  color: var(--paragraph-color);
}

.signin-others .single-other-signin .btn-others {
  padding: 13px 10px;
  display: inline-block;
  border: 1px solid rgba(221, 221, 221, 0.4);
  color: var(--paragraph-color);
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.signin-others .single-other-signin .btn-others:hover {
  background: var(--heading-color);
  color: var(--white);
}

.signin-others .single-other-signin .btn-others img {
  margin-right: 5px;
}

.special-account {
  border: 1px solid var(--border-color);
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--paragraph-color);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all .3s;
}

.special-account:hover {
  background: var(--heading-color);
  border-color: var(--heading-color);
  color: var(--white);
}

.special-account:hover .special-account-para {
  color: var(--white);
}

.special-account-para {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  transition: all .3s;
}

.signin-contents {
  background: var(--gray-two);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px var(--gray-two);
}

.sign-in.register {
  padding: 20px;
  background: var(--gray-two);
  border-radius: 10px;
  box-shadow: 0 0 10px var(--gray-two);
}

.signin__account__para {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.signin__account__para a {
  font-size: 18px;
  font-weight: 500;
  color: var(--heading-color);
  transition: all .3s;
}

.signin__account__para a:hover {
  color: var(--main-color-one);
}

.form-check-label {
  font-size: 16px;
  line-height: 24px;
  color: var(--paragraph-color);
  margin-bottom: 5px;
}

/* Compare Area */
.single-compare .compare-contents .compare-review-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5px;
}

.single-compare .compare-contents .compare-review-list .list {
  margin: 2px;
  font-size: 20px;
}

.single-compare .compare-contents .common-price-title-two {
  margin-top: 15px;
}

@media only screen and (max-width: 480px) {
  .single-compare .compare-contents .compare-content-list {
    margin-top: 20px;
  }
}

.single-compare .compare-contents .compare-content-list .list {
  border-bottom: 1px solid rgba(221, 221, 221, 0.4);
  padding: 20px 0;
  font-size: 18px;
  line-height: 32px;
  color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-compare .compare-contents .compare-content-list .list {
    padding: 15px 0;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-compare .compare-contents .compare-content-list .list {
    font-size: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .single-compare .compare-contents .compare-content-list .list {
    font-size: 15px;
    padding: 10px 0;
  }
}

.single-compare .compare-contents .compare-content-list .list .common-para {
  color: var(--paragraph-color);
}

.single-compare .compare-contents .cmn_btn {
  font-size: 18px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-compare .compare-contents .cmn_btn {
    font-size: 17px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-compare .compare-contents .cmn_btn {
    font-size: 16px;
  }
}

@media only screen and (max-width: 375px) {
  .single-compare .compare-contents .cmn_btn {
    font-size: 15px;
  }
}

.single-compare .compare-contents .btn-remove {
  border-bottom: 2px solid rgba(221, 221, 221, 0.6);
  color: var(--paragraph-color);
  padding-bottom: 2px;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-compare .compare-contents .btn-remove:hover {
  color: var(--main-color-one);
  border-color: transparent;
  letter-spacing: 1px;
}

@media only screen and (max-width: 575.98px) {
  .single-compare .compare-contents .btn-remove {
    font-size: 16px;
  }
}

@media only screen and (max-width: 375px) {
  .single-compare .compare-contents .btn-remove {
    font-size: 15px;
  }
}

/* Dashboard area */
.admin-dashboard-padding-30 {
  padding: 30px;
}

.dashboard-logo {
  max-width: 170px;
  margin-inline: auto;
  height: 50px;
}
.dashboard-logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@media only screen and (max-width: 480px) {
  .admin-dashboard-padding-30 {
    padding: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .admin-dashboard-padding-30 {
    padding: 20px 15px;
  }
}

.dashboard-area {
  background: var(--dashboard-color);
  min-height: 100vh;
  overflow: hidden;
}

.color-profile {
  color: var(--customer-profile);
}

.dashboard-common-title {
  font-size: 18px;
  line-height: 30px;
}

.dashboard-common-title-two {
  font-size: 24px;
  line-height: 32px;
  margin: -7px 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-common-title-two {
    font-size: 23px;
  }
}

@media only screen and (max-width: 575.98px) {
  .dashboard-common-title-two {
    font-size: 22px;
  }
}

@media only screen and (max-width: 375px) {
  .dashboard-common-title-two {
    font-size: 21px;
  }
}

.dashboard-pagination .pagination li {
  margin: 5px 10px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-pagination .pagination li {
    margin: 5px 5px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-pagination .pagination li {
    margin: 5px 5px;
  }
}

.dashboard-pagination .pagination li.active .page-link {
  background: var(--customer-profile);
  color: var(--white);
  border-color: transparent;
}

.dashboard-pagination .pagination li .page-link {
  background: #fff;
  color: #666;
  border: 1px solid;
  font-size: 16px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  padding: 8px 17px;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dashboard-pagination .pagination li .page-link:hover {
  background: var(--customer-profile);
  color: var(--white);
  border-color: transparent;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-pagination .pagination li .page-link {
    font-size: 16px;
    padding: 7px 15px;
  }
}

@media only screen and (max-width: 480px) {
  .dashboard-pagination .pagination li .page-link {
    font-size: 15px;
    padding: 5px 10px;
  }
}

.badge-notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 10px;
  height: 22px;
  width: 22px;
  background: var(--main-color-one);
  color: var(--white);
  border-radius: 3px;
}

@media only screen and (max-width: 575.98px) {
  .showing-contents {
    text-align: center;
  }
}

/*
.dashboard-padding {
  padding: 50px;
}
@media (min-width: 1600px) and (max-width: 1849.98px) {
  .dashboard-padding {
    padding: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-padding {
    padding: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-padding {
    padding: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-padding {
    padding: 20px;
  }
}
@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-padding {
    padding: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .dashboard-padding {
    padding: 20px;
  }
}
@media only screen and (max-width: 375px) {
  .dashboard-padding {
    padding: 20px 10px;
  }
} */

.dashboard-contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-contents-wrapper {
    gap: 24px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-contents-wrapper {
    gap: 24px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-contents-wrapper {
    display: block;
    padding: 12px 12px;
  }
}

.dashboard-left-content .nicescroll-rails {
  background: none;
}

.dashboard-left-content .nicescroll-cursors {
  background-color: var(--customer-profile) !important;
  width: 5px !important;
}

.dashboard-left-content {
  background: #fff;
  text-align: center;
  height: 100%;
  padding: 0;
  border-radius: 0px;
  display: block;
  padding: 20px 20px;
  width: 335px;
  height: calc(100vh - 0px);
  overflow-y: hidden;
  position: fixed;
  z-index: 9;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .dashboard-left-content {
    /* height: calc(100vh - 80px); */
    padding: 30px 10px;
    width: 280px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-left-content {
    /* height: calc(100vh - 60px); */
    padding: 30px 10px;
    width: 280px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-left-content {
    /* height: calc(100vh - 40px); */
    padding: 30px 10px;
    width: 260px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-left-content {
    /* height: calc(100vh - 40px); */
    padding: 30px 10px;
    width: 260px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-left-content {
    height: 100vh;
  }
}

@media only screen and (max-width: 375px) {
  .dashboard-left-content {
    max-width: 280px;
  }
}

.dashboard-bottom {
  height: calc(100vh - 195px);
  overflow-y: auto;
  padding: 0 7px 0 0;
  scrollbar-color: var(--customer-profile) #f3f3f3;
  scrollbar-width: thin;
}

.dashboard-bottom::-webkit-scrollbar {
  background-color: #f3f3f3;
  width: 5px;
  border-radius: 10px;
}

.dashboard-bottom::-webkit-scrollbar-thumb {
  background: var(--customer-profile);
  border-radius: 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-bottom {
    height: calc(100vh - 175px);
  }
}

.dashboard-list>li.active>a,
.dashboard-list .list.active>a {
  background: var(--customer-profile);
  font-weight: 500;
  color: var(--white);
}

.dashboard-list li.main_dropdown.active>.collapse {
  display: block;
}

.dashboard-list li.main_dropdown.open>a::after,
.dashboard-list .list.has-children.open>a::after {
  content: "";
}

li.main_dropdown ul {
  display: block;
  height: 100%;
}

.dashboard-list li.main_dropdown>a,
.dashboard-list .list.has-children>a {
  position: relative;
}

.dashboard-list li.main_dropdown>a::after,
.dashboard-list .list.has-children>a::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  right: 15px;
  font-size: 18px;
}

.dashboard-list li.acitve>.collapse>li {
  list-style: disc;
}

.dashboard-list li.acitve>.collapse,
.dashboard-list .list.show>.submenu {
  display: block;
}

.dashboard-list li a,
.dashboard-list .list a {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--heading-color);
  font-family: var(--rubik-font);
  gap: 10px;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: var(--gray-two);
  text-align: left;
}

.dashboard-list li a i,
.dashboard-list .list a i {
  font-size: 13px;
}

.dashboard-list li:not(:last-child)>a {
  margin-bottom: 10px;
}

.dashboard-list li>ul li a {
  padding: 10px 15px;
}

.dashboard-list li>ul li:last-child a {
  margin-bottom: 10px;
}

.dashboard-list li>.collapse,
.dashboard-list .list>.submenu {
  padding-left: 15px;
  display: none;
  border-left: 4px solid var(--customer-profile);
}

.dashboard-list li>.collapse li.main_dropdown>a,
.dashboard-list .list>.submenu .list.has-children>a {
  font-size: 16px;
}

.dashboard-list li.main_dropdown>.collapse li.active {
  background: none;
}

.dashboard-list li.main_dropdown>.collapse li.selected>a,
.dashboard-list li.main_dropdown>.collapse li.active>a,

.dashboard-list .list>.submenu .list.selected>a {
  color: var(--customer-profile);
  background-color: rgba(var(--customer-profile-rgb), 0.1);
}

.dashboard-list li>.collapse li.active a::before,
.dashboard-list .list>.submenu .list.selected a::before {
  background: var(--customer-profile);
}

.dashboard-list li.main_dropdown>.collapse li.main_dropdown.active>a {
  background-color: var(--customer-profile);
  color: var(--white);
}

/* .dashboard-list li>.collapse .main_dropdown a,
.dashboard-list .list>.submenu .list a {
  font-size: 14px;
  line-height: 22px;
  padding: 3px 0 3px 15px;
  position: relative;
  font-weight: 400;
} */

/* .dashboard-list li>.collapse .main_dropdown a::before,
.dashboard-list .list>.submenu .list a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 6px;
  width: 6px;
  background: #999;
  border-radius: 50%;
} */

.dashboard-right-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 360px;
  padding-block: 20px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .dashboard-right-contents {
    margin-left: 304px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-right-contents {
    margin-left: 304px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-right-contents {
    margin-left: 284px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-right-contents {
    margin-left: 284px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-right-contents {
    margin-left: 0;
  }
}

/* Dashboard Top Contents */
.dashboard-top-contents.dashboard__card,
.card-body.dashboard__card,
.dashboard__card {
  padding: 20px;
  background: #fff;
  border: 1px solid var(--border-two);
  border-radius: 10px;
  height: 100%;
}

.dashboard__card.mediaUploads__card {
  height: auto;
}

.dashboard__card:not(:last-child) {
  margin-bottom: 24px;
}

.dashboard__card.card__two {
  padding: 0;
}

.dashboard__card.card__two .dashboard__card__header,
.dashboard__card.card__two .card-header {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: unset;
  border-bottom: 1px solid var(--border-two);
}

.dashboard__card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: unset;
  border-bottom: 1px solid var(--border-color);
}

.dashboard__card__header.center-text,
.dashboard__card__header.desktop-center,
.dashboard__card__header.text-center {
  display: block;
}

.dashboard__card.card__two .dashboard__card__body,
.dashboard__card.card__two .card-body {
  padding: 20px;
}

.dashboard__card__body.overflow__vertically {
  overflow: auto;
}

.dashboard__card .card-body {
  padding: 0px;
}

.dashboard__card__title,
.dashboard__card .header-title,
.header-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: var(--heading-color);
}

.card-header .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: var(--heading-color);
}

.dashboard__card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 10px;
}

.dashboard__card__header__right,
.dashboard__card__header__right.d-flex {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

@media screen and (max-width: 575px) {
  .dashboard__card__header {
    flex-wrap: wrap;
  }
}

.dashboard__card__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px 10px;
}

.dashboard-left-date {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
}

.dashboard-top-contents {
  background: #fff;
  padding: 20px 20px;
  border-radius: 10px;
}

.dashboard-left-heading,
.heading-two {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--heading-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {

  .dashboard-left-heading,
  .heading-two {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767.98px) {

  .dashboard-left-heading,
  .heading-two {
    font-size: 28px;
  }
}

@media only screen and (max-width: 575.98px) {

  .dashboard-left-heading,
  .heading-two {
    font-size: 28px;
  }
}

@media only screen and (max-width: 480px) {

  .dashboard-left-heading,
  .heading-two {
    font-size: 26px;
  }
}

@media only screen and (max-width: 375px) {

  .dashboard-left-heading,
  .heading-two {
    font-size: 22px;
  }
}

.heading-three {
  font-size: 28px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .heading-three {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575.98px) {
  .heading-three {
    font-size: 25px;
  }
}

@media only screen and (max-width: 375px) {
  .heading-three {
    font-size: 23px;
  }
}

.dashboard-left-flex .d-flex {
  flex-wrap: wrap;
}
.dashboard-left-flex > div h2 + h2 {
  display: none;
}
@media only screen and (max-width: 1199.98px) {
  .dashboard-left-flex .d-flex>h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 991px) {
  .dashboard-left-flex .d-flex>h2 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .dashboard-left-flex .d-flex>h2 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575px) {
  .dashboard-left-flex .d-flex>h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 480px) {
  .dashboard-left-flex .d-flex>h2 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 375px) {
  .dashboard-left-flex .d-flex>h2 {
    font-size: 22px;
  }
}

.dashboard__card__search {
  max-width: 350px;
}

.dashboard__card__search__icon {
  position: relative;
}

.dashboard__card__search input {
  height: 42px;
  padding: 0 15px;
  padding-left: 40px;
}

.dashboard__card__search .icon {
  position: absolute;
  left: 15px;
  bottom: 7px;
  color: var(--paragraph-color);
  font-size: 16px;
  border: 0;
  background-color: unset;
  padding: 0;
  cursor: pointer;
}

.dashboard-flex-contetns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-flex-contetns {
    gap: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
  }

  .dashboard-flex-contetns .dashboard-right-flex .author-flex-contents {
    margin-top: 0;
  }

  .dashboard-left-flex .d-flex {
    justify-content: flex-start;
    text-align: left;
  }
}

@media (min-width: 200px) and (max-width: 450px) {
  .dashboard-flex-contetns {
    flex-direction: column;
    gap: 0;
  }
  .dashboard-left-date {
    text-align: center;
  }

  .dashboard-left-flex .d-flex {
    justify-content: center;
  }

  .dashboard-right-flex .author-thumb-contents .author-account-list {
    transform: translateX(50px);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-flex-contetns .rating-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.dashboard-right-flex {
  flex-shrink: 0;
}

.dashboard-flex-contetns .dashboard-right-flex .author-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-flex-contetns .dashboard-right-flex .author-flex-contents {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 24px;
  }
}

.author-thumb-contents {
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.author-thumb-contents:hover .author-account-list {
  visibility: visible;
  opacity: 1;
  top: 100%;
  background: #fff;
}

.author-thumb-contents .author-thumb {
  max-height: 40px;
  max-width: 40px;
  font-size: 20px;
  color: var(--heading-color);
}

.dashboard-right-flex .author-thumb-contents .author-thumb {
  font-size: 24px;
  background: var(--gray-two);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center
}

@media only screen and (max-width: 575.98px) {
  .author-thumb-contents .author-thumb {
    max-height: 50px;
    max-width: 50px;
  }
}

.author-thumb-contents .author-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
}

.author-thumb-contents .author-account-list {
  position: absolute;
  top: 130%;
  right: 0;
  background: #fff;
  z-index: 9998;
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
  width: 190px;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: block !important;
  margin-left: 0 !important;
}

.author-thumb-contents .author-account-list .list {
  margin: 0 !important;
  display: block !important;
}

.author-thumb-contents .author-account-list .list a {
  display: block;
  font-size: 15px;
  font-weight: 400;
  padding: 10px 20px;
  color: var(--heading-color);
  border-bottom: 1px solid rgba(221, 221, 221, 0.7);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.author-thumb-contents .author-account-list .list a:hover {
  background: var(--customer-profile);
  color: var(--white);
}

.single-icon-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.single-icon-flex .single-icon {
  font-size: 20px;
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

.single-icon-flex .single-icon:hover {
  color: #05cd99;
}

.badge-icon {
  position: absolute;
  top: -3px;
  right: -3px;
  background: var(--delete-color);
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  font-size: 9px;
}

.notification-list-wrapper .nicescroll-rails {
  background: none;
}

.notification-list-wrapper .nicescroll-cursors {
  background-color: var(--customer-profile) !important;
  width: 5px !important;
}

.dashboard-right-contents .nicescroll-rails {
  background: none;
}

.dashboard-right-contents .nicescroll-cursors {
  background-color: var(--customer-profile) !important;
  width: 5px !important;
}

.notification-list-wrapper {
  position: relative;
}

.notification-list-wrapper .notification-title {
  border-bottom: 1px solid rgba(221, 221, 221, 0.5);
  padding: 0px 15px 10px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.notification-list-wrapper .all-notification {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  padding: 20px 15px 0;
  display: inline-block;
}

.notifications-parent {
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#top-bar-notification-icon {
  cursor: pointer;
  font-size: 28px;
  color: var(--heading-color);
}

.notifications-parent .notification-list-wrapper.active {
  visibility: visible;
  opacity: 1;
  top: 100%;
  background: #fff;
}

.notifications-parent .notification-list-wrapper {
  position: absolute;
  top: 130%;
  right: 0;
  z-index: 9998;
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.2);
  width: 250px;
  background: #fff;
  padding: 20px 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: block !important;
  margin-left: 0 !important;
}

.notifications-parent .notification-list {
  max-height: 250px;
  overflow-y: auto;
  padding: 0 7px;
}

@media only screen and (max-width: 480px) {
  .notifications-parent .notification-list {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  .dashboard-right-flex .notifications-parent .notification-list {
    transform: translateX(0);
  }

  .dashboard-right-flex .notifications-parent .notification-list-wrapper {
    transform: translateX(80px);
  }
}

@media only screen and (max-width: 375px) {
  .dashboard-right-flex .notifications-parent .notification-list-wrapper {
    transform: translateX(140px);
  }
}

.notifications-parent .notification-list .list {
  display: block;
  padding: 5px 15px;
  color: var(--heading-color);
  border-bottom: 1px solid rgba(221, 221, 221, 0.7);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.notifications-parent .notification-list .list:hover {
  background: var(--customer-profile);
  color: var(--white);
}

.notifications-parent .notification-list .list:hover .notification-list-flex .notification-icon {
  background-color: var(--white);
  color: var(--heading-color);
}

.notifications-parent .notification-list .list .notification-list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-author {
  height: 40px;
  width: 40px;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-author img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.1);
  color: var(--heading-color);
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-contents .list-title {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.notifications-parent .notification-list .list .notification-list-flex .notification-contents .list-sub {
  font-size: 14px;
  font-weight: 400;
  margin-top: 2px;
  display: block;
}

.top-search-input {
  max-width: 300px;
}

.top-search-input.w-100 {
  max-width: 100%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .top-search-input {
    margin: 20px auto 0;
  }
}

.top-search-input .top-input-form {
  position: relative;
}

.top-search-input .top-input-form .form--control {
  padding: 0 15px 0 50px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.01);
}

.top-search-input .top-input-form .form--control:focus {
  -webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
  box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
  border-color: rgba(5, 205, 153, 0.3);
}

.top-search-input .top-input-form .search-btn {
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  color: #333;
  background: none;
  outline: none;
  border: 0;
}

/* Dashboard Customer Profile view */
.admin-profile-flex-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 24px 12px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .admin-profile-flex-view {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .admin-profile-flex-view {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .admin-profile-flex-view {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .admin-profile-flex-view {
    display: block;
  }
}

.admin-profile-flex-view .flex-view-item {
  width: 100%;
}

.dashboard-week-earning {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--heading-color);
}

.author-thumbs.bg-image {
  height: 210px;
  width: 210px;
}

.admin-customer-author-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767.98px) {
  .admin-customer-author-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.admin-view-customer-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .admin-view-customer-address {
    display: block;
  }
}

@media only screen and (max-width: 767.98px) {
  .admin-view-customer-address {
    display: block;
  }
}

.admin-view-customer-address .single-admin-customer-details {
  width: 100%;
}

/* Dashboard Vendor Preview Profile */
.single-preview-photo:not(:first-child) {
  margin-top: 40px;
}

/* Dashboard Campaign */
.campaign-photo {
  height: 100px;
  width: 230px;
  margin: 0 auto;
  border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .campaign-photo {
    height: 90px;
    width: 170px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .campaign-photo {
    height: 80px;
    width: 150px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .campaign-photo {
    height: 70px;
    width: 100px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .campaign-photo {
    margin-left: auto;
    margin-right: 0;
    height: 80px;
    width: 150px;
  }
}

@media only screen and (max-width: 375px) {
  .campaign-photo {
    height: 70px;
    width: 120px;
  }
}

.dashboard-campaign-single.campaign-padding-30 {
  padding: 30px;
}

@media only screen and (max-width: 480px) {
  .dashboard-campaign-single.campaign-padding-30 {
    padding: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .dashboard-campaign-single.campaign-padding-30 {
    padding: 20px 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-campaign-single .dashboard-flex-input {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-campaign-single .dashboard-flex-input {
    display: block;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-campaign-single .dashboard-flex-input {
    display: block;
  }
}

.sidebar-campaign-list .list:not(:last-child) {
  margin-bottom: 10px;
}

.sidebar-campaign-list .list.active a {
  background: var(--customer-profile);
  color: var(--white);
}

.sidebar-campaign-list .list.active a::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "";
  position: absolute;
  right: 20px;
}

.sidebar-campaign-list .list a {
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
  background: var(--dashboard-color);
  padding: 10px 20px;
  border-radius: 5px;
  display: block;
  width: 100%;
  position: relative;
  z-index: 1;
}

/* Dashboard withdraw Info */
.dashboard-withdraw-info-wrapper {
  padding: 6px 30px 30px;
}

@media only screen and (max-width: 375px) {
  .dashboard-withdraw-info-wrapper {
    padding: 0px 20px 24px;
  }
}

@media only screen and (max-width: 480px) {
  .single-admin-withdraw-info .contact-info-list .list {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .single-admin-withdraw-info .contact-info-list .list {
    font-size: 14px;
  }
}

.withdraw-single-padding {
  padding: 30px;
}

@media only screen and (max-width: 375px) {
  .withdraw-single-padding {
    padding: 20px 15px;
  }
}

.withdraw-info-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0 24px;
}

@media only screen and (max-width: 480px) {
  .withdraw-info-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.withdraw-info-flex .nice-select-two {
  width: 100%;
}

.withdraw-info-flex .dashboard-btn-wrapper {
  width: 100%;
}

.btn-withdraw-info {
  height: 100%;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-withdraw-info.dashboard-bg:hover {
  background: none;
  color: var(--customer-profile);
}

/* Dashboard Promo */
.orders-child:nth-child(4n+2) .single-orders {
  background: var(--main-color-one);
}

.orders-child:nth-child(4n+3) .single-orders {
  background: #C71F66;
}

.orders-child:nth-child(4n+4) .single-orders {
  background: #6560FF;
}

.single-orders {
  background: var(--customer-profile);
  padding: 35px 30px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.single-orders.style-padding {
  padding: 29px 25px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-orders {
    padding: 20px 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-orders {
    padding: 20px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-orders {
    padding: 25px 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-orders {
    padding: 20px 15px;
  }
}

.single-orders .orders-shapes {
  position: absolute;
  top: -50px;
  right: -100px;
  height: 200%;
  width: 220px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.2);
  z-index: -1;
}

.single-orders .orders-flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-orders .orders-flex-content {
    gap: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-orders .orders-flex-content {
    gap: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-orders .orders-flex-content {
    gap: 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-orders .orders-flex-content {
    gap: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-orders .orders-flex-content {
    gap: 10px;
  }
}

.single-orders .contents {
  flex: 1;
}

.single-orders .orders-flex-content .icon {
  font-size: 50px;
  color: var(--white);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-orders .orders-flex-content .icon {
    font-size: 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-orders .orders-flex-content .icon {
    font-size: 40px;
    text-align: right;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-orders .orders-flex-content .icon {
    font-size: 40px;
    text-align: right;
  }
}

.single-orders .orders-flex-content .contents .order-titles {
  font-size: 36px;
  font-weight: 500;
  line-height: 55px;
  color: var(--white);
  margin: 0;
  word-break: break-all;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-orders .orders-flex-content .contents .order-titles {
    font-size: 34px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-orders .orders-flex-content .contents .order-titles {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-orders .orders-flex-content .contents .order-titles {
    font-size: 28px;
  }
}

.single-orders .orders-flex-content .contents .order-para {
  font-size: 16px;
  line-height: 26px;
  color: var(--white);
}

@media only screen and (max-width: 767.98px) {
  .single-orders .orders-flex-content .contents .order-para {
    font-size: 15px;
  }
}

/* Dashboard Contact Info */
.single-contact-dashboard {
  border-radius: 20px;
}

.single-contact-dashboard.contact-padding {
  padding: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-contact-dashboard.contact-padding {
    padding: 20px 20px;
  }
}

@media only screen and (max-width: 480px) {
  .single-contact-dashboard.contact-padding {
    padding: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .single-contact-dashboard.contact-padding {
    padding: 20px 10px;
  }
}

.contact-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .contact-flex-contents {
    display: block;
  }
}

@media only screen and (max-width: 575.98px) {
  .contact-flex-contents {
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.contact-left-content .contact-title {
  font-size: 18px;
}

.contact-right-contents .edit-profile {
  background: var(--customer-profile);
  color: var(--white);
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  padding: 8px 15px;
  border-radius: 5px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .contact-right-contents .edit-profile {
    margin-top: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.contact-info-list.style-02 .list {
  display: inline-block;
  width: 100%;
}

.contact-info-list.style-02 .list:not(:last-child) {
  margin-bottom: 40px;
}

.contact-info-list.style-02 .list .span-title {
  width: 150px;
  line-height: 28px;
}

@media only screen and (max-width: 375px) {
  .contact-info-list.style-02 .list .span-title {
    width: 120px;
  }
}

.contact-info-list.style-02 .list .title {
  margin-top: 0;
  display: inline-block;
  line-height: 28px;
}

.contact-info-list .list {
  display: block;
  font-size: 16px;
  line-height: 26px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .contact-info-list .list {
    font-size: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .contact-info-list .list {
    font-size: 15px;
  }
}

.contact-info-list .list:not(:last-child) {
  margin-bottom: 24px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .contact-info-list .list:not(:last-child) {
    margin-bottom: 17px;
  }
}

.contact-info-list .list .title {
  margin-top: 10px;
  display: block;
}

.contact-billing-address .single-billing-address {
  border-radius: 20px;
  padding: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .contact-billing-address .single-billing-address {
    padding: 20px 20px;
  }
}

@media only screen and (max-width: 480px) {
  .contact-billing-address .single-billing-address {
    padding: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .contact-billing-address .single-billing-address {
    padding: 20px 10px;
  }
}

.contact-billing-address .single-billing-address:not(:last-child) {
  margin-bottom: 26px;
}

.dashboard-flex-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
}

@media only screen and (max-width: 575.98px) {
  .dashboard-flex-input {
    display: flex !important;
    flex-direction: column;
  }
}

.dashboard-flex-input .dashboard-input {
  width: 100%;
}

.dashboard-input {
  position: relative;
  display: inline-block;
  width: 100%;
}

.dashboard-input .bootstrap-tagsinput {
  width: 100%;
  height: 55px;
  padding: 9px 15px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  overflow-y: auto;
}

.dashboard-input .bootstrap-tagsinput:focus {
  -webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
  box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
  border-color: rgba(5, 205, 153, 0.3);
}

.dashboard-input .bootstrap-tagsinput .tag {
  background: var(--body-color);
  padding: 2px 5px;
  margin: 2px 0;
  line-height: 26px;
  border-radius: 5px;
  font-size: 14px;
}

.dashboard-input .tags_input {
  width: 100%;
}

.dashboard-input .form--control {
  width: 100%;
  height: 55px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  font-size: 15px;
  padding: 0 15px;
}

@media only screen and (max-width: 375px) {
  .dashboard-input .form--control {
    font-size: 14px;
  }
}

.dashboard-input .form--control:focus {
  -webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
  box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
  border-color: rgba(5, 205, 153, 0.3);
}

.dashboard-input .form--message {
  padding: 15px;
}

.dashboard-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--heading-color);
  margin-bottom: 8px;
}

@media only screen and (max-width: 375px) {
  .dashboard-label {
    font-size: 14px;
  }
}

.toggle-password {
  position: absolute;
  bottom: 15px;
  right: 20px;
  cursor: pointer;
}

.hide-icon {
  display: none;
}

.toggle-password.show-pass .hide-icon {
  display: block;
}

.toggle-password.show-pass .show-icon {
  display: none;
}

/* Dashboard Recent Orders */
.recent-order-wrapper {
  border-radius: 20px;
  padding: 30px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .recent-order-wrapper {
    padding: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .recent-order-wrapper {
    padding: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .recent-order-wrapper {
    padding: 30px 150px;
  }
}

@media only screen and (max-width: 480px) {
  .recent-order-wrapper {
    padding: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .recent-order-wrapper {
    padding: 20px 10px;
  }
}

.action-icon .icon {
  color: var(--customer-profile);
}

.action-icon .icon:nth-child(3n+2) {
  color: var(--main-color-two);
}

.action-icon .icon:nth-child(3n+3) {
  color: var(--main-color-one);
}

.dashboard-table thead tr {
  border-bottom: 1px solid rgba(221, 221, 221, 0.4);
}


.dashboard-table thead tr th {
  color: var(--heading-color);
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 10px 15px;
}

.dashboard-table thead tr th:first-child {
  text-align: left;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-table thead tr th {
    font-size: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-table thead tr th {
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-table thead tr th {
    font-size: 14px;
  }
}

.table-wrap thead tr th {
  text-align: unset;
}

.dashboard-table tbody {
  overflow: unset;
}

.dashboard-table tbody tr {
  border-bottom: 1px solid rgba(221, 221, 221, 0.4);
}

.dashboard-table tbody tr td {
  text-align: left;
  padding-inline: 8px;
  font-size: 16px;
  word-break: break-word;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-table tbody tr td {
    font-size: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-table tbody tr td {
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-table tbody tr td {
    font-size: 14px;
  }
}

.dashboard-table tbody tr td:first-child {
  text-align: left;
}

.dashboard-table tbody tr td .logo-brand {
  height: 55px;
  width: 60px;
  max-width: 70px;
  flex-shrink: 0;
}
.table-wrap .logo-brand-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  padding-inline: 10px;
}
.table-wrap .logo-brand {
  flex-shrink: 0;
  max-width: 80px;
}
.table-wrap .logo-brand-contents b,
.table-wrap .logo-brand-contents p {
  word-break: keep-all;
}
.table-wrap tbody tr td {
  padding-inline: 10px;
}
.dashboard-table tbody tr td .logo-brand img {
  border-radius: 5px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.dashboard-table tbody tr td .btn-status {
  background: #F9503E;
  color: var(--white);
  font-size: 16px;
  padding: 8px 15px;
  border-radius: 5px;
}

.dashboard-table tbody tr td .action-icon {
  margin: 5px 10px;
}

.dashboard-table tbody tr td .action-icon .icon {
  font-size: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dashboard-table tbody tr td .action-icon .icon:hover {
  color: var(--customer-profile);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-table tbody tr td .action-icon .icon {
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-table tbody tr td .action-icon .icon {
    font-size: 16px;
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-table .custom--table {
    overflow-x: scroll;
  }
}

.row-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  border: 1px solid #ddd;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .row-check {
    height: 18px;
    width: 18px;
    font-size: 12px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .row-check {
    height: 17px;
    width: 17px;
    font-size: 12px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .row-check {
    height: 15px;
    width: 15px;
    font-size: 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .row-check {
    margin-left: auto;
  }
}

.row-check.checked {
  background: #05cd99;
  color: var(--white);
  border-color: transparent;
}

.row-check.checked::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
}

.res-row-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  border: 1px solid #ddd;
  cursor: pointer;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .res-row-check {
    height: 18px;
    width: 18px;
    font-size: 12px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .res-row-check {
    height: 17px;
    width: 17px;
    font-size: 12px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .res-row-check {
    height: 15px;
    width: 15px;
    font-size: 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .res-row-check {
    margin-left: auto;
  }
}

.res-row-check.checked {
  background: #05cd99;
  color: var(--white);
  border-color: transparent;
}

.res-row-check.checked::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
}

.payment {
  font-size: 15px;
  padding: 5px 20px;
  border-radius: 5px;
  background: rgba(221, 221, 221, 0.1);
  color: #333;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .payment {
    padding: 5px 15px;
    font-size: 14px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .payment {
    padding: 5px 10px;
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .payment {
    padding: 5px 10px;
    font-size: 13px;
  }
}

.payment:hover {
  background: #333;
  color: var(--white);
}

.payment.paid {
  background: rgba(5, 205, 153, 0.1);
  color: #05cd99;
}

.payment.paid:hover {
  background: #05cd99;
  color: var(--white);
}

.payment.due {
  background: rgba(249, 80, 62, 0.3);
  color: #F9503E;
}

.payment.due:hover {
  background: #F9503E;
  color: var(--white);
}

.add-dropdown-text {
  position: relative;
  z-index: 1;
  color: var(--white);
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 15px;
  padding: 7px 10px;
}

.add-dropdown-text:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .add-dropdown-text {
    font-size: 14px;
    padding: 5px 8px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .add-dropdown-text {
    font-size: 14px;
    padding: 5px 7px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .add-dropdown-text {
    font-size: 13px;
    padding: 5px 5px;
  }
}

[value=Active].add-dropdown-text {
  background: #05cd99;
  border: 2px solid #05cd99;
  color: var(--white);
}

[value=Active].add-dropdown-text:hover {
  background: none;
  color: #05cd99;
}

[value=Inactive].add-dropdown-text {
  background: #F9503E;
  border: 2px solid #F9503E;
  color: var(--white);
}

[value=Inactive].add-dropdown-text:hover {
  background: none;
  color: #F9503E;
}

[value=Pending].add-dropdown-text {
  background: #FABE50;
  border: 2px solid #FABE50;
}

[value=Pending].add-dropdown-text:hover {
  background: none;
  color: #FABE50;
}

[value=Completed].add-dropdown-text {
  background: #05cd99;
  border: 2px solid #05cd99;
}

[value=Completed].add-dropdown-text:hover {
  background: none;
  color: #05cd99;
}

[value=Canceled].add-dropdown-text {
  background: #F9503E;
  border: 2px solid #F9503E;
}

[value=Canceled].add-dropdown-text:hover {
  background: none;
  color: #F9503E;
}

.status-dropdown {
  display: inline-block;
  position: relative;
}

.dashboard-table [data-label] {
  position: relative;
}

.dashboard-table [data-label]::before {
  position: absolute;
  content: attr(data-label);
  font-weight: 700;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  padding: 8px 20px;
  display: none;
  font-size: 14px;
}

/* Dashboard Profile Photo */
.profile-photo-change {
  border-radius: 10px;
}

.profile-photo-change .photo-upload {
  display: inline-block;
  padding: 10px 30px 25px;
  text-align: center;
  width: 100%;
  border: 2px dashed #ddd;
  border-radius: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .profile-photo-change .photo-upload {
    padding: 5px 15px 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .profile-photo-change .photo-upload {
    padding: 5px 20px 15px;
  }
}

@media only screen and (max-width: 480px) {
  .profile-photo-change .photo-upload {
    padding: 10px 15px 20px;
  }
}

.profile-photo-change .photo-upload .upload-icon {
  font-size: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .profile-photo-change .photo-upload .upload-icon {
    font-size: 35px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .profile-photo-change .photo-upload .upload-icon {
    font-size: 35px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .profile-photo-change .photo-upload .upload-icon {
    font-size: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .profile-photo-change .photo-upload .upload-icon {
    font-size: 30px;
  }
}

.profile-photo-change .photo-upload .upload-para {
  font-size: 15px;
}

.upload-finish {
  position: relative;
  z-index: 1;
}

.upload-finish .upload-thumb {
  max-width: 120px;
  max-height: 120px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.upload-finish .upload-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.upload-finish .upload-thumb .close-thumb {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #ddd;
  color: #333;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.upload-finish .upload-thumb .close-thumb:hover {
  background: #05cd99;
  color: var(--white);
}

.upload-finish .photo-name {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.upload-finish .photo-size {
  display: block;
  font-size: 12px;
}

.dashboard-btn-wrapper .btn-submit {
  font-size: 18px;
  font-weight: 500;
  padding: 12px 35px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-btn-wrapper .btn-submit {
    font-size: 16px;
    padding: 12px 25px;
  }
}

@media only screen and (max-width: 480px) {
  .dashboard-btn-wrapper .btn-submit {
    font-size: 16px;
    padding: 12px 20px;
  }
}

@media only screen and (max-width: 375px) {
  .dashboard-btn-wrapper .btn-submit {
    font-size: 15px;
    padding: 10px 15px;
  }
}

.dashboard-btn-wrapper .btn-submit.dashboard-bg {
  background: var(--main-color-one);
  color: var(--white);
  border: 2px solid var(--main-color-one);
}

.dashboard-btn-wrapper .btn-submit.dashboard-bg:hover {
  background: none;
  color: var(--main-color-one);
}

.dashboard-btn-wrapper .btn-submit.btn-medium {
  font-size: 16px;
  padding: 10px 25px;
}

/* Dashboard Wallet */
.wallet-child:nth-child(1) .single-wallet {
  background: var(--customer-profile);
  padding: 25px 25px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .wallet-child:nth-child(1) .single-wallet {
    padding: 20px 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .wallet-child:nth-child(1) .single-wallet {
    padding: 20px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .wallet-child:nth-child(1) .single-wallet {
    padding: 25px 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .wallet-child:nth-child(1) .single-wallet {
    padding: 20px 15px;
  }
}

.wallet-child:nth-child(1) .single-wallet .wallet-shapes {
  position: absolute;
  top: -50px;
  right: -100px;
  height: 200%;
  width: 220px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 0.2);
  z-index: -1;
}

.wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 20px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
    gap: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
    gap: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
    gap: 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
    gap: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content {
    gap: 10px;
  }
}

.wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
  font-size: 50px;
  color: var(--white);
  height: unset;
  width: unset;
  border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
    font-size: 40px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
    font-size: 40px;
    text-align: right;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .icon {
    font-size: 40px;
    text-align: right;
  }
}

.wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-titles {
  font-size: 36px;
  font-weight: 500;
  line-height: 55px;
  color: var(--white);
  margin: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-titles {
    font-size: 34px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-titles {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-titles {
    font-size: 28px;
  }
}

.wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-para {
  font-size: 16px;
  line-height: 26px;
  color: var(--white);
}

@media only screen and (max-width: 767.98px) {
  .wallet-child:nth-child(1) .single-wallet .wallet-flex-content .wallet-contents .wallet-para {
    font-size: 15px;
  }
}

.add-money {
  position: relative;
  z-index: 3;
}

.add-money .icon {
  cursor: pointer;
}

.add-money .add-money-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 50px 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
  box-shadow: 0 0 10px rgba(0, 136, 221, 0.1);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid var(--customer-profile);
  overflow: hidden;
  width: 400px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .add-money .add-money-wrapper {
    left: auto;
    right: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .add-money .add-money-wrapper {
    left: auto;
    right: 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .add-money .add-money-wrapper {
    left: auto;
    right: 0;
    padding: 40px 20px;
  }
}

@media only screen and (max-width: 480px) {
  .add-money .add-money-wrapper {
    width: 320px;
  }
}

@media only screen and (max-width: 375px) {
  .add-money .add-money-wrapper {
    width: 280px;
    padding: 30px 10px;
  }
}

.add-money .add-money-wrapper .add-money-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  width: 35px;
  background: var(--customer-profile);
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
}

.add-money.add-wallet .add-money-wrapper {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  top: -100%;
}

.dashboard_checkbox,
.dashboard-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer;
  gap: 10px;
}

.dashboard_checkbox.on_track_checkbox,
.dashboard-checkbox.on-track-checkbox {
  gap: 5px;
}

.dashboard_checkbox.on_track_checkbox .check_input,
.dashboard-checkbox.on-track-checkbox .check-input {
  border-radius: 50%;
}

.dashboard_checkbox.on_track_checkbox .check_input:checked+.checkbox_label,
.dashboard-checkbox.on-track-checkbox .check-input:checked+.checkbox-label {
  color: var(--customer-profile);
  font-weight: 500;
}

.dashboard_checkbox .check_input,
.dashboard-checkbox .check-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 18px;
  min-width: 18px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0px;
  margin-top: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dashboard_checkbox .check_input::after,
.dashboard-checkbox .check-input::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 10px;
  color: var(--white);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.6) rotate(90deg);
  transform: scale(1.6) rotate(90deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.dashboard_checkbox .check_input:checked,
.dashboard-checkbox .check-input:checked {
  background: var(--customer-profile);
  border-color: var(--customer-profile);
  background: var(--customer-profile);
}

.dashboard_checkbox .check_input:checked::after,
.dashboard-checkbox .check-input:checked::after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1.2) rotate(0deg);
  transform: scale(1.2) rotate(0deg);
}

.dashboard_checkbox .checkbox_label,
.dashboard-checkbox .checkbox-label {
  cursor: pointer;
  text-align: left;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  color: var(--heading-color);
  margin: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {

  .dashboard_checkbox .checkbox_label,
  .dashboard-checkbox .checkbox-label {
    font-size: 15px;
  }
}

.add-money-cards .payment-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.add-money-cards .payment-card .single-card {
  background: #fff;
  padding: 5px 10px;
  position: relative;
  z-index: 2;
  margin-bottom: 10px;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-money-cards .payment-card .single-card.active {
  border-color: var(--customer-profile);
}

.add-money-cards .payment-card .single-card.active::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  background: var(--customer-profile);
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 16px;
  width: 16px;
  font-size: 10px;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 9;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-money-cards .payment-card .single-card:not(:last-child) {
  margin-right: 10px;
}

.single-wallet {
  padding: 25px 25px;
  background: #fff;
  border-radius: 20px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .single-wallet {
    padding: 35px 25px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-wallet {
    padding: 34px 25px;
  }
}

.wallet-flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .wallet-flex-content {
    gap: 10px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .wallet-flex-content {
    gap: 10px;
  }
}

@media only screen and (max-width: 375px) {
  .wallet-flex-content {
    gap: 15px;
  }
}

.wallet-flex-content .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 75px;
  width: 75px;
  color: var(--customer-profile);
  background: rgba(var(--customer-profile-rgb), 0.1);
  font-size: 50px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .wallet-flex-content .icon {
    height: 55px;
    width: 55px;
    font-size: 40px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .wallet-flex-content .icon {
    height: 50px;
    width: 50px;
    font-size: 36px;
  }
}

.wallet-flex-content .wallet-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.wallet-flex-content .wallet-contents .wallet-titles {
  font-size: 24px;
  line-height: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .wallet-flex-content .wallet-contents .wallet-titles {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .wallet-card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 24px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .wallet-card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 24px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .wallet-card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 24px;
  }
}

.single-card-info {
  padding: 30px;
  border-radius: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-card-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 250px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-card-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 250px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-card-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 250px;
  }
}

/* Dashboard Reward Point */
.redeem-reward-point-wrapper {
  padding: 20px 30px;
  border-radius: 20px;
}

@media only screen and (max-width: 375px) {
  .redeem-reward-point-wrapper {
    padding: 20px 10px;
  }
}

.reward-point-title {
  font-size: 20px;
  line-height: 30px;
}

.reward-point-title .max-redeem {
  font-size: 14px;
  font-weight: 400;
}

.redeem-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .redeem-flex-contents {
    display: block;
  }
}

@media only screen and (max-width: 575.98px) {
  .redeem-flex-contents {
    display: block;
  }
}

@media only screen and (max-width: 767.98px) {
  .redeem-flex-contents {
    display: block;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .redeem-flex-contents .redeem-button-wrapper {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .redeem-flex-contents .redeem-button-wrapper {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 575.98px) {
  .redeem-flex-contents .redeem-button-wrapper {
    margin-top: 20px;
  }
}

.redeem-form {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 480px) {
  .redeem-form {
    display: block;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .redeem-form .redeem-control {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
  }
}

.redeem-form .form--control {
  height: 54px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  background: none;
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  padding: 0 15px;
}

.redeem-form .form--control:focus {
  -webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
  box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
  border-color: rgba(5, 205, 153, 0.4);
}

.redeem-button-wrapper .btn-redeem {
  background: var(--customer-profile);
  color: var(--white);
  font-size: 15px;
  padding: 16px 20px;
  border-radius: 5px;
  display: inline-block;
}

.earn-money {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 24px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 480px) {
  .earn-money {
    margin-top: 10px;
  }
}

.earn-money .equal-sign {
  font-size: 24px;
  color: #333;
}

.earn-money .money {
  font-size: 24px;
  font-weight: 500;
  color: var(--main-color-three);
  word-break: break-all;
}

.redeem-promo {
  padding: 0 24px 24px;
  border-radius: 20px;
}

@media only screen and (max-width: 375px) {
  .redeem-promo {
    padding: 0 10px 24px;
  }
}

.reward-child:nth-child(3n+2) .single-reward {
  background: rgba(var(--main-color-three-rgb), 0.1);
}

.reward-child:nth-child(3n+2) .single-reward .reward-contents .reward-titles {
  color: var(--main-color-three);
}

.reward-child:nth-child(3n+2) .single-reward .reward-contents .reward-btn {
  background: var(--main-color-three);
}

.reward-child:nth-child(3n+2) .single-reward .reward-contents .reward-btn:hover {
  color: var(--main-color-three);
  border-color: var(--main-color-three);
}

.reward-child:nth-child(3n+2) .single-reward .reward-lock-icon .lockunlock {
  background: var(--main-color-three);
}

.reward-child:nth-child(3n+3) .single-reward {
  background: rgba(0, 136, 221, 0.1);
}

.reward-child:nth-child(3n+3) .single-reward .reward-contents .reward-titles {
  color: #0088DD;
}

.reward-child:nth-child(3n+3) .single-reward .reward-contents .reward-btn {
  background: #0088DD;
}

.reward-child:nth-child(3n+3) .single-reward .reward-contents .reward-btn:hover {
  color: #0088DD;
  border-color: #0088DD;
}

.reward-child:nth-child(3n+3) .single-reward .reward-lock-icon .lockunlock {
  background: #0088DD;
}

.single-reward {
  background: rgba(var(--customer-profile-rgb), 0.1);
  padding: 35px 30px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .single-reward {
    padding: 35px 16px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-reward {
    padding: 20px 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-reward {
    padding: 20px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-reward {
    padding: 30px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-reward {
    padding: 25px 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-reward {
    padding: 20px 15px;
  }
}

.single-reward.disabled .reward-contents .reward-btn {
  background: #E9EDF7 !important;
  color: #999 !important;
}

.single-reward.disabled .reward-contents .reward-btn:hover {
  background: #E9EDF7 !important;
  border-color: #E9EDF7 !important;
}

.single-reward.disabled .reward-lock-icon .unlock {
  visibility: hidden;
  opacity: 0;
}

.single-reward.disabled .reward-lock-icon .lock {
  visibility: visible;
  opacity: 1;
}

.single-reward.disabled .reward-lock-icon .lockunlock {
  background: #E9EDF7 !important;
  color: #999;
}

.single-reward .reward-lock-icon .lockunlock {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  background: var(--customer-profile);
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  border-radius: 0 10px 0 10px;
}

.single-reward .reward-lock-icon .lock {
  visibility: hidden;
  opacity: 0;
}

.single-reward .reward-flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .single-reward .reward-flex-content {
    gap: 10px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-reward .reward-flex-content {
    gap: 10px;
    display: block;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-reward .reward-flex-content {
    gap: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-reward .reward-flex-content {
    gap: 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-reward .reward-flex-content {
    gap: 20px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-reward .reward-flex-content {
    gap: 10px;
  }
}

@media only screen and (max-width: 375px) {
  .single-reward .reward-flex-content {
    display: block;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-reward .reward-flex-content .icon-img {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 375px) {
  .single-reward .reward-flex-content .icon-img {
    margin-bottom: 10px;
  }
}

.single-reward .reward-flex-content .reward-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.single-reward .reward-flex-content .reward-contents .reward-titles {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  color: var(--white);
  margin: 0;
  color: var(--customer-profile);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-reward .reward-flex-content .reward-contents .reward-titles {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767.98px) {
  .single-reward .reward-flex-content .reward-contents .reward-titles {
    font-size: 20px;
  }
}

.single-reward .reward-flex-content .reward-contents .reward-para {
  font-size: 16px;
  line-height: 26px;
  color: #666;
}

@media only screen and (max-width: 767.98px) {
  .single-reward .reward-flex-content .reward-contents .reward-para {
    font-size: 15px;
    display: block;
  }
}

.single-reward .reward-flex-content .reward-contents .reward-btn {
  background: var(--customer-profile);
  color: var(--white);
  font-size: 15px;
  padding: 5px 20px;
  border: 2px solid transparent;
  border-radius: 5px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-reward .reward-flex-content .reward-contents .reward-btn:hover {
  background: none;
  color: var(--customer-profile);
  border-color: var(--customer-profile);
}

.recent-reward-wrapper {
  padding: 30px;
  border-radius: 20px;
}

@media only screen and (max-width: 375px) {
  .recent-reward-wrapper {
    padding: 20px 10px;
  }
}

.recent-reward-wrapper .dashboard-common-title {
  font-size: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .recent-reward-wrapper .dashboard-common-title {
    font-size: 18px;
  }
}

.reward-point-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  padding-top: 18px;
  border-top: 1px solid rgba(221, 221, 221, 0.4);
}

.reward-point-list .list:not(:last-child) {
  padding-bottom: 18px;
}

.reward-point-list .list .date-list .reward-point {
  color: var(--heading-color);
}

.reward-point-list .list .date-list .point-date {
  font-size: 12px;
  display: block;
  margin-top: 6px;
}

.reward-point-list .list .main-points {
  font-weight: 500;
  color: var(--heading-color);
}

/* Dashboard Order Status */
.order-status-area {
  padding: 50px 40px;
  border-radius: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .order-status-area {
    padding: 40px 40px;
  }
}

@media only screen and (max-width: 480px) {
  .order-status-area {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 375px) {
  .order-status-area {
    padding: 20px 20px;
  }
}

.order-top-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.status-delivery-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .status-delivery-flex {
    gap: 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .status-delivery-flex {
    gap: 10px;
  }
}

.status-delivery-flex .status-date {
  font-size: 15px;
}

.order-status-right .vendor-name {
  font-size: 16px;
  line-height: 28px;
}

.order-status-right .vendor-name .names {
  color: var(--customer-profile);
  margin-left: 5px;
}

.order-step-area {
  padding: 0 100px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .order-step-area {
    padding: 0 50px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .order-step-area {
    padding: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .order-step-area {
    padding: 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .order-step-area {
    padding: 0;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .order-step-area {
    padding: 0;
  }
}

.order-step-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.single-step {
  text-align: center;
  position: relative;
  z-index: 1;
  width: 100%;
  width: calc((100% / 5) - 0px);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-step {
    width: calc((100% / 4) - 0px);
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .single-step {
    width: calc((100% / 3) - 0px);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-step {
    width: calc((100% / 3) - 0px);
  }
}

@media only screen and (max-width: 575.98px) {
  .single-step {
    width: calc((100% / 2) - 0px);
  }
}

@media only screen and (max-width: 375px) {
  .single-step {
    width: calc((100% / 1) - 0px);
  }
}

.single-step.order-complete::before,
.single-step.order-complete::after {
  background: var(--customer-profile);
}

.single-step.order-complete .step-number {
  background: var(--customer-profile);
  color: var(--white);
  border-color: var(--customer-profile);
}

.single-step.order-complete .step-number .num {
  display: none;
}

.single-step.order-complete .step-number .icon {
  display: block;
  font-size: 20px;
}

.single-step:first-child::before {
  display: none;
}

@media only screen and (max-width: 375px) {
  .single-step:first-child::before {
    display: block;
  }
}

.single-step:last-child::after {
  display: none;
}

@media only screen and (max-width: 375px) {
  .single-step:last-child::after {
    display: block;
  }
}

.single-step::before,
.single-step::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 50%;
  top: 20px;
  left: 0;
  background: #ddd;
  z-index: -1;
}

.single-step::after {
  left: auto;
  right: 0;
}

.single-step .step-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 1px dashed #666;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto 15px;
}

.single-step .step-number .icon {
  display: none;
}

.single-step .step-title {
  font-size: 16px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-step .step-title {
    font-size: 15px;
  }
}

.status-bottom-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .status-bottom-flex {
    gap: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .status-bottom-flex {
    gap: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .status-bottom-flex {
    gap: 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .status-bottom-flex {
    gap: 20px;
  }
}

.status-bottom-flex .status-left-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .status-bottom-flex .status-left-content {
    gap: 24px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .status-bottom-flex .status-left-content {
    gap: 24px 10px;
  }
}

.status-bottom-flex .status-left-content .single-left-contents {
  max-width: 350px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .status-bottom-flex .status-left-content .single-left-contents {
    max-width: 300px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .status-bottom-flex .status-left-content .single-left-contents {
    max-width: 300px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .status-bottom-flex .status-left-content .single-left-contents {
    max-width: 300px;
  }
}

.status-bottom-flex .status-left-content .single-left-contents .address-para {
  line-height: 28px;
  font-size: 16px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .status-bottom-flex .status-left-content .single-left-contents .address-para {
    font-size: 15px;
  }
}

.count-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px 50px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .count-list .list {
    gap: 10px 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .count-list .list {
    gap: 10px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .count-list .list {
    gap: 10px 40px;
  }
}

@media only screen and (max-width: 375px) {
  .count-list .list {
    gap: 10px 50px;
  }
}

.count-list .list .left {
  color: var(--paragraph-color);
}

.count-list .list:not(:last-child) {
  margin-bottom: 15px;
}

/* Data Table Style */
.dataTables_wrapper .dataTables_length select {
  border: 1px solid var(--border-color);
  border-radius: 5px;
  height: 40px !important;
}

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid var(--border-color);
  border-radius: 5px;
  height: 40px;
  padding-right: 15px;
}

table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid var(--border-color);
  color: var(--paragraph-color);
}

table.dataTable thead tr th {
  color: var(--heading-color);
}

table.dataTable thead tr th:first-child {
  padding-left: 10px;
}

table.dataTable tbody tr td {
  color: var(--paragraph-color);
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  border-color: var(--border-two);
}

.data-table-style tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: var(--border-two);
}

table.dataTable.no-footer {
  border-bottom: 1px solid var(--border-two);
  border-color: var(--border-two) !important;
}

.table-wrap .table>:not(:first-child) {
  border-color: var(--border-two);
}

.dataTables_wrapper .dataTables_info {
  padding-top: 30px;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 24px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
  border: 1px solid var(--customer-profile);
  background: var(--customer-profile);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: var(--customer-profile) !important;
  background: none;
  border-color: var(--customer-profile);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff !important;
  border: 1px solid var(--customer-profile);
  background: var(--customer-profile);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  border: 1px solid var(--customer-profile);
  color: var(--customer-profile) !important;
  text-indent: -9999px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  z-index: 1;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next::after {
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  right: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);

  z-index: 99;
  left: 10px;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
  border: 1px solid var(--customer-profile);
  color: #333 !important;
  background: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled::before {
  border-color: rgba(221, 221, 221, 0.5);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled::after {
  border-color: rgba(221, 221, 221, 0.5);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled {
  border-color: rgba(221, 221, 221, 0.3);
  color: #666 !important;
}

/* Dashboard Close */
@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-left-content {
    z-index: 1;
    position: fixed;
    left: -100%;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: 99;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    display: block;
    height: calc(100vh - 0px);
    transition: all 0.5s;
  }

  .dashboard-left-content.active {
    visibility: visible;
    opacity: 1;
    left: 0;
  }
}

@media only screen and (min-width: 300px) and (max-width: 991.98px) and (max-width: 480px) {
  .dashboard-left-content {
    width: 280px;
  }
}

.dashboard-left-content .close-bars {
  position: absolute;
  right: 3px;
  top: 3px;
  font-size: 24px;
  color: var(--white);
  background: var(--customer-profile);
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  width: 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 5px;
  display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-left-content .close-bars {
    display: block;
  }
}

.dashboard-icon {
  display: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-icon {
    display: block;
  }
}

.dashboard-icon .sidebar-icon {
  font-size: 28px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 45px;
  width: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--customer-profile);
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.5);
  z-index: 95;
  border-radius: 5px;
  color: var(--white);
}

/* Vendor Dashboard css */
/* Vendor Sign In */
.vendor-signin-wrapper {
  max-width: 520px;
  margin: 0 auto;
}

.vendor-signin-wrapper-inner {
  padding: 30px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  box-shadow: 0 0 10px #f1f1f1;
}

.admin-login-wrapper {
  max-width: 500px;
  padding-left: 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .admin-login-wrapper {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 480px) {
  .admin-login-wrapper {
    padding-left: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .admin-login-wrapper {
    padding-left: 10px;
  }
}

.center-text {
  text-align: center;
}

.remember-password-flex {
  gap: 10px;
}

.conditions {
  font-weight: 500;
  display: inline-block;
}

.conditions:hover {
  color: var(--customer-profile);
}

.account-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}

.account-bottom .account-title {
  color: var(--paragraph-color);
}

.account-bottom .signup-login {
  color: var(--main-color-one);
}

/* vendor reg */
.single-vendor-reg {
  padding: 40px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .single-vendor-reg {
    padding: 30px;
  }
}

@media only screen and (max-width: 575.98px) {
  .single-vendor-reg {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 375px) {
  .single-vendor-reg {
    padding: 20px 15px;
  }
}

/*vendor Dashboard */
.color-calendar.basic .calendar__header {
  padding: 0;
}

.color-calendar.basic .calendar__body {
  padding: 10px 0 0;
}

.color-calendar .calendar__days {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(20px, 55px))[7];
  grid-template-columns: repeat(7, minmax(20px, 55px));
  -ms-grid-rows: (minmax(30px, 40px))[4];
  grid-template-rows: repeat(4, minmax(30px, 40px));
}

.color-calendar .calendar__days>*:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.color-calendar .calendar__days>*:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.color-calendar .calendar__days>*:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.color-calendar .calendar__days>*:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}

.color-calendar .calendar__days>*:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.color-calendar .calendar__days>*:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}

.color-calendar .calendar__days>*:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

.color-calendar .calendar__days>*:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.color-calendar .calendar__days>*:nth-child(9) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

.color-calendar .calendar__days>*:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

.color-calendar .calendar__days>*:nth-child(11) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}

.color-calendar .calendar__days>*:nth-child(12) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}

.color-calendar .calendar__days>*:nth-child(13) {
  -ms-grid-row: 2;
  -ms-grid-column: 6;
}

.color-calendar .calendar__days>*:nth-child(14) {
  -ms-grid-row: 2;
  -ms-grid-column: 7;
}

.color-calendar .calendar__days>*:nth-child(15) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

.color-calendar .calendar__days>*:nth-child(16) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}

.color-calendar .calendar__days>*:nth-child(17) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.color-calendar .calendar__days>*:nth-child(18) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}

.color-calendar .calendar__days>*:nth-child(19) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}

.color-calendar .calendar__days>*:nth-child(20) {
  -ms-grid-row: 3;
  -ms-grid-column: 6;
}

.color-calendar .calendar__days>*:nth-child(21) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}

.color-calendar .calendar__days>*:nth-child(22) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}

.color-calendar .calendar__days>*:nth-child(23) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}

.color-calendar .calendar__days>*:nth-child(24) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}

.color-calendar .calendar__days>*:nth-child(25) {
  -ms-grid-row: 4;
  -ms-grid-column: 4;
}

.color-calendar .calendar__days>*:nth-child(26) {
  -ms-grid-row: 4;
  -ms-grid-column: 5;
}

.color-calendar .calendar__days>*:nth-child(27) {
  -ms-grid-row: 4;
  -ms-grid-column: 6;
}

.color-calendar .calendar__days>*:nth-child(28) {
  -ms-grid-row: 4;
  -ms-grid-column: 7;
}

.color-calendar .calendar__picker .calendar__picker-month-option {
  padding: 12px 0;
  font-weight: 500;
  color: var(--heading-color);
  border-radius: 10px;
  border: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-month-option::after {
  background: rgba(221, 221, 221, 0.3);
  border-radius: 10px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-month-selected::after {
  background: var(--customer-profile);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-month-option:hover {
  color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-month-option:hover:after {
  background: var(--customer-profile);
  opacity: 1;
  color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-month-selected {
  color: var(--white);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.color-calendar.basic .calendar__picker-year-today {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.color-calendar .calendar__picker .calendar__picker-year-option {
  padding: 12px 0;
  font-weight: 500;
  color: var(--heading-color);
  border-radius: 10px;
  border: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-year-option::after {
  background: rgba(221, 221, 221, 0.3);
  border-radius: 10px;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-year-selected::after {
  background: var(--customer-profile);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.color-calendar .calendar__picker .calendar__picker-year-option:hover {
  color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-year-option:hover:after {
  background: var(--customer-profile);
  opacity: 1;
  color: var(--white);
}

.color-calendar .calendar__picker .calendar__picker-year-selected {
  color: var(--white);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.color-calendar.basic .calendar__days .calendar__day-bullet {
  background: var(--customer-profile);
}

.color-calendar.basic .calendar__days .calendar__day-selected .calendar__day-box {
  background: var(--customer-profile);
  -webkit-box-shadow: 0 0 10px rgba(var(--customer-profile-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--customer-profile-rgb), 0.1);
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day-today .calendar__day-box {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day-text:hover~.calendar__day-box {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day-box:hover {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.color-calendar.basic .calendar__days .calendar__day {
  font-weight: 400;
  font-size: 14px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.color-calendar .calendar__monthyear {
  font-size: 18px;
}

.color-calendar.basic .calendar__weekdays .calendar__weekday {
  font-weight: 500;
  opacity: 1;
  font-size: 13px;
  color: var(--heading-color);
}

.color-calendar.basic .calendar__arrow-inner::after {
  background: rgba(221, 221, 221, 0.3);
  opacity: 1;
}

.color-calendar.basic .calendar__arrow-inner:hover::after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: var(--customer-profile);
  opacity: 1;
}

.color-calendar.basic .calendar__arrow-inner:hover::before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff !important;
}

.color-calendar.basic .calendar__arrow-inner::before {
  color: var(--heading-color);
  font-size: 16px;
}

.chart-height #bar-chart {
  max-height: 180px !important;
}

.dashboard-seller-list.style-02 .list:not(:last-child) {
  margin-bottom: 30px;
}

.dashboard-seller-list.style-03 .list:not(:last-child) {
  margin-bottom: 30px;
}

.dashboard-seller-list.style-03 .list .vendor-seller-thumb-content .seller-thumbs {
  height: 35px;
  width: 35px;
}

.dashboard-seller-list.style-03 .list .vendor-seller-thumb-content .seller-name-title {
  font-size: 16px;
}

.dashboard-seller-list.style-03 .list .dashbaord-price-contents .track-money-withdraw {
  padding: 3px 10px;
  font-size: 14px;
  background: rgba(var(--customer-profile-rgb), 0.1);
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dashboard-seller-list.style-03 .list .dashbaord-price-contents .track-money-withdraw:hover {
  background-color: var(--customer-profile);
  color: var(--white);
}

.dashboard-seller-list.style-03 .list .dashbaord-price-contents .track-money-withdraw.color-one {
  background: rgba(var(--main-color-one-rgb), 0.1);
}

.dashboard-seller-list.style-03 .list .dashbaord-price-contents .track-money-withdraw.color-one:hover {
  background: var(--main-color-one);
}

.dashboard-seller-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

@media only screen and (max-width: 767.98px) {
  .dashboard-seller-list .list {
    gap: 10px;
  }
}

.dashboard-seller-list .list:not(:last-child) {
  margin-bottom: 15px;
}

.dashboard-seller-list .list .vendor-seller-thumb-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.dashboard-seller-list .list .vendor-seller-thumb-content .seller-thumbs {
  height: 50px;
  width: 50px;
}

.dashboard-seller-list .list .vendor-seller-thumb-content .seller-thumbs img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.dashboard-seller-list .list .vendor-seller-thumb-content .seller-name-title {
  font-size: 16px;
  line-height: 24px;
  display: block;
}

.dashboard-seller-list .list .dashbaord-price-contents .dashbaord-seller-price {
  font-size: 18px;
}

.vendor-seller-btn {
  text-align: right;
}

.view-all-btn {
  display: inline-block;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.view-all-btn i {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.view-all-btn:hover {
  color: var(--customer-profile);
  letter-spacing: 1px;
}

.view-all-btn:hover i {
  margin-left: 5px;
}

.seller-title-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 5px;
}

.chart-icon {
  background: var(--dashboard-color);
  color: var(--customer-profile);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  font-size: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.chart-icon:hover {
  color: var(--white);
  background: var(--customer-profile);
}

.dashboard-flex-order-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 375px) {
  .dashboard-flex-order-contents {
    gap: 15px;
  }
}

.dashboard-flex-order-contents .dashboard-order-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 75px;
  width: 75px;
  font-size: 50px;
  color: var(--white);
  background-color: var(--customer-profile);
}

@media only screen and (max-width: 375px) {
  .dashboard-flex-order-contents .dashboard-order-icon {
    height: 65px;
    width: 65px;
    font-size: 40px;
  }
}

.dashboard-order-content .order-price-title {
  font-size: 36px;
  word-break: break-all;
}

/* vendor profile */
.dashboard-top-flex-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-top-flex-contents {
    display: block;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-top-flex-contents {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-top-flex-contents {
    display: block;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-top-flex-contents {
    display: block;
  }
}

.profile-details-padding {
  padding: 30px 80px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .profile-details-padding {
    padding: 20px;
  }
}

.profile-contents .profile-review .star-icon {
  font-size: 14px;
  color: #FABE50;
}

.profile-contents .profile-call {
  color: var(--paragraph-color);
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.profile-contents .profile-call:hover {
  color: var(--customer-profile);
}

.profile-contents .visit-site {
  font-size: 14px;
  padding: 7px 15px;
  color: var(--white);
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.profile-contents .visit-site:hover {
  background: none;
  color: var(--customer-profile);
}

.dashboard-profile-thumb-contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-profile-thumb-contents {
    margin-top: 24px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-profile-thumb-contents {
    margin-top: 24px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-profile-thumb-contents {
    margin-top: 24px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-profile-thumb-contents {
    margin-top: 24px;
  }
}

.edit-profile-btn-wrapper.right-text {
  text-align: right;
}

.edit-profile-btn-wrapper .edit-profile {
  padding: 7px 15px;
  font-size: 14px;
  color: var(--white);
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.edit-profile-btn-wrapper .edit-profile:hover {
  color: var(--customer-profile);
  background: none;
}

.dashboard-flex-item-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0 24px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-flex-item-two {
    display: block;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-flex-item-two {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-flex-item-two {
    display: block;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-flex-item-two {
    display: block;
  }
}

.dashboard-flex-item-two .single-flex-dashbaord {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 50%;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-flex-item-two .single-flex-dashbaord {
    width: 100%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-flex-item-two .single-flex-dashbaord {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-flex-item-two .single-flex-dashbaord {
    width: 100%;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-flex-item-two .single-flex-dashbaord {
    width: 100%;
  }
}

.dashboard-flex-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0 24px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-flex-all {
    display: block;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-flex-all {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-flex-all {
    display: block;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-flex-all {
    display: block;
  }
}

.dashboard-flex-item-four {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  gap: 0 24px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-flex-item-four {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media only screen and (max-width: 767.98px) {
  .dashboard-flex-item-four {
    display: block;
  }
}

.dashboard-flex-item-four .single-flex-dashbaord-two {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 50%;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-flex-item-four .single-flex-dashbaord-two {
    width: 100%;
  }
}

.dashboard-flex-item-four .dashboard-single-profile {
  height: unset;
}

.dashboard-flex-row-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0 24px;
}

@media only screen and (max-width: 767.98px) {
  .dashboard-flex-row-profile {
    display: block;
  }
}

.dashboard-flex-row-profile .dashboard-single-profile {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dashboard-single-profile {
  height: 100%;
}

.dashboard-profile-padding {
  padding: 40px 30px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .dashboard-profile-padding {
    padding: 30px 15px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-profile-padding {
    padding: 30px 15px;
  }
}

@media only screen and (max-width: 375px) {
  .dashboard-profile-padding {
    padding: 20px 15px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .single-dashboard-profile {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .single-dashboard-profile {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.profile-single-contents .dashboard-earning-para {
  display: block;
  line-height: 28px;
  padding: 0 35px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .profile-single-contents .dashboard-earning-para {
    padding: 0 20px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .profile-single-contents .dashboard-earning-para {
    padding: 0 20px;
  }
}

.profile-single-contents .dashboard-percent-discount {
  background: rgba(var(--customer-profile-rgb), 0.1);
  padding: 5px 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.profile-single-contents .dashboard-percent-discount:hover {
  background: var(--customer-profile);
  color: var(--white);
}

.earning-btn-wrapper .all-earning-btn {
  display: inline-block;
  padding: 10px 15px;
  font-size: 15px;
}

.earning-btn-wrapper .all-earning-btn:hover {
  background: none;
  color: var(--customer-profile);
}

.profile-contact-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 767.98px) {
  .profile-contact-list .list {
    gap: 10px;
  }
}

.profile-contact-list .list:not(:last-child) {
  margin-bottom: 15px;
}

.profile-contact-list .list .icon {
  font-size: 24px;
}

.profile-contact-list .list .profile-contact {
  text-align: left;
}

.profile-contact-list .list .profile-contact .label-title {
  font-size: 14px;
  line-height: 24px;
  display: block;
}

.profile-contact-list .list .profile-contact .contact {
  font-size: 16px;
  line-height: 26px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.profile-contact-list .list .profile-contact .contact:hover {
  color: var(--customer-profile);
}

.dashboard-orders-padding {
  padding: 43px 30px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-orders-padding {
    padding: 43px 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-orders-padding {
    padding: 48px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-orders-padding {
    padding: 48px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-orders-padding {
    padding: 48px 20px;
  }
}

@media only screen and (max-width: 375px) {
  .dashboard-orders-padding {
    padding: 20px 15px;
  }
}

/* vendor edit profile */
.vendor-padding {
  padding: 30px;
}

@media only screen and (max-width: 575.98px) {
  .vendor-padding {
    padding: 20px 20px;
  }
}

@media only screen and (max-width: 375px) {
  .vendor-padding {
    padding: 20px 10px;
  }
}

.vendor-title {
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .vendor-title {
    font-size: 26px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 575.98px) {
  .vendor-title {
    font-size: 25px;
  }
}

@media only screen and (max-width: 375px) {
  .vendor-title {
    font-size: 23px;
  }
}

/* vendor Order Status */
.change-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.change-status .nice-select-two .nice-select::after {
  right: 15px;
}

.change-btn .das-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 28px;
  padding: 12px 25px;
  background: transparent;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.change-btn .das-btn.dashboard-bg {
  background: var(--customer-profile);
  color: var(--white);
  border: 2px solid var(--customer-profile);
}

.change-btn .das-btn.dashboard-bg:hover {
  background: none;
  color: var(--customer-profile);
}

/* vendor Add Products */
.add-product-btn .das-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: #333;
  line-height: 28px;
  padding: 16px 25px;
  background: transparent;
  border: 2px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-product-btn .das-btn.dashboard-bg {
  background: var(--customer-profile);
  color: var(--white);
  border: 2px solid var(--customer-profile);
}

.add-product-btn .das-btn.dashboard-bg:hover {
  background: none;
  color: var(--customer-profile);
}

/* vendor Withdraw Request */
.dashboard-withdraw-request {
  padding: 6px 30px 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-withdraw-request {
    padding: 6px 20px 30px;
  }
}

@media only screen and (max-width: 480px) {
  .dashboard-withdraw-request {
    padding: 6px 15px 30px;
  }
}

/* vendor Coupon List */
.dashboard-coupon-list {
  padding: 30px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-coupon-list {
    padding: 20px;
  }
}

.permission-group-wrapper:not(:first-child) {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid var(--border-color);
}

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

.vendor__switch__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: var(--heading-color);
}

.switch_inlines {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.switch_inlines__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--heading-color);
}

.vendor-coupon-switch {
  position: relative;
  z-index: 1;
}

.vendor-coupon-switch .custom-switch {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}

.vendor-coupon-switch .custom-switch:checked+.switch-label {
  background: var(--customer-profile);
}

.vendor-coupon-switch .custom-switch:checked+.switch-label::after {
  left: calc(100% - 5px);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.vendor-coupon-switch.d-flex {
  gap: 10px;
}

.vendor-coupon-switch .switch-label {
  cursor: pointer;
  text-indent: -9999px;
  width: 41px;
  height: 19px;
  background: #DDDDDD;
  display: block;
  border-radius: 100px;
  position: relative;
  margin: auto;
}

.vendor-coupon-switch.d-flex .switch-label {
  margin: unset;
}

.vendor-coupon-switch:not(:last-child) {
  margin-bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .vendor-coupon-switch .switch-label {
    margin: 0;
    margin-left: auto;
  }
}

.vendor-coupon-switch .switch-label.active::after {
  width: 25px;
}

.vendor-coupon-switch .switch-label::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 16px;
  height: 9px;
  background: #fff;
  border-radius: 60px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* vendor Coupon Code */
.dashboard-coupon-code {
  padding: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-coupon-code {
    padding: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .dashboard-coupon-code {
    padding: 20px 15px;
  }
}

/* vendor Dashboard Products Add */
.dashboard-flex-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.dashboard-bg {
  background: var(--customer-profile);
  color: var(--white);
  border: 2px solid var(--customer-profile);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.dashboard-products-add {
  padding: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .dashboard-products-add {
    padding: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .dashboard-products-add {
    padding: 20px 15px;
  }
}

.product-add-left-wrapper {
  padding: 10px;
}

.single-product-add .product-left-info:not(:last-child) {
  margin-bottom: 24px;
}

.single-product-add .product-left-info.open .title::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.single-product-add .product-left-info.show .product-add-list {
  display: block;
}

.single-product-add .product-left-info .title {
  background: var(--dashboard-color);
  color: var(--heading-color);
  padding: 12px 20px;
  border-radius: 5px;
  font-size: 18px;
  position: relative;
  cursor: pointer;
}

.single-product-add .product-left-info .title::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  right: 20px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.single-product-add .product-left-info .product-add-list {
  padding-left: 30px;
  display: none;
}

.single-product-add .product-left-info .product-add-list .list.selected a {
  color: var(--customer-profile);
}

.single-product-add .product-left-info .product-add-list .list.selected a::before {
  background: var(--customer-profile);
}

.single-product-add .product-left-info .product-add-list .list a {
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-top: 15px;
}

.single-product-add .product-left-info .product-add-list .list a::before {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background: rgba(221, 221, 221, 0.5);
  left: 0;
  top: 7px;
}

.add-new-attr {
  display: inline-block;
  color: var(--paragraph-color);
  background: var(--dashboard-color);
  padding: 7px 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.add-new-attr:hover {
  color: var(--white);
  background: var(--customer-profile);
}

.input-flex-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

.delete-item {
  font-size: 24px;
}

.dashboard-attr-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 24px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-attr-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-attr-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767.98px) {
  .dashboard-attr-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-attr-flex .dashboard-input {
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%;
  }
}

@media only screen and (max-width: 767.98px) {
  .dashboard-attr-flex .dashboard-input {
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%;
  }
}

@media only screen and (max-width: 575.98px) {
  .dashboard-attr-flex .dashboard-input {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.add-new-category {
  padding: 7px 15px;
}

.add-new-category.dashboard-bg:hover {
  background: none;
  color: var(--customer-profile);
}

/*-------------------------
    Section Title
-------------------------*/
.section-title {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.section-title.text-left {
  text-align: left;
}

.section-title.white-color {
  color: var(--white);
}

.section-title.white-color .title {
  color: var(--white);
}

.section-title.section-border-bottom {
  border-bottom: 1px solid rgba(221, 221, 221, 0.4);
  padding-bottom: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title.section-border-bottom {
    padding-bottom: 20px;
  }
}

.section-title.section-title-two .title {
  font-family: var(--jost-font);
  font-size: 40px;
  line-height: 65px;
  text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title.section-title-two .title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 575.98px) {
  .section-title.section-title-two .title {
    font-size: 27px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .section-title.section-title-two .title {
    font-size: 24px;
    line-height: 28px;
  }
}

.section-title.section-title-two .see-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section-title.section-title-two .see-all.arrow-two::after {
  content: "";
}

.section-title.section-title-two .see-all.color-two:hover {
  color: var(--main-color-two);
}

.section-title.section-title-two .see-all.color-two::after {
  background: var(--main-color-two);
}

.section-title.section-title-two .see-all.color-three:hover {
  color: var(--main-color-three);
}

.section-title.section-title-two .see-all.color-three::after {
  background: var(--main-color-three);
}

.section-title.section-title-two .see-all.color-four:hover {
  color: var(--main-color-four);
}

.section-title.section-title-two .see-all.color-four::after {
  background: var(--main-color-four);
}

.section-title.section-title-two .see-all::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  background: var(--main-color-one);
  color: var(--white);
  height: 58px;
  width: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title.section-title-two .see-all::after {
    height: 40px;
    width: 40px;
  }
}

.section-title .title {
  font-size: 36px;
  font-weight: 500;
  line-height: 43px;
  color: var(--heading-color);
  margin: -6px 0 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title .title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 575.98px) {
  .section-title .title {
    font-size: 25px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .section-title .title {
    font-size: 22px;
    line-height: 28px;
  }
}

.section-title .title .title-image {
  position: relative;
  z-index: 2;
  padding: 16px 0;
}

.section-title .title .title-image img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: 0;
  text-align: center;
  width: 100%;
}

.section-title .title-left {
  display: -webkit-box;
}

.section-title .hot-deal {
  color: var(--white);
  font-size: 15px;
  padding: 3px 15px;
  position: relative;
  line-height: 24px;
  z-index: 1;
  margin-left: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title .hot-deal {
    font-size: 14px;
    line-height: 22px;
  }
}

.section-title .hot-deal.bg-color-two::before {
  border-right: 15px solid var(--main-color-two);
}

.section-title .hot-deal.bg-color-three::before {
  border-right: 15px solid var(--main-color-three);
}

.section-title .hot-deal.bg-color-four::before {
  border-right: 15px solid var(--main-color-four);
}

.section-title .hot-deal::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: transparent;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 15px solid var(--main-color-one);
  border-bottom: 8px solid transparent;
}

.see-all {
  cursor: pointer;
  font-weight: 500;
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  min-width: 100px;
  text-align: right;
}

.see-all:hover {
  color: var(--main-color-one);
}

.see-all::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  color: var(--main-color-one);
}

.see-all.arrow-two::after {
  content: "";
}

.see-all.hover-color-two:hover {
  color: var(--main-color-two);
}

.see-all.hover-color-two::after {
  color: var(--main-color-two);
}

.see-all.hover-color-three:hover {
  color: var(--main-color-three);
}

.see-all.hover-color-three::after {
  color: var(--main-color-three);
}

.see-all.hover-color-four:hover {
  color: var(--main-color-four);
}

.see-all.hover-color-four::after {
  color: var(--main-color-four);
}

@media only screen and (max-width: 575.98px) {
  .see-all {
    font-size: 19px;
  }
}

@media only screen and (max-width: 375px) {
  .see-all {
    font-size: 17px;
  }
}

.section-title-three {
  text-align: center;
}

.section-title-three .title {
  font-size: 55px;
  line-height: 65px;
  font-weight: 400;
  font-family: var(--playfair-font);
  display: inline-block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title-three .title {
    font-size: 45px;
    line-height: 55px;
  }
}

@media only screen and (max-width: 575.98px) {
  .section-title-three .title {
    font-size: 36px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 480px) {
  .section-title-three .title {
    font-size: 32px;
    line-height: 33px;
  }
}

@media only screen and (max-width: 375px) {
  .section-title-three .title {
    font-size: 30px;
    line-height: 30px;
  }
}

.section-title-three .title .line-round {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}

.section-title-three .title .title-right {
  position: relative;
  z-index: 2;
  padding-bottom: 10px;
}

.section-title-three .title .title-right img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.section-title-four .title {
  font-family: var(--montserrat-font);
  font-size: 50px;
  font-weight: 700;
  line-height: 65px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title-four .title {
    font-size: 36px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 575.98px) {
  .section-title-four .title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 480px) {
  .section-title-four .title {
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .section-title-four .title {
    font-size: 26px;
    line-height: 30px;
  }
}

.section-title-four .title .center-title-img {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: -20px;
  margin: 0 auto;
}

.black-themes .section-title .title {
  color: var(--white);
}

/*---------------------------------------
    ## Button
---------------------------------------*/
.btn-wrapper {
  display: block;
}

.btn_wrapper.d-flex,
.btn-wrapper.d-flex {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.cmn_btn {
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--body-font);
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  line-height: 20px;
  padding: 10px 25px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  box-shadow: 0 0 20px #6a6a6a5c;
}

@media only screen and (max-width: 575.98px) {
  .cmn_btn {
    padding: 8px 22px;
    font-size: 15px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .cmn_btn {
    padding: 7px 18px;
    font-size: 14px;
  }
}

.cmn_btn.btn_bg_1 {
  background: var(--main-color-one);
  color: var(--white);
  border: 1px solid var(--main-color-one);
}

.cmn_btn.btn_bg_1:hover {
  background: none;
  color: var(--main-color-one);
}

.cmn_btn.btn_bg_2 {
  background: var(--main-color-two);
  color: var(--white);
  border: 1px solid var(--main-color-two);
}

.cmn_btn.btn_bg_2:hover {
  background: none;
  color: var(--main-color-two);
}

.cmn_btn.btn_bg_3 {
  background: var(--main-color-three);
  color: var(--white);
  border: 1px solid var(--main-color-three);
}

.cmn_btn.btn_bg_3:hover {
  background: none;
  color: var(--main-color-three);
}

.cmn_btn.btn_bg_4 {
  background: var(--main-color-four);
  color: var(--white);
  border: 1px solid var(--main-color-four);
}

.cmn_btn.btn_bg_4:hover {
  background: none;
  color: var(--main-color-four);
}

.cmn_btn.shop-color-2 {
  background: #30BB6F;
  color: var(--white);
}

.cmn_btn.btn_bg_profile {
  color: var(--white);
  background: var(--customer-profile);
  border: 1px solid var(--customer-profile);
}

.cmn_btn.btn_bg_profile:hover {
  background: #fff;
  color: var(--customer-profile);
}

.custom__form .cmn_btn.btn_bg_profile,
.custom_form .cmn_btn.btn_bg_profile,
.custom-form .cmn_btn.btn_bg_profile {
  color: var(--white);
}

.custom__form .cmn_btn.btn_bg_profile:hover,
.custom_form .cmn_btn.btn_bg_profile:hover,
.custom-form .cmn_btn.btn_bg_profile:hover {
  color: var(--customer-profile);
}

.cmn_btn.btn_bg_white {
  background: #fff;
  color: var(--heading-color);
}

.cmn_btn.btn_bg_white:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.cmn_btn.btn_bg_white.hover-bg-two:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.cmn_btn.btn_bg_white.hover-bg-three:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.cmn_btn.btn_bg_white.hover-bg-four:hover {
  background: var(--main-color-four);
  color: var(--white);
}

.cmn_btn.btn_white {
  background-color: var(--white);
  border: 2px solid #fff;
}

.cmn_btn.btn_white.color-one {
  color: var(--main-color-one);
}

.cmn_btn.btn_white.color-one:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.cmn_btn.btn_white.color-two {
  color: var(--main-color-two);
}

.cmn_btn.btn_white.color-two:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.cmn_btn.btn_white.color-three {
  color: var(--main-color-three);
}

.cmn_btn.btn_white.color-three:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.cmn_btn.btn_white.color-four {
  color: var(--main-color-four);
}

.cmn_btn.btn_white.color-four:hover {
  background: var(--main-color-four);
  color: var(--white);
}

.cmn_btn.btn_medium {
  padding: 7px 25px;
}

@media only screen and (max-width: 375px) {
  .cmn_btn.btn_medium {
    padding: 8px 20px;
    font-size: 14px;
  }
}

.cmn_btn.btn_small {
  padding: 7px 18px;
}

@media only screen and (max-width: 375px) {
  .cmn_btn.btn_small {
    padding: 5px 15px;
    font-size: 14px;
  }
}

.cmn_btn.btn_bg_heading {
  background: var(--heading-color);
  color: var(--white);
}

.cmn_btn.btn_bg_danger {
  background: #ff7a7a;
  color: var(--white);
}

.cmn_btn.btn_bg_steam {
  background: #DDD;
  color: var(--heading-color);
}

.cmn_btn.btn_border {
  border: 1px solid #ddd;
}

.cmn_btn.btn_outline_steam {
  border: 2px solid #DDD;
  color: var(--heading-color);
}

.cmn_btn.btn_outline_steam:hover {
  background: #DDD;
  color: var(--white);
}

.cmn_btn.btn_outline_one {
  padding: 7px 35px;
  border: 2px solid var(--main-color-one);
}

.cmn_btn.btn_outline_one.color-one {
  color: var(--main-color-one);
}

.cmn_btn.btn_outline_one:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.cmn_btn.btn_outline_two {
  padding: 7px 35px;
  border: 2px solid var(--main-color-two);
}

.cmn_btn.btn_outline_two.color-two {
  color: var(--main-color-two);
}

.cmn_btn.btn_outline_two:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.cmn_btn.btn_outline_three {
  padding: 7px 35px;
  border: 2px solid var(--main-color-three);
}

.cmn_btn.btn_outline_three.color-three {
  color: var(--main-color-three);
}

.cmn_btn.btn_outline_three:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.cmn_btn.btn_outline_four {
  padding: 7px 35px;
  border: 2px solid var(--main-color-four);
}

.cmn_btn.btn_outline_four.color-four {
  color: var(--main-color-four);
}

.cmn_btn.btn_outline_four:hover {
  background: var(--main-color-four);
  color: var(--white);
}

.btn-wrapper .cmn-btn {
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--body-font);
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  line-height: 34px;
  padding: 10px 35px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media only screen and (max-width: 575.98px) {
  .btn-wrapper .cmn-btn {
    padding: 10px 25px;
    font-size: 15px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .btn-wrapper .cmn-btn {
    padding: 5px 15px;
    font-size: 14px;
  }
}

.btn-wrapper .cmn-btn.btn-bg-1 {
  background: var(--main-color-one);
  color: var(--white);
  border: 2px solid var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-bg-1:hover {
  background: none;
  color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-bg-2 {
  background: var(--main-color-two);
  color: var(--white);
  border: 2px solid var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-bg-2:hover {
  background: none;
  color: var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-bg-3 {
  background: var(--main-color-three);
  color: var(--white);
  border: 2px solid var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-bg-3:hover {
  background: none;
  color: var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-bg-4 {
  background: var(--main-color-four);
  color: var(--white);
  border: 2px solid var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-bg-4:hover {
  background: none;
  color: var(--main-color-four);
}

.btn-wrapper .cmn-btn.shop-color-2 {
  background: #30BB6F;
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white {
  background: #fff;
  color: var(--heading-color);
}

.btn-wrapper .cmn-btn.btn-bg-white:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white.hover-bg-two:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white.hover-bg-three:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-white.hover-bg-four:hover {
  background: var(--main-color-four);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white {
  background-color: var(--white);
  border: 2px solid #fff;
}

.btn-wrapper .cmn-btn.btn-white.color-one {
  color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-white.color-one:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white.color-two {
  color: var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-white.color-two:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white.color-three {
  color: var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-white.color-three:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-white.color-four {
  color: var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-white.color-four:hover {
  background: var(--main-color-four);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-medium {
  padding: 7px 25px;
}

@media only screen and (max-width: 375px) {
  .btn-wrapper .cmn-btn.btn-medium {
    padding: 5px 15px;
    font-size: 14px;
  }
}

.btn-wrapper .cmn-btn.btn-small {
  padding: 5px 18px;
}

@media only screen and (max-width: 375px) {
  .btn-wrapper .cmn-btn.btn-small {
    padding: 5px 15px;
    font-size: 14px;
  }
}

.btn-wrapper .cmn-btn.extra-width {
  width: 220px;
}

.btn-wrapper .cmn-btn.btn-bg-heading {
  background: var(--heading-color);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-steam {
  background: #DDD;
  color: var(--heading-color);
}

.btn-wrapper .cmn-btn.btn-border {
  border: 1px solid #ddd;
}

.btn-wrapper .cmn-btn.btn-outline-steam {
  border: 2px solid #DDD;
  color: var(--heading-color);
}

.btn-wrapper .cmn-btn.btn-outline-steam:hover {
  background: #DDD;
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-one {
  padding: 7px 35px;
  border: 2px solid var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-one.color-one {
  color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-one:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-two {
  padding: 7px 35px;
  border: 2px solid var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-outline-two.color-two {
  color: var(--main-color-two);
}

.btn-wrapper .cmn-btn.btn-outline-two:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-three {
  padding: 7px 35px;
  border: 2px solid var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-outline-three.color-three {
  color: var(--main-color-three);
}

.btn-wrapper .cmn-btn.btn-outline-three:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-four {
  padding: 7px 35px;
  border: 2px solid var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-outline-four.color-four {
  color: var(--main-color-four);
}

.btn-wrapper .cmn-btn.btn-outline-four:hover {
  background: var(--main-color-four);
  color: var(--white);
}





























.cmn_btn.completed {
  background: rgba(29, 191, 115, 0.1);
  color: #1DBF73;
  text-align: center;
  border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .cmn_btn.completed {
    text-align: right;
  }
}

.cmn_btn.canceled {
  background: rgba(255, 23, 71, 0.1);
  color: #FF1747;
  text-align: center;
  border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .cmn_btn.canceled {
    text-align: right;
  }
}

.cmn_btn.pending {
  background: rgba(255, 179, 7, 0.1);
  color: #FFB307;
  text-align: center;
  border-radius: 5px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .cmn_btn.pending {
    text-align: right;
  }
}

.cmn_btn.cart-btn {
  font-size: 20px;
  font-weight: 500;
  color: var(--body-color);
  padding: 10px 70px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .cmn_btn.cart-btn {
    padding: 10px 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .cmn_btn.cart-btn {
    padding: 10px 35px;
    font-size: 18px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .cmn_btn.cart-btn {
    padding: 10px 35px;
    font-size: 18px;
  }
}

.cmn_btn.cart-btn.btn-bg-one {
  background: var(--main-color-one);
  border: 1px solid var(--main-color-one);
  color: var(--white);
}

.cmn_btn.cart-btn.btn-bg-one:hover {
  background: 0;
  color: var(--main-color-one);
}

.cmn_btn.cart-btn.btn-bg-one:hover::after {
  color: var(--main-color-one);
}

.cmn_btn.cart-btn::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 20px;
  margin-left: 5px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.cmn_btn.cart-btn:hover {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

.cmn_btn.cart-btn:hover::after {
  color: var(--white);
}

.btn-see-more {
  font-size: 18px;
  font-weight: 500;
  color: var(--paragraph-color);
}

.btn-see-more:hover {
  color: var(--main-color-one);
}

.btn-see-more::after {
  content: "";
  font-size: 20px;
  font-family: "Line Awesome Free";
  font-weight: 900;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .btn-see-more {
    font-size: 16px;
  }

  .btn-see-more::after {
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  .btn-see-more {
    font-size: 15px;
  }

  .btn-see-more::after {
    font-size: 16px;
  }
}

@media only screen and (max-width: 375px) {
  .btn-see-more {
    font-size: 14px;
  }

  .btn-see-more::after {
    font-size: 15px;
  }
}

.btn-submit {
  border: 0;
  outline: none;
  background: inherit;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  background: var(--main-color-one);
  color: var(--white);
  padding: 12px 35px;
  border: 1px solid var(--main-color-one);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-submit:hover {
  background: none;
  color: var(--main-color-one);
}

.btn-submit.bg-color-two {
  background: var(--main-color-two);
  border-color: var(--main-color-two);
}

.btn-submit.bg-color-two:hover {
  background: none;
  color: var(--main-color-two);
}

.btn-submit.bg-color-three {
  background: var(--main-color-three);
  border-color: var(--main-color-three);
}

.btn-submit.bg-color-three:hover {
  background: none;
  color: var(--main-color-three);
}

.btn-submit.bg-color-four {
  background: var(--main-color-four);
  border-color: var(--main-color-four);
}

.btn-submit.bg-color-four:hover {
  background: none;
  color: var(--main-color-four);
}

.btn-submit.btn_md,
.btn-submit.btn-md,
.btn-submit.btn_medium,
.btn-submit.btn-medium {
  padding: 12px 30px;
}

.btn-submit.btn_sm,
.btn-submit.btn-sm,
.btn-submit.btn_small,
.btn-submit.btn-small {
  padding: 9px 22px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .btn-submit {
    font-size: 18px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .btn-submit {
    font-size: 16px;
    padding: 15px 30px;
  }
}

@media only screen and (max-width: 480px) {
  .btn-submit {
    font-size: 15px;
    padding: 12px 25px;
  }

  .btn-submit.btn_md,
  .btn-submit.btn-md,
  .btn-submit.btn_medium,
  .btn-submit.btn-medium {
    padding: 10px 25px;
  }

  .btn-submit.btn_sm,
  .btn-submit.btn-sm,
  .btn-submit.btn_small,
  .btn-submit.btn-small {
    padding: 7px 20px;
  }
}

@media only screen and (max-width: 375px) {
  .btn-submit {
    font-size: 14px;
    padding: 10px 18px;
  }

  .btn-submit.btn_md,
  .btn-submit.btn-md,
  .btn-submit.btn_medium,
  .btn-submit.btn-medium {
    padding: 10px 23px;
  }

  .btn-submit.btn_sm,
  .btn-submit.btn-sm,
  .btn-submit.btn_small,
  .btn-submit.btn-small {
    padding: 6px 20px;
  }
}

.btn-buy {
  font-size: 20px;
  font-weight: 500;
  margin-top: 20px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .btn-buy {
    font-size: 16px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 375px) {
  .btn-buy {
    margin-top: 10px;
  }
}

.btn-buy:hover {
  text-decoration: underline;
}

.btn-buy:hover.icon::before {
  text-decoration: none;
  display: inherit;
}

.btn-buy.icon::before {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 20px;
  margin-right: 5px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration: none;
}

.btn-buy.btn-color-two {
  color: var(--main-color-two);
}

.btn-buy.btn-color-three {
  color: var(--main-color-three);
}

.btn-buy.btn-color-four {
  color: var(--main-color-four);
}

.btn-color-one {
  color: var(--main-color-one);
}

.btn-color-one:hover {
  color: var(--main-color-one);
}

.btn-decoration {
  text-decoration: underline;
}

.btn-decoration.icon {
  text-decoration: none;
}

.btn-decoration.icon::before {
  text-decoration: none;
}

.btn-product {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  color: var(--heading-color);
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .btn-product {
    font-size: 15px;
  }
}

.btn-product i {
  color: var(--main-color-one);
}

.btn-product:hover {
  color: var(--main-color-one);
  letter-spacing: 1px;
}

.btn-product.hover-color-two i {
  color: var(--main-color-two);
}

.btn-product.hover-color-two:hover {
  color: var(--main-color-two);
}

.btn-product.hover-color-three i {
  color: var(--main-color-three);
}

.btn-product.hover-color-three:hover {
  color: var(--main-color-three);
}

.btn-product.hover-color-four i {
  color: var(--main-color-four);
}

.btn-product.hover-color-four:hover {
  color: var(--main-color-four);
}

.btn-shop {
  display: inline-block;
  font-size: 25px;
  line-height: 33px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: underline;
}

.btn-shop:hover {
  color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .btn-shop {
    font-size: 21px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 575.98px) {
  .btn-shop {
    font-size: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .btn-shop {
    font-size: 18px;
  }
}

.btn-shop.hover-color-two:hover {
  color: var(--main-color-two);
}

.btn-shop.hover-color-three:hover {
  color: var(--main-color-three);
}

.btn-shop.hover-color-four:hover {
  color: var(--main-color-four);
}

/*---------------------------------------
    ## Back Top
---------------------------------------*/
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  background-color: var(--main-color-one);
  color: var(--white);
  text-align: center;
  line-height: 50px;
  border-radius: 5px;
  z-index: 99;
  font-size: 25px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  display: none;
}

@media only screen and (max-width: 575.98px) {
  .back-to-top {
    height: 40px;
    width: 40px;
    font-size: 22px;
    line-height: 40px;
    bottom: 20px;
    right: 20px;
  }
}

.back-to-top.bg-color-two {
  background: var(--main-color-two);
}

.back-to-top.bg-color-three {
  background: var(--main-color-three);
}

.back-to-top.bg-color-four {
  background: var(--main-color-four);
}

/* Nice Select Style */
.nice-select {
  width: 100%;
  height: 55px;
  line-height: 55px;
  font-size: 14px;
  font-weight: 400;
  color: var(--body-color);
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.nice-select:focus {
  border: 1px solid #ddd;
}

.nice-select .nice-select-search-box {
  height: auto;
}

.nice-select .nice-select-search-box .nice-select-search {
  vertical-align: top;
}

.nice-select:after {
  border-bottom: 2px solid var(--body-color);
  border-right: 2px solid var(--body-color);
  height: 8px;
  margin-top: -5px;
  right: 20px;
  width: 8px;
}

@media only screen and (max-width: 375px) {
  .nice-select:after {
    right: 10px;
  }
}

.nice-select.open {
  border: 1px solid #ddd;
}

.nice-select.open .list {
  width: 100%;
}

.nice-select .list {
  width: 100%;
  margin-top: 10px;
}

.nice-select-two .nice-select {
  display: block;
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

.nice-select-two .nice-select.open::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nice-select-two .nice-select:after {
  border-top: 6px solid var(--body-color);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 0;
  height: 0;
  margin-top: -5px;
  right: 20px;
  width: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 375px) {
  .nice-select-two .nice-select:after {
    right: 10px;
  }
}

/* Isootope List */
.isootope-list {
  position: relative;
  /* margin-top: -72px; */
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .isootope-list {
    margin-top: -60px;
  }
}

@media only screen and (max-width: 767.98px) {
  .isootope-list {
    position: unset;
    margin-top: 0px;
  }
}

.isootope-list.list-two {
  top: -60px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .isootope-list.list-two {
    position: initial;
    margin-top: 35px;
  }
}

.isootope-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767.98px) {
  .isootope-button {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
  }
}

.isootope-button.style-02.color-one .list::before {
  background: var(--main-color-one);
}

.isootope-button.style-02.color-one .list.active {
  background: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

.isootope-button.style-02.color-two .list::before {
  background: var(--main-color-two);
}

.isootope-button.style-02.color-two .list.active {
  background: var(--main-color-two);
  color: var(--white);
  border-color: var(--main-color-two);
}

.isootope-button.style-02.color-three .list::before {
  background: var(--main-color-three);
}

.isootope-button.style-02.color-three .list.active {
  background: var(--main-color-three);
  color: var(--white);
  border-color: var(--main-color-three);
}

.isootope-button.style-02.color-four .list::before {
  background: var(--main-color-four);
}

.isootope-button.style-02.color-four .list.active {
  background: var(--main-color-four);
  color: var(--white);
  border-color: var(--main-color-four);
}

.isootope-button.style-02 .list {
  font-family: var(--roboto-font);
  padding: 3px 20px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .isootope-button.style-02 .list {
    font-size: 15px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .isootope-button.style-02 .list {
    font-size: 15px;
    padding: 3px 18px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 375px) {
  .isootope-button.style-02 .list {
    font-size: 14px;
    padding: 3px 15px;
  }
}

.isootope-button.style-02 .list:not(:last-child) {
  margin-right: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .isootope-button.style-02 .list:not(:last-child) {
    margin-right: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .isootope-button.style-02 .list:not(:last-child) {
    margin-right: 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .isootope-button.style-02 .list:not(:last-child) {
    margin-right: 10px;
  }
}

.isootope-button.style-02 .list::before {
  background: var(--main-color-three);
  height: 100%;
  z-index: -1;
}

.isootope-button.style-02 .list.active {
  background: var(--main-color-three);
  color: var(--white);
  border-color: var(--main-color-three);
}

.isootope-button.style-02 .list:hover {
  color: var(--white);
}

.isootope-button.colors-heading .list::before {
  background: var(--heading-color);
}

.isootope-button.colors-heading .list.active {
  color: var(--heading-color);
}

.isootope-button.colors-heading .list:hover {
  color: var(--heading-color);
}

.isootope-button.style-03 .list {
  font-family: var(--roboto-font);
  padding: 8px 35px;
  border: 1px solid #DDD;
  background: #DDD;
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 5px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .isootope-button.style-03 .list {
    padding: 8px 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .isootope-button.style-03 .list {
    padding: 7px 25px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .isootope-button.style-03 .list {
    font-size: 15px;
    padding: 6px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .isootope-button.style-03 .list {
    font-size: 15px;
    padding: 5px 20px;
  }
}

@media only screen and (max-width: 375px) {
  .isootope-button.style-03 .list {
    font-size: 14px;
    padding: 3px 18px;
  }
}

.isootope-button.style-03 .list:not(:last-child) {
  margin-right: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .isootope-button.style-03 .list:not(:last-child) {
    margin-right: 10px;
  }
}

.isootope-button.style-03 .list::before {
  background: var(--main-color-two);
  height: 100%;
  z-index: -1;
}

.isootope-button.style-03 .list.active {
  background: var(--main-color-two);
  color: var(--heading-color);
  border-color: var(--main-color-two);
}

.isootope-button.style-03 .list:hover {
  color: var(--heading-color);
  background: var(--main-color-two);
}

.isootope-button.hover-color-two .list::before {
  background: var(--main-color-two);
}

.isootope-button.hover-color-two .list.active {
  color: var(--main-color-two);
}

.isootope-button.hover-color-two .list:hover {
  color: var(--main-color-two);
}

.isootope-button.hover-color-three .list::before {
  background: var(--main-color-three);
}

.isootope-button.hover-color-three .list.active {
  color: var(--main-color-three);
}

.isootope-button.hover-color-three .list:hover {
  color: var(--main-color-three);
}

.isootope-button.hover-color-four .list::before {
  background: var(--main-color-four);
}

.isootope-button.hover-color-four .list.active {
  color: var(--main-color-four);
}

.isootope-button.hover-color-four .list:hover {
  color: var(--main-color-four);
}

.isootope-button .list {
  font-size: 18px;
  font-family: var(--rubik-font);
  cursor: pointer;
  line-height: 30px;
  margin-top: 5px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .isootope-button .list {
    font-size: 16px;
  }
}

@media only screen and (max-width: 480px) {
  .isootope-button .list {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .isootope-button .list {
    font-size: 15px;
  }
}

.isootope-button .list::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background: var(--main-color-one);
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.isootope-button .list.active {
  color: var(--main-color-one);
}

.isootope-button .list.active::before {
  visibility: visible;
  opacity: 1;
  width: 100%;
}

.isootope-button .list:not(:last-child) {
  margin-right: 30px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .isootope-button .list:not(:last-child) {
    margin-right: 30px;
  }
}

@media only screen and (max-width: 575.98px) {
  .isootope-button .list:not(:last-child) {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 375px) {
  .isootope-button .list:not(:last-child) {
    margin-right: 15px;
  }
}

.isootope-button .list:hover {
  color: var(--main-color-one);
}

.isootope-button .list:hover::before {
  visibility: visible;
  opacity: 1;
  width: 100%;
}

.black-themes .isootope-button.style-03 .list {
  border: 1px solid #22232F;
  background: #22232F;
  color: var(--white);
}

.black-themes .isootope-button.style-03 .list.active {
  background: var(--main-color-two);
  color: var(--heading-color);
}

.black-themes .isootope-button.style-03 .list:hover {
  background: var(--main-color-two);
  color: var(--heading-color);
}

/* Tab Style */
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tabs li {
  font-size: 18px;
  font-weight: 500;
  background: inherit;
  cursor: pointer;
}

/* Countdown Css */
.countdown-para {
  line-height: 30px;
}

.global-timer .syotimer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
}

.global-timer .syotimer__body .syotimer-cell {
  margin: 10px 0;
  background: var(--main-color-one);
  color: var(--white);
  padding: 5px 7px 3px;
  border-radius: 3px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 375px) {
  .global-timer .syotimer__body .syotimer-cell {
    padding: 5px;
  }
}

.global-timer .syotimer__body .syotimer-cell:not(:last-child) {
  margin-right: 20px;
}

.global-timer .syotimer__body .syotimer-cell:not(:last-child)::after {
  content: ":";
  position: absolute;
  right: -14px;
  color: var(--heading-color);
  font-weight: 500;
  font-size: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
  font-size: 20px;
  color: var(--white);
  font-weight: 500;
  line-height: 1.3;
  font-family: var(--heading-font);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 18px;
  }
}

@media only screen and (max-width: 375px) {
  .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 17px;
  }
}

@media only screen and (max-width: 375px) {
  .global-timer .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 16px;
  }
}

.global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 400;
  line-height: 19px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
    font-size: 16px;
  }
}

@media only screen and (max-width: 375px) {
  .global-timer .syotimer__body .syotimer-cell .syotimer-cell__unit {
    font-size: 13px;
  }
}

.global-timer.color-two .syotimer__body .syotimer-cell {
  background: var(--main-color-two);
}

.global-timer.color-three .syotimer__body .syotimer-cell {
  background: var(--main-color-three);
}

.global-timer.color-four .syotimer__body .syotimer-cell {
  background: var(--main-color-four);
}

.global-timer.white-color .syotimer__body .syotimer-cell {
  background: #fff;
}

.global-timer.white-color .syotimer__body .syotimer-cell::after {
  color: var(--white);
}

.global-timer.white-color .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-one);
}

.global-timer.white-color.color-two .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-two);
}

.global-timer.white-color.color-three .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-three);
}

.global-timer.simple-timer-two {
  margin-top: 35px;
}

.global-timer.simple-timer-two.radius-0 .syotimer__body .syotimer-cell {
  border-radius: 0;
}

.global-timer.simple-timer-two.color-two .syotimer__body .syotimer-cell {
  background: var(--main-color-two);
}

.global-timer.simple-timer-two.color-three .syotimer__body .syotimer-cell {
  background: var(--main-color-three);
}

.global-timer.simple-timer-two.color-four .syotimer__body .syotimer-cell {
  background: var(--main-color-four);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .global-timer.simple-timer-two {
    margin-top: 20px;
  }
}

.global-timer.simple-timer-two .syotimer__body {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.global-timer.simple-timer-two .syotimer__body .syotimer-cell {
  background: var(--main-color-one);
  color: var(--white);
  padding: 15px 20px;
  border-radius: 10px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .global-timer.simple-timer-two .syotimer__body .syotimer-cell {
    padding: 10px 20px;
  }
}

@media only screen and (max-width: 480px) {
  .global-timer.simple-timer-two .syotimer__body .syotimer-cell {
    padding: 7px 13px;
  }
}

@media only screen and (max-width: 375px) {
  .global-timer.simple-timer-two .syotimer__body .syotimer-cell {
    padding: 5px 10px;
  }
}

.global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--white);
  font-family: var(--jost-font);
  font-weight: 600;
  font-size: 43px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 32px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 28px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 24px;
    line-height: 26px;
  }
}

.global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__unit {
  color: var(--white);
  line-height: 21px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__unit {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .global-timer.simple-timer-two .syotimer__body .syotimer-cell .syotimer-cell__unit {
    font-size: 14px;
  }
}

.global-timer.simple-timer-campaign {
  position: absolute;
  bottom: 30px;
  z-index: 9;
  left: 0;
  right: 0;
  text-align: center;
}

.global-timer.simple-timer-campaign.radius-0 .syotimer__body .syotimer-cell {
  border-radius: 0;
}

.global-timer.simple-timer-campaign.color-two .syotimer__body .syotimer-cell {
  color: var(--main-color-two);
}

.global-timer.simple-timer-campaign.color-two .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-two);
}

.global-timer.simple-timer-campaign.color-two .syotimer__body .syotimer-cell .syotimer-cell__unit {
  color: var(--main-color-two);
}

.global-timer.simple-timer-campaign.color-three .syotimer__body .syotimer-cell {
  color: var(--main-color-three);
}

.global-timer.simple-timer-campaign.color-three .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-three);
}

.global-timer.simple-timer-campaign.color-three .syotimer__body .syotimer-cell .syotimer-cell__unit {
  color: var(--main-color-three);
}

.global-timer.simple-timer-campaign.color-four .syotimer__body .syotimer-cell {
  color: var(--main-color-four);
}

.global-timer.simple-timer-campaign.color-four .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-four);
}

.global-timer.simple-timer-campaign.color-four .syotimer__body .syotimer-cell .syotimer-cell__unit {
  color: var(--main-color-four);
}

.global-timer.simple-timer-campaign .syotimer__body {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .global-timer.simple-timer-campaign .syotimer__body {
    gap: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .global-timer.simple-timer-campaign .syotimer__body {
    gap: 5px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .global-timer.simple-timer-campaign .syotimer__body {
    gap: 10px;
  }
}

.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
  background: #fff;
  color: var(--paragraph-color);
  padding: 5px 15px;
  border-radius: 10px;
  margin: 0;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
    padding: 5px 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
    padding: 5px 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
    padding: 5px 10px;
  }
}

@media only screen and (max-width: 480px) {
  .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell {
    padding: 5px 12px;
  }
}

.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-one);
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 32px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 28px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 28px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 26px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 20px;
    line-height: 26px;
  }
}

.global-timer.simple-timer-campaign .syotimer__body .syotimer-cell .syotimer-cell__unit {
  color: var(--paragraph-color);
  line-height: 24px;
  font-size: 14px;
}

.global-timer.discount-countdown.radius-0 .syotimer__body .syotimer-cell {
  border-radius: 0;
}

.global-timer.discount-countdown .syotimer__body {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .global-timer.discount-countdown .syotimer__body {
    gap: 30px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .global-timer.discount-countdown .syotimer__body {
    gap: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .global-timer.discount-countdown .syotimer__body {
    gap: 20px;
  }
}

.global-timer.discount-countdown .syotimer__body .syotimer-cell {
  background: #fff;
  color: var(--main-color-one);
  padding: 5px 15px;
  border-radius: 10px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .global-timer.discount-countdown .syotimer__body .syotimer-cell {
    padding: 15px 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .global-timer.discount-countdown .syotimer__body .syotimer-cell {
    padding: 10px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .global-timer.discount-countdown .syotimer__body .syotimer-cell {
    padding: 10px 20px;
  }
}

@media only screen and (max-width: 480px) {
  .global-timer.discount-countdown .syotimer__body .syotimer-cell {
    padding: 5px 12px;
  }
}

.global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
  color: var(--main-color-one);
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 32px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 28px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 28px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 26px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__value {
    font-size: 20px;
    line-height: 26px;
  }
}

.global-timer.discount-countdown .syotimer__body .syotimer-cell .syotimer-cell__unit {
  color: var(--main-color-one);
  line-height: 20px;
  font-size: 14px;
}

.discount-countdown .global-timer .syotimer__body .syotimer-cell {
  background: var(--body-color);
}

.center-text .global-timer .syotimer__body {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section-title-countdown {
  position: relative;
}

.section-title-countdown .flash-countdown {
  position: absolute;
  top: -10px;
  left: 230px;
  display: inline-block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section-title-countdown .flash-countdown {
    left: 200px;
  }
}

@media only screen and (max-width: 575.98px) {
  .section-title-countdown .flash-countdown {
    position: unset;
    left: 0;
    margin: 10px 0 0;
  }
}

/* Price Updated Through */
@media only screen and (max-width: 375px) {
  .center-text .price-update-through {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.price-update-through {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.price-update-through .flash-prices {
  color: var(--heading-color);
  margin-right: 10px;
}

.price-update-through .flash-prices.color-one {
  color: var(--main-color-one);
}

.price-update-through .flash-prices.color-two {
  color: var(--main-color-two);
}

.price-update-through .flash-prices.color-three {
  color: var(--main-color-three);
}

.price-update-through .flash-prices.color-four {
  color: var(--main-color-four);
}

.price-update-through .flash-prices.hover-color-one:hover {
  color: var(--main-color-one);
}

.price-update-through .flash-prices.hover-color-two:hover {
  color: var(--main-color-two);
}

.price-update-through .flash-prices.hover-color-three:hover {
  color: var(--main-color-three);
}

.price-update-through .flash-prices.hover-color-four:hover {
  color: var(--main-color-four);
}

.price-update-through .flash-old-prices {
  text-decoration: line-through;
}

/* Common Review List */
.common-review-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.common-review-list li {
  font-size: 18px;
  color: var(--main-color-one);
  margin: 1px;
}

.common-review-list li .review-count {
  color: var(--body-color);
  margin-left: 5px;
}

/*---------------------------------------
    15. Pagination
---------------------------------------*/
.custom-pagination.color-two .pagination li.active .page-link {
  background: var(--main-color-two);
}

.custom-pagination.color-two .pagination li .page-link:hover {
  background: var(--main-color-two);
}

.custom-pagination.color-three .pagination li.active .page-link {
  background: var(--main-color-three);
}

.custom-pagination.color-three .pagination li .page-link:hover {
  background: var(--main-color-three);
}

.custom-pagination.color-four .pagination li.active .page-link {
  background: var(--main-color-four);
}

.custom-pagination.color-four .pagination li .page-link:hover {
  background: var(--main-color-four);
}

.custom-pagination .pagination li {
  margin: 5px 10px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .custom-pagination .pagination li {
    margin: 5px 5px;
  }
}

.custom-pagination .pagination li.active .page-link {
  background: var(--main-color-one);
  color: var(--white);
  border-color: transparent;
}

.custom-pagination .pagination li .page-link {
  background: #fff;
  color: var(--body-color);
  border: 1px solid;
  font-size: 18px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  padding: 10px 20px;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.custom-pagination .pagination li .page-link:hover {
  background: var(--main-color-one);
  color: var(--white);
  border-color: transparent;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .custom-pagination .pagination li .page-link {
    font-size: 16px;
    padding: 7px 15px;
  }
}

@media only screen and (max-width: 480px) {
  .custom-pagination .pagination li .page-link {
    font-size: 15px;
    padding: 5px 10px;
  }
}

.checkbox-inlines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer;
  gap: 10px;
}

.checkbox-inlines .check-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 18px;
  min-width: 18px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0px;
  margin-top: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.checkbox-inlines .check-input::after {
  content: "";
  font-family: "Line Awesome Free";
  font-weight: 900;
  font-size: 10px;
  color: var(--white);
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(1.6) rotate(90deg);
  transform: scale(1.6) rotate(90deg);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.checkbox-inlines .check-input:checked {
  background: var(--main-color-one);
  border-color: var(--main-color-one);
  background: var(--main-color-one);
}

.checkbox-inlines .check-input:checked::after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1.2) rotate(0deg);
  transform: scale(1.2) rotate(0deg);
}

.checkbox-inlines .checkbox-label {
  cursor: pointer;
  text-align: left;
  line-height: 26px;
  font-size: 16px;
  font-weight: 400;
  color: var(--heading-color);
  margin: 0;
}

@media only screen and (max-width: 575.98px) {
  .checkbox-inlines .checkbox-label {
    font-size: 15px;
  }
}

/* Faq */
.faq-contents .faq-item.open .faq-title {
  font-weight: 500;
  color: var(--white);
  background: var(--heading-color);
  border-color: transparent;
}

.faq-contents .faq-item.open .faq-title::after {
  content: "";
  color: var(--white);
}

.faq-contents .faq-item.open .faq-panel {
  background: var(--heading-color);
  color: var(--white);
}

.faq-contents .faq-item.open .faq-panel .faq-para {
  color: rgba(255, 255, 255, 0.8);
}

.faq-contents .faq-item.active .faq-panel {
  display: block;
}

.faq-contents .faq-item:not(:first-child) {
  margin-top: 24px;
}

.faq-contents .faq-item .faq-title {
  font-size: 20px;
  font-weight: 500;
  color: var(--heading-color);
  font-family: var(--heading-font);
  line-height: 32px;
  padding: 18px 40px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  background: #fff;
  cursor: pointer;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .faq-contents .faq-item .faq-title {
    font-size: 22px;
    padding: 18px 30px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .faq-contents .faq-item .faq-title {
    font-size: 20px;
    padding: 18px 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .faq-contents .faq-item .faq-title {
    font-size: 19px;
    padding: 18px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .faq-contents .faq-item .faq-title {
    font-size: 18px;
    padding: 18px 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .faq-contents .faq-item .faq-title {
    font-size: 18px;
    line-height: 20px;
    padding: 20px 20px;
  }
}

@media only screen and (max-width: 480px) {
  .faq-contents .faq-item .faq-title {
    font-size: 16px;
    padding: 15px 10px;
  }
}

.faq-contents .faq-item .faq-title::after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "";
  color: var(--paragraph-color);
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .faq-contents .faq-item .faq-title::after {
    right: 30px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .faq-contents .faq-item .faq-title::after {
    right: 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .faq-contents .faq-item .faq-title::after {
    right: 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .faq-contents .faq-item .faq-title::after {
    right: 12px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .faq-contents .faq-item .faq-title::after {
    right: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .faq-contents .faq-item .faq-title::after {
    right: 10px;
  }
}

.faq-contents .faq-item .faq-panel {
  display: none;
  padding: 30px 40px;
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .faq-contents .faq-item .faq-panel {
    padding: 20px 30px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .faq-contents .faq-item .faq-panel {
    padding: 20px 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .faq-contents .faq-item .faq-panel {
    padding: 20px 20px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .faq-contents .faq-item .faq-panel {
    padding: 20px 20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .faq-contents .faq-item .faq-panel {
    padding: 20px 20px;
  }
}

.faq-contents .faq-item .faq-panel .faq-para {
  font-size: 20px;
  line-height: 40px;
  color: var(--paragraph-color);
}

@media (min-width: 1600px) and (max-width: 1849.98px) {
  .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 19px;
  }
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 18px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 17px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 17px;
    line-height: 32px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 17px;
  }
}

@media only screen and (max-width: 575.98px) {
  .faq-contents .faq-item .faq-panel .faq-para {
    font-size: 16px;
  }
}

/*=========================================================
          [ Table ]
=========================================================*/
.custom--table {
  width: 100%;
  color: inherit;
  vertical-align: middle;
  font-weight: 400;
}

.custom--table thead {
  font-weight: 700;
  font-size: 18px;
  background: inherit;
  color: inherit;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--heading-font);
}

.custom--table tbody {
  border-top: 0;
  overflow: hidden;
  border-radius: 10px;
}

.custom--table tbody tr:nth-child(odd) {
  background-color: inherit;
}

.custom--table tbody tr:nth-child(even) {
  background-color: inherit;
}

.custom--table tr th {
  font-size: 18px;
  font-weight: 500;
  color: var(--paragraph-color);
}

.custom--table tr td {
  font-size: 18px;
  color: var(--heading-color);
  padding: 20px 0;
  line-height: 22px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .custom--table tr td {
    padding: 10px 0;
  }
}

.custom--table tr td:last-child {
  padding: 0;
  padding-inline: 10px;
}

[data-label] {
  position: relative;
}

[data-label]::before {
  position: absolute;
  content: attr(data-label);
  font-weight: 700;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 10px;
  padding: 8px 20px;
  display: none;
  font-size: 14px;
  max-width: 120px;
}

@media (max-width: 767.98px) {
  .table-responsive-sm {
    overflow-x: unset;
  }

  .table-responsive-sm thead {
    display: none;
  }

  .table-responsive-sm thead tr .check-all-rows {
    display: block;
  }

  .table-responsive-sm [data-label]::before {
    display: block;
  }

  .table-responsive-sm tr td {
    display: block;
    text-align: right;
    padding-right: 5px;
    padding-left: 125px;
  }

  .table-responsive-sm [data-label]::before {
    padding: 8px 10px 8px 5px;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-md {
    overflow-x: unset;
  }

  .table-responsive-md thead {
    display: none;
  }

  .table-responsive-md thead tr .check-all-rows {
    display: block;
  }

  .table-responsive-md [data-label]::before {
    display: block;
  }

  .table-responsive-md tr td {
    display: block;
    text-align: right;
    padding-right: 5px;
    padding-left: 125px;
  }

  .table-responsive-md [data-label]::before {
    padding: 8px 10px 8px 5px;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-lg {
    overflow-x: unset;
  }

  .table-responsive-lg thead {
    display: none;
  }

  .table-responsive-lg thead tr .check-all-rows {
    display: block;
  }

  .table-responsive-lg [data-label]::before {
    display: block;
  }

  .table-responsive-lg tr td {
    display: block;
    text-align: right;
    padding-right: 5px;
    padding-left: 125px;
  }

  .table-responsive-lg [data-label]::before {
    padding: 8px 10px 8px 5px;
  }
}

/* Ui Range Slider */
.price-range-slider {
  padding: 0 10px;
}

.price-range-slider .ui-range-slider.noUi-target {
  position: relative;
  border-radius: 3px;
  height: 3px;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle {
  top: -9px;
  left: -3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  z-index: 1;
  background: var(--main-color-one);
  cursor: default;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-handle::before {
  content: "";
  position: absolute;
  background: #fff;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-origin {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.price-range-slider .ui-range-slider.noUi-target .noUi-base .noUi-connect {
  background: var(--main-color-one);
}

.price-range-slider .ui-range-slider-footer {
  display: table;
  width: 100%;
  padding-top: 20px;
}

.price-range-slider .ui-range-slider-footer .ui-range-values {
  display: inline-block;
  color: var(--paragraph-color);
}

.price-range-slider .ui-range-slider-footer .ui-range-values .ui-price-title {
  font-size: 16px;
  font-weight: 500;
  margin-right: 10px;
}

.price-range-slider .ui-range-slider-footer .ui-range-values .ui-range-value-min,
.price-range-slider .ui-range-slider-footer .ui-range-values .ui-range-value-max {
  display: inline-block;
  font-size: 16px;
}

.noUi-background {
  background: #DDDDDD;
}

/* Global Ratings */
@media only screen and (max-width: 375px) {
  .center-text .rating-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.rating-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rating-wrap .ratings {
  position: relative;
  z-index: 0;
  width: 80px;
  height: 16px;
  display: inline-block;
}

@media only screen and (max-width: 480px) {
  .rating-wrap .ratings {
    width: 75px;
  }
}

@media only screen and (max-width: 375px) {
  .rating-wrap .ratings {
    width: 70px;
  }
}

.rating-wrap .ratings span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 16px;
}

.rating-wrap .ratings span.hide-rating:after {
  color: var(--paragraph-color);
}

.rating-wrap .ratings span.show-rating:after {
  color: #FABE50;
}

.rating-wrap .ratings span.show-rating {
  width: 88% !important;
}

.rating-wrap .ratings span:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "" "" "" "" "";
  width: 100%;
  font-family: "Line Awesome Free";
  font-weight: 900;
}

.rating-wrap .total-ratings {
  margin-left: 5px;
}

/* Search Popup */
.search-area {
  position: relative;
}

.search-bar {
  position: absolute;
  bottom: -20px;
  left: 50%;
  height: auto;
  z-index: 9;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.search-bar.active {
  visibility: visible;
  opacity: 1;
  left: 0;
}

.search-bar.black-theme {
  background: #ddd;
}

.search-bar.black-theme .menu-search-form .search-close {
  background: #05cd99;
  border: 1px solid rgba(5, 205, 153, 0.5);
  color: var(--white);
  top: -52px;
}

.search-bar.black-theme .menu-search-form .search-close:hover {
  background: #ddd;
}

.search-bar.black-theme .menu-search-form .item-search {
  color: var(--paragraph-color);
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.search-bar.black-theme .menu-search-form .item-search::-webkit-input-placeholder {
  color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search::-moz-placeholder {
  color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search:-ms-input-placeholder {
  color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search::-ms-input-placeholder {
  color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search::placeholder {
  color: var(--paragraph-color);
}

.search-bar.black-theme .menu-search-form .item-search:focus {
  border-color: rgba(5, 205, 153, 0.4);
  -webkit-box-shadow: 0 0 15px rgba(5, 205, 153, 0.3);
  box-shadow: 0 0 15px rgba(5, 205, 153, 0.3);
}

.search-bar.black-theme .menu-search-form button {
  background: #05cd99;
}

.search-bar .menu-search-form {
  position: relative;
  z-index: 9;
  width: 100%;
  margin: 0 auto;
  border-radius: 0px;
}

.search-bar .menu-search-form .search-close {
  position: absolute;
  right: 0px;
  top: -40px;
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #F2F3F5;
  padding: 2px 10px;
}

.search-bar .menu-search-form .search-close:hover {
  color: var(--white);
  background: #05cd99;
}

.search-bar .menu-search-form .item-search {
  width: 100%;
  height: 60px;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: none;
  text-transform: capitalize;
  padding: 10px 30px;
  padding-right: 120px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 0px;
  color: var(--paragraph-color);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .search-bar .menu-search-form .item-search {
    padding: 5px 20px;
    padding-right: 120px;
  }
}

@media only screen and (max-width: 375px) {
  .search-bar .menu-search-form .item-search {
    padding: 5px 15px;
    padding-right: 90px;
  }
}

.search-bar .menu-search-form .item-search:focus {
  border-color: rgba(5, 205, 153, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
  box-shadow: 0 0 10px rgba(5, 205, 153, 0.1);
}

.search-bar .menu-search-form .item-search::-webkit-input-placeholder {
  color: var(--paragraph-color);
  font-size: 14px;
}

.search-bar .menu-search-form .item-search::-moz-placeholder {
  color: var(--paragraph-color);
  font-size: 14px;
}

.search-bar .menu-search-form .item-search:-ms-input-placeholder {
  color: var(--paragraph-color);
  font-size: 14px;
}

.search-bar .menu-search-form .item-search::-ms-input-placeholder {
  color: var(--paragraph-color);
  font-size: 14px;
}

.search-bar .menu-search-form .item-search::placeholder {
  color: var(--paragraph-color);
  font-size: 14px;
}

.search-bar .menu-search-form button {
  position: absolute;
  right: 0;
  height: 100%;
  padding: 0 30px;
  background: #05cd99;
  border: 0;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  color: var(--white);
  cursor: pointer;
}

@media only screen and (max-width: 375px) {
  .search-bar .menu-search-form button {
    font-size: 14px;
    padding: 0 20px;
  }
}

.form-group {
  padding: 0 0px 10px 0 !important;
}

.media-upload-btn-wrapper .centered {
  width: 130px;
  margin-bottom: 8px;
}

.form-group label {
  margin-bottom: 7px;
  font-weight: bold;
}

.card-body {
  padding: 1.5rem 1.5rem;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  border: none;
  background: none;
}

/* .close-toggle-body {
    height: 100%;
    width: 100%;
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 99;
    cursor: zoom-out;
    transition: all .8s;
    &.open {
        background: rgba($black, .01);
        left: 0;
        border-radius: 0;
    }
} */


/* Data table style */


.data-table-style th {
  color: #2c2d35;
}

table.dataTable thead th,
table.dataTable tfoot th {
  border-bottom: none !important;
}

.data-table-style tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: var(--border-two);
  border-style: solid;
  border-width: 1px;
}



/*Custom Bootstrap Class*/

/* .btn-secondary {
  background: var(--customer-profile);
  border-color: var(--customer-profile);
}

.btn-secondary:hover {
  color: var(--customer-profile);
  background: none;
  border-color: var(--customer-profile);
}

.btn-secondary:focus:active,
.btn-secondary:focus {
  box-shadow: none;
  color: var(--customer-profile);
  background: none;
  border-color: var(--customer-profile);
} */



/* .btn-danger {
  border-color: #ff7a7a;
  background: #ff7a7a;
}

.btn-danger:hover {
  background: none;
  color: #ff7a7a;
  border: 1px solid #ff7a7a;
}

.btn-danger:focus:active,
.btn-danger:focus {
  box-shadow: none;
  background: none;
  color: #ff7a7a;
  border-color: #ff7a7a;
} */

/* .btn-primary {
  border-color: #52b5cc;
  background: #52b5cc;
}

.btn-primary:hover {
  color: #52b5cc;
  background: none;
  border-color: #52b5cc;
}

.btn-primary:focus:active,
.btn-primary:focus {
  box-shadow: none;
  color: #52b5cc;
  background: none;
} */

.newsLetterTable tbody tr td:first-child {
  width: 10px;
}

.newsLetterTable tbody tr td:nth-child(2) {
  width: 50px;
}

td.sorting_1 {
  text-align: center;
}

th.sorting_desc {
  text-align: center;
}

.alert.alert-success {
  color: #1ea566;
  background-color: var(--white);
  border: 0;
  border-left: 4px solid #13d57a;
  font-size: 18px;
  text-transform: capitalize;
}

.alert.alert-danger {
  color: #842029;
  background-color: var(--white);
  border: 0;
  border-left: 4px solid #842029;
  font-size: 18px;
  text-transform: capitalize;
}

.form-control {
  width: 100%;
  height: 55px;
  border: 1px solid rgba(221, 221, 221, 0.4);
  -webkit-box-shadow: 0 0 10px rgb(255 255 255 / 10%);
  box-shadow: 0 0 10px rgb(255 255 255 / 10%);
  font-size: 15px;
  padding: 0 15px;
}

.form-control {
  height: 55px;
  font-size: 15px;
  border: 1px solid #DDD;
  width: 100%;
  padding: 0 100px 0 20px;
  color: var(--body-color);
  border-radius: 10px;
}

.form-control:focus {
  -webkit-box-shadow: 0 0 10px rgb(5 205 153 / 10%);
  box-shadow: 0 0 10px rgb(5 205 153 / 10%);
  border-color: rgba(5, 205, 153, 0.3);
}

.nice-select {
  width: 100% !important;
  display: block !important;
  margin-bottom: 10px;
}


/* Update Alert Padding */
.alert.alert-sm {
  padding: .5rem;
}

/* table image preview custom size */
table .attachment-preview {
  width: 50px !important;
  height: 50px !important;
}

/* Custom Popup For Media Uploader */
.modal-wrapper {
  border-radius: 0.3rem;
  margin: 0 auto;
  overflow-y: auto;
  position: fixed;
  top: -10%;
  left: 0;
  right: 0;
  z-index: 999999999999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 400ms;
  transition: all 400ms;
}

.modal-wrapper.active {
  visibility: visible;
  top: 5%;
  opacity: 1;
}

.modal-wrapper .modialTittle {
  font-size: 40px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--white);
  margin-bottom: 50px;
  text-align: center;
}

@media (max-width: 575px) {
  .modal-wrapper .modialTittle {
    font-size: 30px;
  }
}

.modal-wrapper .modialTittle span {
  color: var(--main-color-one);
}

.modal-wrapper .close-icon {
  /*right: 15px;*/
  z-index: 10;
  /*top: 15px;*/
  cursor: pointer;
  background: var(--delete-color);
  color: #ffffff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
  background-image: none;
  opacity: 1;
  border: 0;
  /*position: absolute;*/
  /*right: 10px;*/
  /*top: 10px;*/
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.modal-wrapper .close-icon:hover {
  background: #fd2f73;
  color: white;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.body-overlay-desktop {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.body-overlay-desktop.active {
  visibility: visible;
  opacity: 1;
  z-index: 9999999999;
}

.btn-vendor-submit {
  background: var(--customer-profile) !important;
  border: 2px solid var(--customer-profile) !important;
}

.btn-vendor-submit:hover {
  color: var(--customer-profile) !important;
  background: none !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #ffffff !important;
  background-color: var(--customer-profile);
  border-color: var(--customer-profile) var(--customer-profile) var(--customer-profile);
}

.nav-link {
  color: var(--paragraph-color) !important;
}

/* .btn.btn-info {
  background-color: var(--customer-profile);
  color: white;
} */

/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link {*/
/*  color: var(--customer-profile);*/
/*}*/

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--main-color-two) !important;
  background: none;
}

.nav-pills .nav-link {
  color: var(--heading-color);
  padding: 13px 0px;
  padding-left: 20px;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
  list-style: dotted;
}

/* Product Delivery Option */
.delivery-item {
  width: fit-content;
  border: 1px solid #ddd;
  padding: 10px 11px;
  height: fit-content;
  padding-top: 15px;
}

.delivery-item .icon {
  font-size: 35px;
  padding: 0px 5px;
}

.general-info-form .content {
  padding-right: 10px;
}

.delivery-item.active .icon {
  color: var(--customer-profile)
}

.delivery-item.active {
  border-color: var(--customer-profile);
  border-width: 2px;
}

/*Select two css*/

.nice-select-two .selection {
  width: 100%;
}

.nice-select-two .select2-container {
  display: block;
  width: 100%;
}

.nice-select-two .select2-container--default .select2-selection--single {
  background-color: var(--white);
  border: 1px solid var(--border-two);
  border-radius: 4px;
  width: 100%;
  height: 48px;
  line-height: 48px;
}

.nice-select-two .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--body-color);
  line-height: 48px;
}

.nice-select-two .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  line-height: 48px;
}

.nice-select-two .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--border-two) transparent transparent transparent;
  top: 25px;
}


/* Update btn btn-success */
/* .btn-success {
  color: var(--white);
  background-color: var(--customer-profile);
  border-color: var(--customer-profile);
}

.btn-success:hover {
  color: var(--customer-profile);
  background-color: transparent;
  border-color: var(--customer-profile);
} */

/* Media Upload */
/* .media-image-item-wrapper{ */
/*   position: relative; */
/* } */


/* Product Badge */
.badge-item .icon img {
  width: 70px;
  display: flex;
  margin-right: 11px;
  height: 60px;
}

.badge-item .content {
  padding: 8px 0;
}

.badge-item {
  border: 1px solid #ddd;
  padding: 10px;
  padding-right: 30px;
}

.badge-item.active {
  border: 2px solid var(--customer-profile);
}

.table-responsive table {
  width: 100% !important;
}


/* those line are implemented by me  */
.d-flex.gap-2 {
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0px;
}

.table-cart-row .d-flex {
  justify-content: flex-start;
}

td.price-td {
  text-align: left;
}

span.quantity-number {
  text-align: center;
  padding-left: 20px;
}

td.price-td {
  text-align: left;
}

.product-summary {
  text-align: left;
}

.product-list-title-flex.d-flex.flex-wrap.align-items-center.justify-content-between {
  position: relative;
}

.bulk-delete-wrapper {
  height: auto !important;
  flex-wrap: wrap;
  margin: 0 !important;
}

.select-box-wrap {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.select-box-wrap button {
  height: 38px;
  border: none;
  cursor: pointer;
  margin: 0;
}

.cursor-pointer {
  cursor: pointer;
}




/* Custom Pagination Implemented by saiful */

.pagination {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
  margin-top: 20px;
}

.custom-pagination-wrapper {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-pagination-wrapper .pagination {
  margin: 0
}

.pagination .pagination-list {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.pagination .pagination-list li a {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  border: 1px solid var(--border-color);
  padding: 5px 10px;
  transition: all .3s;
}

.pagination .pagination-list li a:hover,
.pagination .pagination-list li a.current {
  color: var(--white);
  border-color: var(--customer-profile);
  background-color: var(--customer-profile);
}


/* This preloader created by deshi riyad vai and those gave me mr sohan */
/* Custom Loader for blog ajax show */
.load-ajax-data {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid var(--customer-profile);
  border-bottom: 10px solid #FF1747;
  width: 70px;
  height: 70px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 250px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}

section.news-area {
  position: relative;
  z-index: 2;
}

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

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

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

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

/*Custom Loader for blog ajax show*/


#product-table-body {
  position: relative !important;
}

/* custom arrow*/
.expand .ti-angle-down {
  font-size: 15px;
  line-height: 1;
}

/* .expand .ti-angle-down::after {
  content: "\f107";
  font-family: 'Line Awesome Free';
  font-weight: 900;
} */

.expand .ti-angle-up {
  font-size: 15px;
  line-height: 1;
  font-style: inherit;
}

/* .expand .ti-angle-up:after {
  content: "\f106";
  font-family: 'Line Awesome Free';
  font-weight: 900;
} */

/* .remove-widget .ti-close:after {
  content: "\f00d";
  font-family: 'Line Awesome Free';
  font-weight: 900;
} */

/* .ti-close {
  font-style: inherit;
  font-size: 16px;
  line-height: 1;
} */

.ti-angle-down {
  font-style: inherit;
}

.preview-image i:before {
  content: "\f03e";
  font-family: 'Line Awesome Free';
  font-weight: 900;
  font-style: inherit;
}

.preview-image i {
  font-style: inherit;
}

.disabled-option {
  background: transparent !important;
  position: relative !important;
  overflow: hidden;
  color: #8986868f !important;

}

.disabled-option:hover {
  cursor: not-allowed !important;
}

.disabled-option::after {
  content: "";
  position: absolute;
  width: 150%;
  height: 1px;
  background-color: #9b9b9b;
  transform: rotate(45deg);
  top: 13px;
}

.disabled-option::before {
  content: "";
  position: absolute;
  width: 150%;
  height: 1px;
  background-color: #9b9b9b;
  transform: rotate(315deg);
  top: 13px;
}

.value-input-area .color-list li.active::before {
  display: none !important;
}

/*Dashboard New Css */

.user-dashboard-wrapper>ul {
  display: inline-block;
  width: 260px;
  background-color: #1d2228;
  padding-bottom: 5px
}

.user-dashboard-wrapper {
  display: flex;
  gap: 24px;
}

.user-dashboard-wrapper .tab-content {
  width: calc(100% - 284px);
  flex: 1;
}

.user-dashboard-wrapper {
  padding: 80px 0
}

.user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item {
  border-top: 1px solid var(--border-two);
}

.user-dashboard-wrapper .mobile_nav,
.user-dashboard-wrapper>ul .mobile_nav {
  display: none
}

.user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item {
  border-top: 1px solid var(--border-two);
}

.order-service-page-content-area .nav-tabs .nav-item {
  border: none;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--main-color-one);
  line-height: 50px;
  color: var(--white);
  padding: 0;
  text-align: center
}

.order-service-page-content-area .nav-tabs .nav-item+.nav-item {
  margin-left: 15px
}

.order-service-page-content-area .nav-tabs .nav-item.active {
  background-color: var(--main-color-one);
  color: #fff
}

.order-service-page-content-area .nav-tabs .nav-item[disabled] {
  background-color: #e1e1e1;
  color: var(--paragraph-color)
}

.nav {
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}

.user-dashboard-wrapper>ul {
  display: inline-block;
  width: 260px;
  background-color: #F2F3F5;
  padding-bottom: 5px;
}

.user-dashboard-wrapper ul.nav-pills .nav-link.active {
  position: relative
}

.user-dashboard-wrapper ul.nav-pills .nav-link.active {
  background: #F2F3F5 !important;
  color: var(--heading-color);
}

.user-dashboard-wrapper ul.nav-pills .nav-link.active::after {
  position: absolute;
  content: "";
  left: 0px;
  width: 4px;
  height: 56%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--main-color-two);
  border-radius: 20px;
}

.user-dashboard-wrapper .nav-pills .nav-link.bg-main {
  background: var(--main-color-two);
  color: #fff !important;
}

.user-dashboard-wrapper .nav-pills .nav-link {
  border-radius: 0px;
  padding-top: 9px;
  padding-bottom: 10px;
  color: #494949;
  font-size: 18px;
  padding-left: 22px;
}

.user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item {
  border-top: 1px solid var(--border-two);
}

.user-dashboard-wrapper ul.nav-pills .nav-item+.nav-item:last-child {
  border-bottom: 0;
}

.user-dashboard-card.style-01 {
  background-color: var(--heading-color);
  align-items: center;
  margin-bottom: 30px;
  border-radius: 8px;
  padding: 50px;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.user-dashboard-card.style-01::after {
  content: "";
  position: absolute;
  border: 10px solid #3f3f3f;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  z-index: -1;
  right: -19px;
  top: -20px;

  animation: heartbeat 1s infinite alternate;

  @-webkit-keyframes heartbeat {
    to {
      -webkit-transform: scale(1.05);
      transform: scale(1.05);
    }
  }
}


.user-dashboard-card.style-01 .icon {
  font-size: 43px;
  color: var(--white);
  margin-right: 26px;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #494949;
  line-height: 87px;
  text-align: center;
  z-index: 1;
  position: relative;
  flex-shrink: 0;
}

.user-dashboard-card.style-01 .icon i {
  position: relative;
  left: 0px;
}

.user-dashboard-card.style-01 .icon::before {
  content: "";
  position: absolute;
  border: 10px solid #3d3d3d;
  width: 123%;
  height: 123%;
  border-radius: 50%;
  left: -9px;
  z-index: -1;
  top: -9px;
}

.user-dashboard-card {
  background-color: var(--main-color-one);
  padding: 30px;
  display: flex;
  align-self: flex-start
}

.user-dashboard-card .icon {
  font-size: 40px;
  line-height: 40px;
  color: var(--white);
  margin-right: 20px
}

.user-dashboard-card .title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: var(--white);
}

.user-dashboard-card .number {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  display: block;
  color: var(--white);
}

a:hover {
  color: inherit;
}

.user-dahsboard-order-info-wrap .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700
}

.user-dahsboard-order-info-wrap small {
  font-size: 14px
}

.user-dahsboard-order-info-wrap .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}

.alert-small {
  font-size: 12px;
  font-weight: 600;
  padding: 2px 5px;
}

.alert-sm {
  padding: 5px 10px;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.user-dahsboard-order-info-wrap small {
  font-size: 14px;
}

small {
  margin-bottom: 10px;
}

.dashboard-form-wrapper .title {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 30px;
}

.order-service-page-content-area .order-title {
  font-size: 30px;
  line-height: 52px;
  font-weight: 700;
  margin-bottom: 30px
}

.order-service-page-content-area .nav-tabs {
  display: block;
  border: none
}

.order-service-page-content-area .nav-tabs .nav-item {
  border: none;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  color: var(--white);
  padding: 0;
  text-align: center
}

.order-service-page-content-area .tab-content {
  margin-top: 30px
}

.order-service-page-content-area .nav-tabs .nav-item+.nav-item {
  margin-left: 15px
}

.order-service-page-content-area .nav-tabs .nav-item.active {
  background-color: var(--main-color-one);
  color: #fff
}

.order-service-page-content-area .nav-tabs .nav-item[disabled] {
  background-color: #e1e1e1;
  color: var(--paragraph-color)
}


.input-disabled {
  background-color: rgba(211, 211, 211, 0.507);
}

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

.payment-gateway-wrapper ul li {
  max-width: 100px;
  cursor: pointer;
  box-sizing: border-box;
  height: 50px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden
}

.payment-gateway-wrapper ul li.selected:after,
.payment-gateway-wrapper ul li.selected:before {
  visibility: visible;
  opacity: 1
}

.payment-gateway-wrapper ul li:before {
  border: 2px solid #ffc107;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  visibility: hidden;
  opacity: 0;
  transition: all .3s
}

.payment-gateway-wrapper ul li::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 15px;
  background-color: var(--main-color-two);
  content: "\f00c";
  font-weight: 900;
  color: var(--white);
  font-family: "Line Awesome Free";
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  padding-top: 2px;
  padding-left: 2px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s
}

.manual_payment_transaction_field.show {
  display: block
}

.manual_payment_transaction_field {
  display: none
}

.payment-gateway-wrapper ul li {
  min-width: 80px;
  margin: 5px
}

.cart-total-wrap .form-group.manual_payment_transaction_field .label,
.order-confirm-area .form-group.manual_payment_transaction_field .label,
.order-tab-wrap .form-group.manual_payment_transaction_field .label {
  font-size: 14px;
  font-weight: 600;
  color: var(--heading-color);
  margin-bottom: 10px
}

.cart-total-wrap .form-group.manual_payment_transaction_field .form-control,
.order-confirm-area .form-group.manual_payment_transaction_field .form-control,
.order-tab-wrap .form-group.manual_payment_transaction_field .form-control {
  border: 1px solid #e2e2e2;
  font-size: 14px
}

.cart-total-wrap .form-group.manual_payment_transaction_field .help-info,
.order-confirm-area.form-group.manual_payment_transaction_field .help-info,
.order-tab-wrap .form-group.manual_payment_transaction_field .help-info {
  margin-top: 20px;
  display: block
}

.payment-gateway-wrapper ul {
  flex-wrap: wrap
}

button.submit-btn.gd-bg {
  width: 420;
}

.order-confirm-area .title {
  text-align: center;
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  margin-bottom: 40px;

}

.error-page-content {
  padding: 50px;
}

.order-cancel-area .title,
.order-success-area .title {
  color: var(--main-color-one);
  font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
  font-weight: 900;
  font-size: 40px;
  margin-bottom: 10px;
}

.order-cancel-area .title,
.order-success-area .title {
  color: var(--main-color-one);
  font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
  font-weight: 900;
  font-size: 40px;
  margin-bottom: 10px;
}

p.order-page-description {
  color: var(--main-color-one);
}

.billing-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

button.submit-btn.gd-bg.pay-now {
  width: 730px;
}

.alert-danger {
  border-left: 5px solid var(--secondary-color);
  background-color: #f2f2f2;
  color: #333;
  border-radius: 0;
}

.alert-warning {
  border-left: 5px solid #e4b82c;
  background-color: #f2f2f2;
  border-color: #e4b82c;
  color: #333;
  border-radius: 0;
}

.alert-success {
  border-left: 5px solid #319a31;
  background-color: #f2f2f2;
  border-color: #319a31;
  color: #333;
  border-radius: 0;
}

.alert-primary {
  border-left: 5px solid #004085;
  border-color: #004085;
  background-color: #f2f2f2;
  color: #333;
  border-radius: 0;
}

.alert-info {
  background-color: #d1ecf1;
  border-color: #17a2b8;
  border-left: 5px solid #17a2b8;
  background-color: #f2f2f2;
  color: #333;
  border-radius: 0;
}


@media only screen and (max-width: 414px) {
  .left-content-area {
    display: none;
  }

  .navbar-area .navbar-collapse {
    left: 0;
    right: initial;
  }
}

@media only screen and (max-width: 768px) {
  .left-content-area {
    display: none;
  }

  .navbar-area .navbar-collapse {
    left: 0;
    right: initial;
  }

}

@media only screen and (max-width: 991.98px) {
  .user-dashboard-wrapper {
    position: relative;
    /* display: block; */
    flex-direction: column;
    gap: 20px 0;

  }

  .user-dashboard-wrapper .mobile_nav,
  .user-dashboard-wrapper>ul .mobile_nav {
    position: unset;
    left: 0px;
    top: 0;
    width: 53px;
    background-color: var(--main-color-one);
    color: white;
    height: 56px;
    text-align: center;
    line-height: 57px;
    transition: all .3s;
    display: block;
    border-radius: 8px;
    font-size: 32px;
  }

  .user-dashboard-wrapper>ul {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 99;
    display: inline-block;
    width: 260px;
    padding-bottom: 5px;
    transition: .3s all;
  }

  .user-dashboard-wrapper.show>ul {
    left: 0px;
  }

  .user-dashboard-wrapper .tab-content {
    width: calc(100% - 0px);
  }

  .bodyUser_overlay {
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 98;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
  }

  .bodyUser_overlay.show {
    visibility: visible;
    opacity: 1;
  }
}

@media only screen and (max-width: 991px) {
  .user-dashboard-card {
    margin-bottom: 30px;
  }

  .user-dashboard-card {
    background-color: var(--main-color-one);
    padding: 30px !important;
    display: flex;
    align-self: flex-start;
  }

}

.dashboard-form-wrapper .title {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 30px;
}

.dashboard-form-wrapper .form-group {
  margin-bottom: 10px;
}

.dashboard-form-wrapper .form-control {
  padding: 7px 15px;
  border: 1px solid #e2e2e2;
  border-radius: 0;
  line-height: 23px;
}

.dashboard-form-wrapper input.form-control {
  height: 50px;
}

.icon-close.color-heading .la-spinner,
.cart-item-count-amount .la-spinner {
  -webkit-animation: 1s rotate_spiner linear infinite;
  animation: 1s rotate_spiner linear infinite;
}

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

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

#category_create_modal,
#child-category_create_modal,
#badge_edit_modal {
  z-index: 1051 !important;
}

#category_create_modal .select2-container,
#badge_edit_modal .select2-container,
#child-category_create_modal .select2-container {
  z-index: 1056;
}

.swal2-container {
  z-index: 9999999999 !important;
}

.form-group label {
  display: block;
}

.form-group .select2-container {
  display: block;
  width: 100%;
}

.select2-container .selection {
  width: 100%;
}


.mdi-pencil:before {
  content: "\f303";
  font-family: 'Line Awesome Free';
  font-weight: 900;
}



/* Those line are added by riyad hossain for checkout page */
.error-wrap li {
  text-transform: capitalize;
}

.popup_modal_checkout {
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 9992;
  background: #fff;
  max-width: 900px;
  margin-inline: auto;
  padding: 30px;
  transform: scale(.8);
  transition: all .4s;
  visibility: hidden;
  opacity: 0;
  max-height: calc(100vh - 50px);
  overflow-y: auto;
  scrollbar-color: #aaa #ddd;
  scrollbar-width: thin;
}

.popup_modal_checkout.show {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}

.popup_modal_checkout::-webkit-scrollbar {
  width: 5px;
  background-color: #ddd;
  border-radius: 10px;
}

.popup_modal_checkout::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 10px;
}

.popup_modal_checkout_overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .7);
  left: 0;
  top: 0;
  z-index: 9990;
  visibility: hidden;
  opacity: 0;
  transition: all .4s;
}

.popup_modal_checkout_overlay.show {
  visibility: visible;
  opacity: 1;
}

.checkout_modal_close {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
  background: red;
  color: var(--white);
  border-radius: 3px;
  font-size: 16px;
  cursor: pointer;
  flex-shrink: 0;
}

/* Those line were added by riyad hossain for checkout page */

.order-shipping-methods-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  border: 1px solid #ddd;
  padding: 10px;
  background: transparent;
  cursor: pointer;
}

.order-shipping-methods-item.active {
  border-color: var(--main-color-one);
  background-color: rgba(var(--main-color-one-rgb), .1);
}

.order-shipping-methods-item:not(:last-child) {
  margin-bottom: 10px;
}

.shipping-methods-radio {
  margin-top: 4px;
}

.shipping-methods-radio {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
  appearance: none;
}

.shipping-methods-radio:before,
.shipping-methods-radio:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.shipping-methods-radio:checked:before,
.shipping-methods-radio:checked:before {
  border-color: var(--main-color-one);
}

.shipping-methods-radio:checked:after,
.shipping-methods-radio:not(:checked):after {
  content: '';
  width: 14px;
  height: 14px;
  background: var(--main-color-one);
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.shipping-methods-radio:not(:checked):after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.shipping-methods-radio:checked:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.order-shipping-methods-item-left-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex: 1;
}

.shipping-methods-radio-para p {
  font-size: 16px;
  color: var(--paragraph-color);
  margin: 0;
  font-weight: 500;
}


.value-input-area .size-lists li {
  height: unset;
  width: unset;
  padding: 5px 10px;
}

.value-input-area .color-list li {
  height: 30px;
  width: 30px;
}

.value-input-area .form--input {
  border: 0;
}

.campaign-countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.campaign-countdown>div {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid var(--main-color-one);
  color: var(--main-color-one);
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
  border-radius: 4px;
}

.faq_container .form-group>label,
.get-in-touch-wrapper .custom-form-builder-form .form-group>label,
.custom-form .dashboard-input>label,
.custom-form .form-group>label,
.custom-form .single-input>label,
.custom-form .single-input>label,
.custom_form .single-input>label,
.custom_form .form-group>label,
.custom__form .single-input>label,
.custom__form .form-group>label {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--heading-color);
  margin-bottom: 8px;
}

.faq_container .form-group>input,
.get-in-touch-wrapper .custom-form-builder-form .form-group>input,
.custom-form .single-input>input,
.custom-form .dashboard-input>input,
.custom-form .form-group>input,
.custom_form .form-group>input,
.custom_form .dashboard-input>input,
.custom_form .single-input>input,
.custom__form .single-input input,
.custom__form .form-control,
.custom__form .dashboard-input input,
.custom__form .form--control,
.custom__form .form-group .form-control,
.custom__form .form-group .select2,
.custom__form .select2,
.custom__form .form-group>input {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  height: 48px;
  border: 1px solid var(--border-two);
  border-radius: 5px;
}

.custom-form .single-input>input[type="checkbox"],
.custom-form .dashboard-input>input[type="checkbox"],
.custom-form .form-group>input[type="checkbox"],
.custom_form .form-group>input[type="checkbox"],
.custom_form .dashboard-input>input[type="checkbox"],
.custom_form .single-input>input[type="checkbox"],
.custom__form .single-input input[type="checkbox"],
.custom__form .form-control[type="checkbox"],
.custom__form .dashboard-input input[type="checkbox"],
.custom__form .form-group .form-control[type="checkbox"],
.custom__form .form-group>input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

.custom-form .single-input>input[type="checkbox"]+label,
.custom-form .dashboard-input>input[type="checkbox"]+label,
.custom-form .form-group>input[type="checkbox"]+label,
.custom_form .form-group>input[type="checkbox"]+label,
.custom_form .dashboard-input>input[type="checkbox"]+label,
.custom_form .single-input>input[type="checkbox"]+label,
.custom__form .single-input input[type="checkbox"]+label,
.custom__form .form-control[type="checkbox"]+label,
.custom__form .dashboard-input input[type="checkbox"]+label,
.custom__form .form-group .form-control[type="checkbox"]+label,
.custom__form .form-group>input[type="checkbox"]+label {
  border-radius: 2px;
  margin: 0;
}

.faq_container .form-group>textarea,
.custom-form .dashboard-input>textarea,
.custom-form .single-input textarea,
.custom-form .form-group>textarea,
.custom_form .single-input textarea,
.custom_form .form-group>textarea,
.custom__form .single-input textarea,
.custom__form .dashboard-input>textarea,
.custom__form .dashboard-input textarea.form--control,
.custom__form .form-group>textarea {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  height: auto;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 10px 15px 10px;
}

.faq_container .form-group>small,
.custom-form .dashboard-input>small,
.custom-form .form-group>small,
.custom-form .dashboard-input,
.custom_form .form-group>small,
.custom__form .dashboard-input>small,
.custom__form>small,
.custom__form .dashboard-input>p,
.custom__form .form-group>small {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  display: block;
  margin: 0;
  margin-top: 7px;
}

.faq_container .form-group>select,
.custom-form .dashboard-input .dashboard-input-select>select,
.custom-form .dashboard-input>select,
.custom-form .form-group>select,
.custom_form .form-group>select,
.custom__form .single-input>select,
.custom__form .dashboard-input select,
.custom__form .form-group>select {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  height: 48px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  width: 100%;
  padding: 0 15px;
}

.get-in-touch-wrapper .custom-form-builder-form .form-group textarea,
.custom-form .single-input>textarea,
.custom-form .dashboard-input>textarea,
.custom-form .form-group>textarea,
.custom_form .form-group>textarea,
.custom_form .dashboard-input>textarea,
.custom_form .single-input>textarea,
.custom__form .single-input textarea,
.custom__form textarea,
.custom__form .dashboard-input textarea,
.custom__form textarea,
.custom__form .form-group textarea,
.custom__form .form-group textarea,
.custom__form textarea,
.custom__form textarea>textarea,
.custom__form .form-group>textarea {
  height: unset !important;
  line-height: 24px;
}

.get-in-touch-wrapper .custom-form-builder-form .form-group textarea {
  padding: 10px 15px;
}

.btn-group button.dropdown-toggle {
  display: inline-block;
  background-color: var(--customer-profile);
  padding: 3px 10px;
  border-radius: 4px;
  color: var(--white);
  text-transform: capitalize;
  border: none;
  font-weight: 600;
}

.btn-group button.dropdown-toggle.low {
  background-color: var(--delete-color);
}

.btn-group button.dropdown-toggle.medium {
  background-color: var(--main-color-one);
}

.btn-group button.dropdown-toggle.high {
  background-color: var(--main-color-two);
}

.btn-group button.dropdown-toggle.urgent {
  background-color: var(--main-color-three);
}

.btn-group button.dropdown-toggle.status-close,
.btn-group button.dropdown-toggle.close {
  background-color: var(--delete-color);
}
.note-btn-group.btn-group button.dropdown-toggle {
  background-color: #fff;
  border-color: rgba(0,0,0,.2);
  padding: 0.28rem 0.65rem;
  font-size: 13px;
  color: #111;
}
.btn.btn-primary.iconpicker-component {
  background: var(--customer-profile);
  border-color: var(--customer-profile);
  border-right-color: var(--white);
}

.table>:not(:first-child) {
  border-top: 0;
}

select.form-control:not([size]):not([multiple]) {
  height: 42px !important;
  border-radius: 5px;
  line-height: 1;
  padding-inline: 12px;
}

.user-info {
  font-size: 15px;
  text-align: left;
}

.wrapper-container .nav-tabs {
  border-bottom: 0;
  background: #fff;
}

.wrapper-container #vendor-create-form .nav-tabs {
  border-bottom: 1px solid var(--border-color);
  background: #fff;
}

.wrapper-container .card {
  border: 1px solid var(--border-color);
}

.wrapper-container .card-header {
  border: 0;
}

.wrapper-container .pagination .page-item .page-link,
.dataTables_wrapper .dataTables_paginate .page-item .page-link {
  border: 1px solid var(--border-color);
  color: var(--paragraph-color);
}

.wrapper-container .pagination .page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link {
  border: 1px solid var(--customer-profile);
  background-color: var(--customer-profile);
  color: var(--white);
}

.wrapper-container .pagination .page-item:hover,
.dataTables_wrapper .dataTables_paginate .page-item:hover {
  border-color: var(--customer-profile) !important;
}

.wrapper-container .pagination .page-item:hover::before,
.wrapper-container .pagination .page-item:hover::after,
.dataTables_wrapper .dataTables_paginate .page-item:hover::before,
.dataTables_wrapper .dataTables_paginate .page-item:hover::after {
  border-color: #fff !important;
  z-index: 3;
}

.wrapper-container .pagination .page-item:hover .page-link,
.dataTables_wrapper .dataTables_paginate .page-item:hover .page-link {
  border: 1px solid var(--customer-profile);
  background-color: var(--customer-profile);
  color: var(--white);
}

.wrapper-container .pagination .page-item.next,
.dataTables_wrapper .dataTables_paginate .page-item.next {
  border-color: var(--border-color);
}

.wrapper-container .pagination .page-item.disabled:hover .page-link,
.wrapper-container .pagination .page-item.disabled:hover,
.dataTables_wrapper .dataTables_paginate .page-item.disabled:hover .page-link,
.dataTables_wrapper .dataTables_paginate .page-item.disabled:hover {
  border-color: rgba(221, 221, 221, 0.3) !important;
  color: #666 !important;
  background-color: transparent;
}

.wrapper-container .pagination .page-item .page-link:focus,
.dataTables_wrapper .dataTables_paginate .page-item .page-link:focus,
.dataTables_wrapper .dataTables_paginate .page-item:focus {
  border-color: var(--border-color);
  color: var(--paragraph-color);
  background-color: transparent;
  box-shadow: none;
}

.category-field {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: var(--paragraph-color);
}

.category-field b {
  color: var(--heading-color);
  font-weight: 600;
}

.pagination-info>p {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
}

.pagination-info>p:not(:last-child) {
  margin-bottom: 10px;
}

.pagination-info strong {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  color: var(--heading-color);
}

.product-brand+b {
  color: var(--heading-color);
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}

.quantity-number,
.product-summary>p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
}

.dashboard-products-add .nav-pills .nav-link {
  color: var(--heading-color);
  padding: 10px 0px 10px 10px;
  border-bottom: 1px solid var(--border-color);
  list-style: dotted;
}

.dashboard-products-add .nav-pills .nav-link.active,
.dashboard-products-add .nav-pills .show>.nav-link {
  color: var(--customer-profile) !important;
  background: none;
}

.media-image-header {
  margin-bottom: 0px;
}

@media screen and (max-width: 1599px) {

  .custom_table,
  .table-wrap,
  #shipping-zone-create-form,
  .dashboard__card .data-tables,
  .data-tables {
    overflow-x: auto;
  }
}

.img-select.selected:after {
  content: "\f058";
  font-family: "Line Awesome Free" !important;
}

.img-select:not(:last-child) {
  margin-bottom: 20px;
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
  margin-bottom: 20px;
}

.table-delivery-man-author {
  max-width: 180px;
  width: max-content;
}

.custom__form .dashboard-input .bootstrap-tagsinput input {
  border: unset;
  padding: unset;
}

.inventory_item .form-control {
  height: 42px;
  border-radius: 5px;
}

.inventory_item label {
  font-weight: 400;
  color: var(--heading-color);
}

.form-group .bootstrap-tagsinput {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  height: 48px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  box-shadow: none;
}

.custom__form .form-group {
  padding: 0 !important;
}

.faq_container .form-group:not(:last-child),
.get-in-touch-wrapper .custom-form-builder-form .form-group:not(:last-child),
.custom-form .dashboard-input:not(:last-child),
.custom__form .dashboard-input:not(:last-child),
.custom__form .form-group:not(:last-child) {
  margin-bottom: 24px;
  padding: 0 !important;
}

.custom-form .dashboard-flex-input:not(:last-child) {
  margin-bottom: 24px;
}

.custom-form .dashboard-flex-input .dashboard-input {
  margin: 0;
}

.chekout__items__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: var(--heading-color);
  margin-bottom: 12px;
}

.btn-group-sm>.btn,
.btn-sm,
.btn-xs {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem;
}

.btn.btn_bg_profile {
  background-color: var(--customer-profile);
  border-color: var(--customer-profile);
}

.btn.btn_bg_profile:hover {
  background-color: unset;
  color: var(--customer-profile);
}

.btn.btn_bg_1 {
  background-color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.btn.btn_bg_1:hover {
  background-color: unset;
  color: var(--main-color-one);
}

.btn.btn_bg_2 {
  background-color: var(--main-color-two);
  border-color: var(--main-color-two);
}

.btn.btn_bg_2:hover {
  background-color: unset;
  color: var(--main-color-two);
}

.btn.btn_bg_3 {
  background-color: var(--main-color-three);
  border-color: var(--main-color-three);
}

.btn.btn_bg_3:hover {
  background-color: unset;
  color: var(--main-color-three);
}

.btn.btn_bg_4 {
  background-color: var(--main-color-four);
  border-color: var(--main-color-four);
}

.btn.btn_bg_4:hover {
  background-color: unset;
  color: var(--main-color-four);
}


/* Select2 Css */
.select2-dropdown {
  background-color: var(--white);
}

.select2-container {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100% !important;
  z-index: 1055;
}

.select2-container--open {
  width: -webkit-fill-available !important;
}

@media (min-width: 100px) and (max-width: 991.98px) {
  .select2-container--open {
    width: -webkit-fill-available !important;
  }
}

.select2-container--open .select2-selection__arrow::after {
  -webkit-transform: translate(50%, -50%) rotate(-135deg) !important;
  transform: translate(50%, -50%) rotate(-135deg) !important;
  margin-top: 0;
}

.select2-container .select2-selection--single {
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  position: relative;
  height: 48px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--paragraph-color);
  height: 48px;
  line-height: 48px;
  padding-right: 30px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  bottom: 0px;
  right: 6px;
  height: 100%;
  width: 20px;
  line-height: 48px;
  position: absolute;
}

.select2-container .select2-selection--single .select2-selection__arrow::after {
  content: "";
  position: absolute;
  right: 50%;
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  transform: translate(50%, -50%) rotate(45deg);
  top: 50%;
  font-size: 14px;
  height: 8px;
  width: 8px;
  border-right: 2px solid var(--body-color);
  border-bottom: 2px solid var(--body-color);
  background-color: transparent;
  margin-top: -3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  color: var(--paragraph-color);
}

.select2-container .select2-results__option {
  background-color: rgba(var(--main-color-one-rgb), 0.05);
  color: var(--main-color-one);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.select2-container .select2-results__option:nth-child(even) {
  background-color: var(--white);
}

.select2-container .select2-results__option:not(:first-child) {
  border-top: 1px solid rgba(var(--main-color-one-rgb), 0.1);
}

.select2-container .select2-results__option--highlighted {
  background-color: var(--main-color-one) !important;
  color: var(--white) !important;
}

.select2-container .select2-results__option--selected {
  background-color: var(--main-color-one) !important;
  color: var(--white) !important;
}

.select2-container .dropdown-wrapper {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.select2-container .select2-dropdown {
  border: 1px solid var(--border-color);
  background-color: var(--white);
}

.select2-container--one .select2-results__option {
  background-color: var(--white);
  color: var(--paragraph-color);
  border-top: 1px solid var(--border-color);
}

.select2-container--one .select2-results__option--selected {
  background-color: inherit !important;
  color: var(--main-color-one) !important;
  border-color: var(--main-color-one) !important;
}

.select2-container--one .select2-results__option--highlighted {
  background-color: inherit !important;
  color: var(--main-color-one) !important;
  border-color: var(--main-color-one) !important;
}

.select2-container--two.select2-container--open .select2-selection--single {
  border-color: var(--main-color-one);
}

.select2-container--two.select2-container--open .select2-selection__rendered {
  color: var(--main-color-one);
}

.select2-container--two.select2-container--open .select2-selection__arrow::after {
  border-color: var(--main-color-one);
}

.select2-container--two .select2-dropdown {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--two .select2-dropdown .select2-search__field {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--two .select2-results__option {
  background-color: var(--white);
  color: var(--paragraph-color);
  border-top: 1px solid var(--border-color);
}

.select2-container--two .select2-results__option--selected {
  background-color: rgba(var(--main-color-one-rgb), 0.05) !important;
  color: var(--main-color-one) !important;
  border-color: var(--main-color-one) !important;
}

.select2-container--two .select2-results__option--highlighted {
  background-color: rgba(var(--main-color-one-rgb), 0.05) !important;
  color: var(--main-color-one) !important;
  border-color: var(--main-color-one) !important;
}

.select2-container--three.select2-container--open .select2-selection--single {
  border-color: var(--main-color-one);
}

.select2-container--three.select2-container--open .select2-selection__rendered {
  color: var(--main-color-one);
}

.select2-container--three.select2-container--open .select2-selection__arrow::after {
  border-color: var(--main-color-one);
}

.select2-container--three .select2-dropdown {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--three .select2-dropdown .select2-search__field {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--three .select2-results__option {
  background-color: var(--search-bg);
  color: var(--paragraph-color);
  border-color: rgba(var(--main-color-one-rgb), 0.3);
  border-top: 1px solid rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--three .select2-results__option:nth-child(even) {
  background-color: var(--white);
}

.select2-container--three .select2-results__option--selected {
  background-color: var(--main-color-one) !important;
  color: var(--white) !important;
}

.select2-container--three .select2-results__option--highlighted {
  background-color: var(--main-color-one) !important;
  color: var(--white) !important;
}

.select2-container--four.select2-container--open .select2-selection--single {
  border-color: rgba(var(--main-color-one-rgb), 0.5);
}

.select2-container--four.select2-container--open .select2-selection__rendered {
  color: var(--main-color-one);
  background-color: rgba(var(--main-color-one-rgb), 0.05);
}

.select2-container--four.select2-container--open .select2-selection__arrow::after {
  border-color: rgba(var(--main-color-one-rgb), 0.8);
}

.select2-container--four .select2-dropdown {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--four .select2-dropdown .select2-search__field {
  border-color: rgba(var(--main-color-one-rgb), 0.3);
}

.select2-container--four .select2-results__option {
  background-color: var(--search-bg);
  color: var(--paragraph-color);
  border-color: rgba(var(--main-color-one-rgb), 0.1);
  border-top: 1px solid rgba(var(--main-color-one-rgb), 0.1);
}

.select2-container--four .select2-results__option:nth-child(even) {
  background-color: var(--white);
}

.select2-container--four .select2-results__option--selected {
  background-color: rgba(var(--main-color-one-rgb), 0.1) !important;
  color: var(--main-color-one) !important;
}

.select2-container--four .select2-results__option--highlighted {
  background-color: rgba(var(--main-color-one-rgb), 0.1) !important;
  color: var(--main-color-one) !important;
}

.select2-container--five .select2-selection--single {
  background-color: var(--white);
  border: 1px solid var(--border-color);
}

.select2-container--five .select2-selection--single .select2-selection__rendered {
  color: var(--paragraph-color);
}

.select2-container--five .select2-results__option {
  background-color: var(--white);
  color: var(--paragraph-color);
  border-top: 1px solid var(--border-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.select2-container--five .select2-results__option:nth-child(even) {
  background-color: var(--white);
}

.select2-container--five .select2-results__option--highlighted {
  background-color: var(--section-bg-1) !important;
  color: var(--heading-color) !important;
  font-weight: 700;
}

.select2-container--five .select2-results__option--selected {
  background-color: var(--section-bg-1) !important;
  color: var(--heading-color) !important;
  font-weight: 700;
}

.without_border .select2-container {
  display: inline-block;
}

.without_border .select2-container--default .select2-selection--single {
  border: 0;
  height: 24px;
}

.without_border .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 24px;
  line-height: 24px;
  padding: 0 50px 0 0;
}

.without_border .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 24px;
  line-height: 24px;
}

.without_border .select2-container--default .select2-selection--single .select2-selection__arrow::after {
  border-right: 2px solid var(--body-color);
  border-bottom: 2px solid var(--body-color);
}

.without_border .select2-container .dropdown-wrapper {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* Multiple select  */
.select2-container--multiple {
  height: 48px;
  overflow-y: auto;
}

.select2-container--default .select2-selection--multiple {
  background-color: var(--white);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple:focus {
  border: 1px solid var(--border-color);
}

.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 0 4px;
  margin: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--search-bg);
  border: 1px solid var(--border-color);
  border-radius: 3px;
  margin: 4px 4px 0 0;
  padding: 0 6px 0 22px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: var(--delete-color);
  font-weight: bold;
  font-size: 16px;
}

.vendorList__flex {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.vendorList__thumb {
  max-width: 70px;
  flex-shrink: 0;
}

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

.vendorList__item:not(:last-child) {
  margin-bottom: 10px;
}

.vendorList__label {
  min-width: 160px;
}

.language__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.language__list li:not(:last-child) {
  margin-bottom: 10px;
}

.language__list__strong {
  font-size: 16px;
}

.language__list__span {
  word-break: break-all;

}

.img-wrap.max-width-100 {
  max-width: 100px;
}

.dashboard__card .note-modal-footer {
  display: inline-table;
  width: 100%;
}

.dashboard__card .note-modal-footer input.btn.note-btn {
  display: inline-block;
  width: 100%;
  background: var(--customer-profile);
  color: var(--white);
  opacity: 1;
}

.table-image {
  max-width: 200px;
}

.table-image.image_150 {
  max-width: 150px;
}

.table-image.image_120 {
  max-width: 120px;
}

.table-image.image_100 {
  max-width: 100px;
}

.table-image.image_90 {
  max-width: 90px;
}

.table-image.image_80 {
  max-width: 80px;
}

.table-image.image_70 {
  max-width: 70px;
}

.table-image.image_60 {
  max-width: 60px;
}

.table-image.image_50 {
  max-width: 50px;
}

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

.table-fields {
  max-width: 200px;
}

.table-notes {
  max-width: 250px;
}

.widget-handler .content-part input[type="range"] {
  background: var(--customer-profile);
  height: 8px;
}

.wrapper-container {
  overflow: hidden;
}

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

.item_selected_attributes_flex .form-group {
  flex: 1;
}

.request__item {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
}

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

.request__left {
  min-width: 150px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--paragraph-color);
}

.request__right {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--heading-color);
}

.payment-list li {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
}

.payment-list li:not(:first-child) {
  margin-top: 12px;
}

.payment-list-left {
  min-width: 180px;
}

@media screen and (max-width: 480px) {
  .payment-list-left {
    min-width: 160px;
  }
}

@media screen and (max-width: 375px) {
  .payment-list-left {
    min-width: 150px;
  }
}

.payment-list-right {
  font-weight: 500;
  color: var(--heading-color);
  word-break: break-all;
}

.title__one {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--heading-color);
}

.title__two {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--heading-color);
}

.title__three {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--heading-color);
}

.title__four {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--heading-color);
}

.order__details__single {
  /* border: 1px solid var(--border-two);
  padding: 20px;
  border-radius: 10px; */
}

.order__details__wrap {}

.order__details__item {
  border: 1px solid var(--border-two);
  padding: 20px;
  border-radius: 10px;
}

.order__details__item:not(:first-child) {
  margin-top: 20px;
}

.order__item {}

.order__item__single {
  border-bottom: 1px solid var(--border-two);
  padding-bottom: 20px;
}

.order__item__single:not(:first-child) {
  padding-top: 20px;
}

.order__item__single__flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 10px;
}

.order__item__product {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.order__item__product__contents {
  max-width: 250px;
}

.order__item__product__thumb {
  max-width: 80px;
}

.order__item__product__name {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--heading-color);
}

.order__item__product__span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  display: block;
}

.order__item__product__span__right {
  font-weight: 600;
  color: var(--heading-color);
}

.order__item__estimate {
  max-width: 250px;
  margin-left: auto;
}

.order__item__estimate__single {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  padding-top: 10px;
}

.order__item__estimate__single:not(:last-child) {
  border-bottom: 1px solid var(--border-two);
  padding-bottom: 10px;
}

.order__item__estimate__single strong {
  font-weight: 600;
  color: var(--heading-color);
}

.refunded__product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--border-two);
  padding: 15px;
  border-radius: 7px;
}

@media screen and (max-width: 575px) {
  .refunded__product {
    flex-wrap: wrap;
  }
}

.order__refund__item:not(:last-child) {
  margin-bottom: 24px;
}

.order__refund__item__available__single:not(:first-child) {
  margin-top: 20px;
}

.refunded__product__main {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 230px;
}

.refunded__product__thumb {
  flex-shrink: 0;
}

.refunded__product__info {
  flex-grow: 1;
}

.refunded__product__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--heading-color);
}

.refunded__product__para {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
}

.refunded__product__quantity {}

.refunded__product__quantity__input {
  max-width: 70px;
  text-align: center;
  background: unset;
  padding-inline: 12px;
  height: 42px !important;
}

.refunded__product__left {
  display: flex;
  align-items: center;
  gap: 12px;
}

.refunded__product__price__multiply {
  color: var(--paragraph-color);
}

.refunded__product__price {
  font-weight: 600;
  color: var(--heading-color);
}

.orderRequest__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
}

.orderRequest__item:not(:last-child) {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-two);

}

.orderRequest__item__left {
  min-width: 130px;
  word-break: break-all;
}

@media screen and (max-width: 480px) {
  .orderRequest__item__left {
    min-width: 100px;
  }
}

@media screen and (max-width: 375px) {
  .orderRequest__item__left {
    min-width: 80px;
  }
}

.orderRequest__item__right {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: var(--heading-color);
  text-align: right;
  margin: 0;
  word-break: break-all;
}

.gig-order-info ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
}

.gig-order-info ul li strong {
  color: var(--heading-color);
}

.gig-order-info ul li:not(:last-child) {
  margin-bottom: 20px;
}



tr td .btn {
  color: var(--paragraph-color);
  font-family: var(--body-font);
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  box-shadow: 0 0 20px var(--border-color);
}

tr td .btn-danger {
  background-color: var(--delete-color);
  color: var(--white);
  border-color: var(--delete-color);
  box-shadow: 0 0 20px rgba(var(--delete-color-rgb), 0.3);
}

tr td .btn-danger:focus,
tr td .btn-danger:hover {
  background-color: rgba(var(--delete-color-rgb), 0.7);
  border-color: rgba(var(--delete-color-rgb), 0.7);
  box-shadow: 0 0 20px rgba(var(--delete-color-rgb), 0.3);
}

tr td .btn-primary {
  background-color: var(--customer-profile);
  color: var(--white);
  border-color: var(--customer-profile);
  box-shadow: 0 0 20px rgba(var(--customer-profile-rgb), 0.3);
}

tr td .btn-primary:focus,
tr td .btn-primary:hover {
  background-color: rgba(var(--customer-profile-rgb), 0.7);
  border-color: rgba(var(--customer-profile-rgb), 0.7);
  box-shadow: 0 0 20px rgba(var(--customer-profile-rgb), 0.3);
}

tr td .btn-secondary {
  background-color: rgba(var(--heading-color-rgb), 0.7);
  color: var(--white);
  border-color: rgba(var(--heading-color-rgb), 0.7);
  box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
}


tr td .btn-secondary:focus,
tr td .btn-secondary:hover {
  background-color: var(--heading-color);
  border-color: var(--heading-color);
  box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
  box-shadow: none;
}

tr td .btn-info {
  background-color: var(--main-color-two);
  color: var(--white);
  border-color: var(--main-color-two);
  box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.3);
}


tr td .btn-info:focus,
tr td .btn-info:hover {
  color: var(--white);
  background-color: rgba(var(--main-color-two-rgb), 0.7);
  border-color: rgba(var(--main-color-two-rgb), 0.7);
  box-shadow: 0 0 20px rgba(var(--main-color-two-rgb), 0.3);
  box-shadow: none;
}

tr td .btn-warning {
  background-color: var(--review-color);
  color: var(--white);
  border-color: var(--review-color);
  box-shadow: 0 0 20px rgba(var(--review-color-rgb), 0.3);
}


tr td .btn-warning:focus,
tr td .btn-warning:hover {
  color: var(--white);
  background-color: rgba(var(--review-color-rgb), 0.7);
  border-color: rgba(var(--review-color-rgb), 0.7);
  box-shadow: 0 0 20px rgba(var(--review-color-rgb), 0.3);
  box-shadow: none;
}

tr td .btn-dark {
  color: var(--white);
  background-color: var(--heading-color);
  border-color: var(--heading-color);
  box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
}

tr td .btn-dark:focus,
tr td .btn-dark:hover {
  background-color: rgba(var(--heading-color-rgb), 0.9);
  color: var(--white);
  border-color: rgba(var(--heading-color-rgb), 0.9);
  box-shadow: 0 0 20px rgba(var(--heading-color-rgb), 0.3);
  box-shadow: none;
}

tr td .btn-success {
  color: var(--white);
  background-color: var(--success-color);
  border-color: var(--success-color);
  box-shadow: 0 0 20px rgba(var(--success-color-rgb), 0.3);
}

tr td .btn-success:focus,
tr td .btn-success:hover {
  background-color: rgba(var(--success-color-rgb), 0.9);
  color: var(--white);
  border-color: rgba(var(--success-color-rgb), 0.9);
  box-shadow: 0 0 20px rgba(var(--success-color-rgb), 0.3);
  box-shadow: none;
}

tr td .btn-light {
  color: var(--heading-color);
  background-color: var(--border-two);
  border-color: var(--border-two);
  box-shadow: 0 0 20px var(--border-two);
}

tr td .btn-light:focus,
tr td .btn-light:hover {
  background-color: var(--border-color);
  color: var(--heading-color);
  border-color: var(--border-color);
  box-shadow: 0 0 20px var(--border-color);
  box-shadow: none;
}

.subOrder__single__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
}

.subOrder__single__item.no__between {
  justify-content: flex-start;
}

.subOrder__single__item:not(:last-child) {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-two);
}

.subOrder__single__item__right {
  font-size: 14px;
  line-height: 20px;
}

.subOrder__single__item__left h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: var(--heading-color);
}

.subOrder__single__item__right h6 {
  font-size: 14px;
  line-height: 20px;
}

.subOrder__single__flex {
  display: flex;
  align-items: center;
  gap: 20px;
}

.subOrder__single__thumb {
  flex-shrink: 0;
  max-width: 150px;
}

.subOrder__single__contents {
  flex: 1;
}

.subOrder__single__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
}

.subOrder__single__para {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
}

.table__input .table__input__select,
.table__input .form-control {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  height: 48px;
  border: 1px solid var(--border-two);
  border-radius: 5px;
  padding-inline: 15px;
}

.table__input .form-checkbox {
  height: 18px;
  width: 18px;
  border-radius: 2px;
  font-size: 14px;
}

.dashboard__card__productWrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px 10px;
}

.dashboard__card__product {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1;
}

.dashboard__card__product__thumb {
  max-width: 350px;
  flex-shrink: 0;
}

.dashboard__card__product__thumb img {
  border-radius: 10px;
}

.dashboard__card__product__title {
  font-family: var(--heading-font);
  margin-bottom: 9px;
  line-height: 1.5;
  color: var(--heading-color);
  font-weight: 500;
  font-size: 20px;
  display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1399.99px) {
  .dashboard__card__product__title {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dashboard__card__product__title {
    font-size: 21px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dashboard__card__product__title {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .dashboard__card__product__title {
    font-size: 18px;
  }
}

.dashboard__card__product__price__title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--heading-color);
  display: flex;
  align-items: center;
  gap: 5px;
}

.dashboard__card__product__price__title del {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--body-color);
}

.dashboard__card__product__cate {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;

}

.dashboard__card__product__cate__title {
  font-weight: 500;
  color: var(--heading-color);
  font-size: 18px;
  line-height: 24px;
}

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

.dashboard__card__product__cate__tag {
  font-family: var(--heading-font);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid transparent;
  background: rgba(var(--customer-profile-rgb), 0.1);
  color: var(--customer-profile);
  text-transform: capitalize;
  padding: 1px 8px;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  border-radius: 6px;

}

.dashboard__card__product__cate__tag:hover {
  background: var(--customer-profile);
  color: var(--white);
}

.dashboard__card__product__month {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--paragraph-color);
}

.nice-select.form-control {
  line-height: 48px;
}

.dd-list li:not(.dd-item) {
  display: none;
}

.dd-list li:not(.dd-item)::before {
  display: none;
}

.dd-list .dd-list {
  margin-top: 20px;
}

/* // for frontend  */

.faq-accordion .card:not(:last-child) {
  margin-bottom: 20px;
}

.faq-accordion .card {
  border: 1px solid var(--border-color);
}

.faq-accordion .card-header {
  padding: 12px;
}

.faq-accordion .card-header {
  padding: 0;
}

.faq-form-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: var(--heading-color);
}

.faq-accordion .accordion-btn {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--heading-color);
  border: 0;
}

.faq-accordion .accordion-btn:not(.collapsed) {
  background-color: var(--main-color-one);
  color: var(--white);
}

.faq-accordion .accordion-btn:not(.collapsed) .faq__icons i {
  color: var(--white);
}

.faq-accordion .accordion-btn.collapsed .faq__icons .close {
  display: none;
}

.faq-accordion .accordion-btn:not(.collapsed) .faq__icons .close {
  display: block;
}

.faq-accordion .accordion-btn:not(.collapsed) .faq__icons .open {
  display: none;
}


.faq-accordion .accordion-btn {}

.address-wrapper {
  padding: 20px;
  background-color: var(--gray-two);
  border-radius: 10px;
}

.address-wrapper .address-list {
  margin-top: 24px;
}

.single-address-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.single-address-item:hover .icon-box {
  background-color: var(--main-color-one);
  color: var(--white);
}

.single-address-item:hover .title {
  color: var(--main-color-one);
}

.single-address-item:not(:last-child) {
  margin-bottom: 20px;
}

.single-address-item .icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background-color: var(--white);
  color: var(--main-color-one);
  border: 1px solid var(--main-color-one);
  border-radius: 50%;
  font-size: 20px;
  flex-shrink: 0;
  transition: all .3s;
}

.single-address-item .content {
  flex: 1;
}

.single-address-item .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: var(--heading-color);
}

.single-address-item .info {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
  margin-top: 5px;
}

.get-in-touch-wrapper .custom-form-builder-form,
.custom__form .custom-form-builder-form {
  margin-top: 24px;
}

.address-wrapper .title-section .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: var(--heading-color);
}

.get-in-touch-wrapper .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: var(--heading-color);
}

.single-blog-list-item-style-1 {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-right: 24px;
}

.single-blog-list-item-style-1:not(:last-child) {
  margin-bottom: 24px;
}

.single-blog-list-item-style-1.single-blog-grid-item-style-1 {
  display: unset;
}

@media screen and (max-width: 767.98px) {
  .single-blog-list-item-style-1 {
    display: grid;
  }


}

.single-blog-list-item-style-1 .img-box {
  flex-shrink: 0;
  max-width: 400px;
}

.single-blog-grid-item-style-1 .img-box,
.single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box {
  max-width: 100%;
  height: 250px;
  background: var(--gray-two);
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-blog-grid-item-style-1 .img-box img,
.single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@media screen and (max-width: 1199.98px) {
  .single-blog-list-item-style-1 .img-box {
    max-width: 350px;
  }
}

@media screen and (max-width: 991.98px) {
  .single-blog-list-item-style-1 .img-box {
    max-width: 300px;
  }
}

@media screen and (max-width: 767.98px) {
  .single-blog-list-item-style-1 .img-box {
    max-width: 100%;
  }

  .single-blog-grid-item-style-1 .img-box,
  .single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box {
    height: auto;
  }
}

@media screen and (max-width: 575px) {

  .single-blog-grid-item-style-1 .img-box,
  .single-blog-list-item-style-1.single-blog-grid-item-style-1 .img-box {
    height: auto;
  }
}

.post-meta-list {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.post-meta-item a {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--heading-color);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all .3s;
}

.post-meta-item a:hover {
  color: var(--main-color-one);
}

.blog-contents-inner-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: var(--heading-color);
}

.blog-contents-inner p span,
.blog-contents-inner p,
.blog-contents-inner-info,
.blog-contents-inner-info p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;

}

.blog-contents-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--heading-color);
  text-decoration: none;
  transition: all .3s;
}

.blog-contents-btn:hover {
  color: var(--main-color-one);
  letter-spacing: 1px;
}

.blog-details-area-inner .main-img img {
  width: 100%;
  object-fit: contain;
}

.blog-details-tag-and-social-link .social-link-wrap,
.blog-details-tag-and-social-link .tag {
  display: flex;
  align-items: baseline;
  gap: 10px;

}

.blog-details-tag-and-social-link .social-link-wrap .name,
.blog-details-tag-and-social-link .tag .name {
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: var(--heading-color);

}

.blog-details-tag-and-social-link .social-link-list {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;

}

.blog-details-tag-and-social-link .tag-btn {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  transition: all .3s;
  padding: 5px 15px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
}

.blog-details-tag-and-social-link .tag-btn:hover {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

.blog-details-tag-and-social-link .social-link-list a {
  font-size: 16px;
  color: var(--paragraph-color);
  transition: all .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
}

.blog-details-tag-and-social-link .social-link-list a:hover {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
  border-radius: 50%;
}

.blog-details-area-inner .content .main-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: var(--heading-color);
}

.blog-details-area-inner .content .post-meta {
  margin-top: 15px;
}

.blog-details-area-inner .content {
  margin-top: 24px;
}

.blog-details-area-inner .content p {
  margin-top: 30px;
}

.single-recent-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.single-recent-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.single-recent-item .img-box {
  flex-shrink: 0;
  max-width: 90px;
}

.single-recent-item .img-box img {
  object-fit: contain;
}

.widget-area-wrapper {
  position: sticky;
  top: 0;
  z-index: 5;
}

.blog-widget .search-from {
  position: relative;
}

.blog-widget .search-from .form-group {
  padding: 0 !important;
}

.blog-widget .search-from .form-group .form-control {
  height: 48px;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding-right: 65px;
  padding-left: 15px;
}

.blog-widget .widget-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color-one);
  color: var(--white);
  border: 1px solid var(--main-color-one);
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  height: 48px;
  padding-inline: 15px;
  border-radius: 0 5px 5px 0;
}

.single-recent-item .content .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--heading-color);
  transition: all .3s;
}

.single-recent-item .content .title:hover {
  color: var(--main-color-one);
}

.blog-widget .single-category-item:not(:last-child) {
  margin-bottom: 10px;
}

.blog-widget .radio-btn-wrapper {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  transition: all .3s;
}

.blog-widget .radio-btn-wrapper:hover {
  color: var(--main-color-one);
  font-weight: 500;
}

.single-recent-item .content .product-meta {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
}

.widget-area-wrapper .blog-widget:not(:last-child) {
  margin-bottom: 30px;
}

.widget-area-wrapper .blog-widget .widget-title {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: var(--heading-color);
  transition: all .3s;
}

.widget-area-wrapper .blog-widget .widget-title:hover {
  color: var(--main-color-one);
}

.blog-widget .tag-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.blog-widget .tag-wrap .tag-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  border: 1px solid var(--border-color);
  padding: 5px 15px;
  border-radius: 5px;
  transition: all .3s;
}

.blog-widget .tag-wrap .tag-btn:hover {
  background-color: var(--main-color-one);
  border-color: var(--main-color-one);
  color: var(--white);
}

.pagination-wrapper {}

.pagination-default .pagination .pagination-list,
.pagination-default .pagination,
.pagination-wrapper .pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin-top: 30px;
}

.pagination-default .pagination .pagination-list li a,
.pagination-default .page-item .page-link,
.pagination-wrapper .page-item .page-link {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: var(--paragraph-color);
  border: 1px solid var(--border-color);
  padding: 10px 15px;
  background-color: unset;
}

.pagination-default .pagination .pagination-list li a.current,
.pagination-default .page-item.active .page-link,
.pagination-wrapper .page-item.active .page-link {
  color: var(--white);
  background-color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.pagination-default .pagination .pagination-list li a:hover,
.pagination-default .page-item .page-link:hover,
.pagination-wrapper .page-item .page-link:hover {
  color: var(--white);
  background-color: var(--main-color-one);
  border-color: var(--main-color-one);
}

.pagination-default .pagination .pagination-list li a:focus,
.pagination-default .page-item .page-link:focus,
.pagination-wrapper .page-item .page-link:focus {
  box-shadow: none;
}

.toolbox-wrapper {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.toolbox-right,
.toolbox-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  flex-wrap: wrap;
}

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

.shop-nice-select select,
.toolbox-sort select {
  width: 100%;
  height: 40px;
  border: 1px solid var(--border-color);
  padding-inline: 10px;
  border-radius: 5px;
  color: var(--paragraph-color);
}
shop-nice-select select,
.toolbox-sort .search_location{
  width: 100%;
}
/*----------------------------
    About
-----------------------------*/

.about-area-wrapper .sec {
  margin-bottom: 100px;
}

.about-area-wrapper .sec:last-child {
  margin-bottom: 0;
}


.about-area-wrapper .sec.custom-reverse .content-box {
  margin-right: 40px;
}

.about-area-wrapper .sec.custom-reverse.flex-row-reverse .content-box {
  margin-left: 40px;
}


.about-area-wrapper .content-box .title {
  font-family: var(--heading-font);
  font-size: 36px;
  font-weight: 700;
  color: var(--heading-color);
  line-height: 1.2;
}

@media screen and (max-width: 991.98px) {
  .about-area-wrapper .content-box .title {
    font-size: 36px;
    line-height: 52px;
  }
}

@media screen and (max-width: 480px) {
  .about-area-wrapper .content-box .title {
    font-size: 32px;
    line-height: 36px;
  }
}

@media screen and (max-width: 375px) {
  .about-area-wrapper .content-box .title {
    font-size: 28px;
    line-height: 36px;
  }
}


.about-area-wrapper .content-box .info {
  font-weight: 400;
}

.about-area-wrapper .content-box .info.mt {
  margin-top: 15px;
}

.about-area-wrapper .content-box .btn-wrapper {
  margin-top: 36px;
}

.about-area-wrapper .content-box .btn-wrapper a {
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 600;
}

.about-area-wrapper .advantage-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}

@media screen and (max-width: 991.98px) {
  .about-area-wrapper .sec.custom-reverse .content-box {
    margin-inline: 0px;
  }

  .about-area-wrapper .sec.custom-reverse.flex-row-reverse .content-box {
    margin-left: 0;
  }
}

.about-area-wrapper .advantage-box .support-item-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 50%;
}

.about-area-wrapper .advantage-box .support-item-wrap {
  width: 100%;
  display: flex;
}

@media screen and (max-width: 575px) {
  .about-area-wrapper .advantage-box .support-item-wrap {
    width: auto;
    flex-direction: column;
  }
}

.support-area-wrapper .support-item-wrap .single-support-item .icon-box {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-right: 20px;
}

.support-area-wrapper .support-item-wrap .single-support-item .content {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.support-area-wrapper .support-item-wrap .single-support-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item {
  margin-bottom: 40px;
  width: 48%;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item {
  margin-bottom: 40px;
  width: 48%;
}

@media screen and (max-width: 575px) {
  .about-area-wrapper .advantage-box .support-item-wrap .single-support-item {
    width: auto;
  }
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item .icon-box .icon {
  color: var(--main-color-one);
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item::after {
  display: none;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item .content .title {
  margin-bottom: 0;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item:first-child {
  margin-bottom: 40px;
}

.about-area-wrapper .img-box img {
  border-radius: 10px;
}

.support-area-wrapper .support-item-wrap .single-support-item .content .title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  text-transform: capitalize;
}

@media screen and (max-width: 1399.98px) and (min-width:992px) {
  .support-area-wrapper .support-item-wrap .single-support-item .content .title {
    font-size: 16px;
    line-height: 25px;
  }

  .support-area-wrapper .support-item-wrap .single-support-item .icon-box .icon {
    font-size: 38px;
  }
}

@media screen and (max-width: 767.98px) {
  .support-area-wrapper .support-item-wrap .single-support-item .content .title {
    font-size: 16px;
    line-height: 25px;
  }

  .support-area-wrapper .support-item-wrap .single-support-item .icon-box .icon {
    font-size: 38px;
  }
}

.support-area-wrapper .support-item-wrap .single-support-item .content .info {
  font-size: 12px;
  line-height: 10px;
  font-weight: 400;
  color: #999999;
  padding-top: 10px;
}

.support-area-wrapper .support-item-wrap .single-support-item .icon-box .icon {
  color: var(--main-color-one);
  font-size: 50px;
  display: inline-block;
  line-height: 0;
}

.about-area-wrapper .advantage-box .support-item-wrap .single-support-item .icon-box .icon {
  color: var(--main-color-one);
}


/*-------------------------
    Testimonial Area
--------------------------*/
.testimonial-area-wrapper .single-testimonial-item {
  min-height: 344px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  margin: 0 15px;
  -webkit-box-shadow: 0px 0px 16px -7px #00000045;
  box-shadow: 0px 0px 16px -7px #00000045;
  border-radius: 5px;
  overflow: hidden;
}

.testimonial-area-wrapper .single-testimonial-item .top-box {
  min-height: 180px;
  background-color: #F2F3F5;
  padding: 19px 28px 49px;
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

.testimonial-area-wrapper .single-testimonial-item .top-box .info {
  color: #999999;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box {
  height: 45%;
  position: relative;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .img-box {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -35px;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .img-box img {
  border: 3px solid #fff;
  border-radius: 50%;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .name {
  font-family: var(--heading-font);
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  padding-top: 50px;
  color: #999999;
  text-transform: capitalize;
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

.testimonial-area-wrapper .slick-list {
  margin: 0 -15px;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .post {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  font-style: italic;
  color: #999999;
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

.testimonial-area-wrapper .single-testimonial-item .bottom-box .icon-wrap .icon {
  color: #999999;
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

.testimonial-area-wrapper .slick-slide.slick-current .top-box .info {
  color: var(--white);
}

.testimonial-area-wrapper .slick-slide.slick-current .bottom-box .name,
.testimonial-area-wrapper .slick-slide.slick-current .bottom-box .post {
  color: var(--heading-color);
}

.testimonial-area-wrapper .slick-slide.slick-current .bottom-box .icon-wrap .icon {
  color: var(--secondary-color);
}

.testimonial-area-wrapper .slick-track {
  padding: 5px 0;
}

.testimonial-area-wrapper .slick-slide.slick-current .top-box {
  background-color: var(--main-color-one);
}

/*---------------------------------------
    ## Button
---------------------------------------*/
.btn-wrapper {
  display: block;
}

.btn-wrapper .btn-default {
  font-size: 16px;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid var(--main-color-one);
  background-color: var(--main-color-one);
  color: var(--white);
  text-transform: capitalize;
  padding: 9px 30px 11px;
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  line-height: 20px;
}

.btn-wrapper .btn-default:hover {
  background-color: transparent;
  color: var(--main-color-one);
}

.btn-wrapper .btn-default.transparent-btn-1 {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-1:hover {
  background-color: var(--main-color-one);
  border-color: var(--main-color-one);
  color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-1-reverse {
  background-color: var(--main-color-one);
  border-color: var(--main-color-one);
  color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-1-reverse:hover {
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}

.btn-wrapper .btn-default.transparent-btn-2 {
  background-color: transparent;
  border-color: #DDDDDD;
  color: #999999;
}

.btn-wrapper .btn-default.transparent-btn-2 .icon {
  display: inline-block;
  padding-left: 8px;
}

.btn-wrapper .btn-default.transparent-btn-2:hover {
  background-color: var(--main-color-one);
  border-color: var(--main-color-one);
  color: var(--white);
}

.btn-wrapper .btn-default.rounded-btn {
  border-radius: 25px;
}

.btn-wrapper .btn-default.semi-bold {
  font-weight: 600;
}

.btn-wrapper .shop-now-btn-style-01 {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: var(--secondary-color);
  text-transform: capitalize;
  display: inline-block;
  padding: 7px 16px 9px;
  background-color: var(--white);
  -webkit-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
}

.btn-wrapper .shop-now-btn-style-01:hover {
  background-color: var(--secondary-color);
  color: var(--white);
}

.blog-details-tag-and-social-link {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.relatedProducts-slider .slick-track {
  margin-left: 0;
}

.short-description p {
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

/* ==================================================================
  New Home page
====================================================================*/

@media screen and (min-width: 1550px) {
  .container_1608 {
    max-width: 1400px;
  }
}

@media screen and (min-width: 1700px) {
  .container_1608 {
    max-width: 1632px;
  }
}

/*--------------------------------------------------------------
# Keyframes Animation
--------------------------------------------------------------*/
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }

  50% {
    -webkit-transform: translatey(-50px);
    transform: translatey(-50px);
  }

  100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
}

@keyframes floating {
  0% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }

  50% {
    -webkit-transform: translatey(-50px);
    transform: translatey(-50px);
  }

  100% {
    -webkit-transform: translatey(0px);
    transform: translatey(0px);
  }
}

@-webkit-keyframes round-moving {
  from {
    -webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
    transform: rotate(0deg) translateX(120px) rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
    transform: rotate(360deg) translateX(120px) rotate(-360deg);
  }
}

@keyframes round-moving {
  from {
    -webkit-transform: rotate(0deg) translateX(120px) rotate(0deg);
    transform: rotate(0deg) translateX(120px) rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(120px) rotate(-360deg);
    transform: rotate(360deg) translateX(120px) rotate(-360deg);
  }
}

@-webkit-keyframes round-moving2 {
  from {
    -webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
    transform: rotate(0deg) translateX(60px) rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
    transform: rotate(360deg) translateX(60px) rotate(-360deg);
  }
}

@keyframes round-moving2 {
  from {
    -webkit-transform: rotate(0deg) translateX(60px) rotate(0deg);
    transform: rotate(0deg) translateX(60px) rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg) translateX(60px) rotate(-360deg);
    transform: rotate(360deg) translateX(60px) rotate(-360deg);
  }
}

@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes pulsing {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

/*----------------------------------------------
  # Nav bar
----------------------------------------------*/
.mobile-logo {
  display: none;
}

@media only screen and (max-width: 991px) {
  .mobile-logo {
    display: block;
  }

  .desktop-logo {
    display: none !important;
  }
}

.navbar-area {
  position: relative;
  z-index: 95;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area {
    padding: 0;
  }
}

.navbar-area.nav-absolute {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0px;
  z-index: 99;
}

.navbar-area.nav-two .nav-container .navbar-collapse .navbar-nav {
  text-align: center;
}

.navbar-area.white-nav .nav-container .navbar-collapse .navbar-nav li {
  color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li {
  color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .track-icon-list .single-icon .icon {
  color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .track-icon-list .single-icon.hover-color-two:hover .icon:hover {
  color: var(--main-color-two);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .login-account .accounts {
  color: var(--white);
}

.navbar-area.white-nav .nav-container .nav-right-content ul li .login-account .accounts.hover-color-two:hover {
  color: var(--main-color-two);
}

.navbar-area .nav-container {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 10px 15px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container {
    padding: 20px 0;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container {
    padding: 15px 0;
  }
}

.navbar-area .nav-container .logo-wrapper .logo img {
  max-width: 200px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 160px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 150px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav {
  display: block;
  width: 100%;
  text-align: left;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.nav-margin-top {
  margin-top: 15px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav.desktop-center {
  text-align: center;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li {
  display: inline-block;
  font-size: 16px;
  font-family: var(--body-font);
  text-transform: capitalize;
  color: var(--heading-color);
  font-weight: 400;
  line-height: 32px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
  margin-left: 0px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    font-size: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    font-size: 14px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item {
  background: none;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children {
  padding-right: 0;
  position: relative;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
  padding: 10px 20px;
  position: relative;
  z-index: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a {
    padding: 10px 10px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children>a::after {
  content: "\f107";
  font-family: "Line Awesome Free";
  font-weight: 900;
  /* IE 9 */
  -webkit-transform: translateY(-50%);
  /* Chrome, Safari, Opera */
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  top: 1px;
  left: 4px;
  position: relative;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  position: absolute;
  text-align: left;
  min-width: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
  left: 0;
  top: 100%;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  background-color: var(--white);
  z-index: 992;
  border-bottom: 5px solid var(--main-color-one);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 50px;
  -webkit-column-rule-style: solid;
  -moz-column-rule-style: solid;
  column-rule-style: solid;
  -webkit-column-rule-color: rgba(221, 221, 221, 0.3);
  -moz-column-rule-color: rgba(221, 221, 221, 0.3);
  column-rule-color: rgba(221, 221, 221, 0.3);
  -webkit-column-rule-width: 2px;
  -moz-column-rule-width: 2px;
  column-rule-width: 2px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two {
    -webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
  margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu.column-count-two li {
    margin-bottom: 0;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
  display: block;
  margin-left: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: -1px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    margin-bottom: 0;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:last-child {
  margin-bottom: -1px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
  border-top: 1px solid #e2e2e2;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
  display: block;
  padding: 10px 30px;
  background-color: var(--white);
  white-space: nowrap;
  color: var(--heading-color);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-one);
  color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children {
  position: relative;
  z-index: 0;
  padding-right: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu {
  left: 100%;
  top: 0px;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a {
  padding: 10px 28px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 7px 15px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 5px 10px;
  }
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-one);
  background: none;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .nav-right-content {
    display: none;
  }
}

.navbar-area .nav-container .nav-right-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-area .nav-container .nav-right-content ul li {
  display: inline-block;
  margin: 0 15px;
}

.navbar-area .nav-container .nav-right-content ul li:last-child {
  margin-right: 0;
  margin-left: 0;
}

.navbar-area .nav-container .nav-right-content ul li a {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.navbar-area .nav-container .nav-right-content ul li .info-bar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .navbar-area .nav-container .nav-right-content ul li .info-bar-item {
    gap: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-area .nav-container .nav-right-content ul li .info-bar-item {
    gap: 30px;
  }
}

.index-02 {
  padding: 0px 0;
}

.index-02 .navbar-inner-all {
  background: var(--main-color-two);
  position: relative;
  z-index: 1;
  padding: 17px 0 18px;
  border-radius: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .index-02 .navbar-inner-all {
    padding: 18px 0 18px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .index-02 .navbar-inner-all {
    padding: 10px 15px;
    background: unset;
  }
}

@media only screen and (max-width: 480px) {
  .index-02 .navbar-inner-all {
    padding: 5px 10px;
  }
}

.index-02 .navbar-inner-all::before {
  content: "";
  position: absolute;
  left: -10%;
  top: 0;
  height: 100%;
  width: 100%;
  background: var(--main-color-two);
  z-index: -1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .index-02 .navbar-inner-all::before {
    display: none;
  }
}

.navbar-inner-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-inner-all {
    display: block;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .show-nav-right-contents {
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px;
    color: var(--heading-color);
  }

  .show-nav-right-contents:hover {
    color: var(--heading-color);
  }

  .show-nav-right-contents.white-color {
    color: var(--white);
  }

  .show-nav-right-contents.white-color:hover {
    color: var(--white);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-right-content {
    visibility: hidden;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: -20px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-right-content.show {
    visibility: visible;
    opacity: 1;
    margin-top: 10px;
  }
}

.single-right-content .btn-track {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.single-right-content .btn-track:hover {
  color: var(--main-color-one);
}

.single-right-content .btn-track .track-icon {
  color: var(--main-color-one);
}

.single-right-content .user-icon-price {
  background: rgba(var(--main-color-three-rgb), 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single-right-content .user-icon-price .user-icon {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--main-color-three);
  color: var(--white);
  height: 46px;
  width: 46px;
}

.single-right-content .user-icon-price .user-price {
  font-size: 20px;
  line-height: 30px;
  padding: 0 10px;
  color: var(--main-color-three);
}

@media only screen and (max-width: 991px) {
  .navbar-area.index-02 .nav-container .navbar-collapse.show .navbar-nav {
    background: transparent;
  }

  .navbar-area.index-03 .nav-container .navbar-right-content {
    margin-top: -50px;
  }

  .navbar-area.index-03 .nav-container .navbar-right-content.show {
    margin-top: 10px;
  }

  .navbar-area.white-nav .navbar-toggler {
    border: 1px solid rgba(255, 255, 255, 0.8);
  }
  .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler {
    border-color: var(--heading-color);
    }
  .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler-icon {
    background: var(--heading-color);
  }
  .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler-icon:after,
  .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler-icon:before {
    background: var(--heading-color);
  }
  .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler.active .navbar-toggler-icon:after,
  .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler.active .navbar-toggler-icon:before {
    background: var(--heading-color);
  }
  .navbar-area.index-02.white-nav .navbar-inner-all .navbar-toggler.active .navbar-toggler-icon {
    background: transparent;
  }
  .navbar-area.index-02.white-nav .navbar-inner-all .navbar-collapse.show .navbar-nav {
    background-color: var(--main-color-two);
  }

  .navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::before,
  .navbar-area.white-nav .navbar-toggler.active .navbar-toggler-icon::after {
    background: rgba(255, 255, 255, 0.8);
  }

  .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon {
    background: rgba(255, 255, 255, 0.8);
  }

  .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::before,
  .navbar-area.white-nav .navbar-toggler .navbar-toggler-icon::after {
    background: rgba(255, 255, 255, 0.8);
  }

  .navbar-area .navbar-toggler {
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* IE 9 */
    -webkit-transform: translateY(-50%);
    /* Chrome, Safari, Opera */
    transform: translateY(-50%);
    border: 1px solid rgba(0, 0, 0, 0.5);
    outline: none;
  }

  .navbar-area .navbar-toggler.active .navbar-toggler-icon {
    background: none;
  }

  .navbar-area .navbar-toggler.active .navbar-toggler-icon::before,
  .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .navbar-area .navbar-toggler.active .navbar-toggler-icon::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .navbar-area .navbar-toggler .navbar-toggler-icon {
    background: rgba(0, 0, 0, 0.5);
    display: inline-block;
    width: 25px;
    height: 2px;
    margin: 10px -4px 10px;
    position: relative;
  }

  .navbar-area .navbar-toggler .navbar-toggler-icon::before,
  .navbar-area .navbar-toggler .navbar-toggler-icon::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 25px;
    background: rgba(0, 0, 0, 0.5);
    top: -7px;
    left: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }

  .navbar-area .navbar-toggler .navbar-toggler-icon::after {
    top: auto;
    bottom: -7px;
  }

  .navbar-area .nav-container {
    position: relative;
    z-index: 0;
    min-height: 50px;
    padding: 5px 0px 5px;
  }

  .navbar-area .nav-container .responsive-mobile-menu {
    display: block;
    position: relative;
    width: 100%;
  }

  .navbar-area .nav-container .navbar-brand {
    display: block;
  }

  .navbar-area .nav-container .navbar-brand .navbar-toggler {
    position: absolute;
    right: 10px;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .navbar-area .nav-container .navbar-collapse.show .navbar-nav {
    background: #DDD;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav {
    display: block;
    margin-top: 30px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li {
    display: block;
    text-align: left;
    line-height: 30px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
    padding: 17px 20px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li:last-child {
    border-bottom: none;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li+li {
    margin-left: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before {
    top: 25px;
    right: 20px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover {
    padding-bottom: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu {
    visibility: visible;
    height: auto;
    opacity: 1;
    background-color: transparent;
    border-bottom: none;
    padding-top: 10px;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
    position: initial;
    display: block;
    width: 100%;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
    padding-bottom: 0;
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    max-height: 250px;
    overflow-y: scroll;
    /* @include transition(height 500ms); */
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before {
    content: "\f107";
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li {
    padding: 0;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before {
    color: var(--white);
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li {
    border-top: none;
  }

  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}

@media only screen and (max-width: 575px) {
  .navbar-area .nav-container {
    padding: 0 15px;
  }

  .navbar-area .nav-container .logo-wrapper .logo img {
    max-width: 140px;
  }
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li a:hover {
  color: var(--heading-color);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-color: var(--main-color-two);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-two);
}

.navbar-area.nav-color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: var(--white);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-three);
}

.navbar-area.nav-color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: var(--white);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-four);
}

.navbar-area.nav-color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: var(--white);
}

.navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:hover>.megamenu-area {
  visibility: visible;
  opacity: 1;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:hover>.megamenu-area {
    height: auto;
    padding: 20px 0;
  }
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
  color: var(--main-color-two);
}

.nav-color-two .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
  background: var(--main-color-two) !important;
}

.nav-color-two .single-right-content .btn-track:hover {
  color: var(--main-color-two);
}

.nav-color-two .single-right-content .btn-track .track-icon {
  color: var(--main-color-two);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
  color: var(--main-color-three);
}

.nav-color-three .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
  background: var(--main-color-three) !important;
}

.nav-color-three .single-right-content .btn-track:hover {
  color: var(--main-color-three);
}

.nav-color-three .single-right-content .btn-track .track-icon {
  color: var(--main-color-three);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .single-category-megamenu:hover .category-contents .titles {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
  color: var(--main-color-four);
}

.nav-color-four .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
  background: var(--main-color-four) !important;
}

.nav-color-four .single-right-content .btn-track:hover {
  color: var(--main-color-four);
}

.nav-color-four .single-right-content .btn-track .track-icon {
  color: var(--main-color-four);
}

.white-nav .megamenu-area .megamenu-single .new-collection .product-collection-btn {
  background: var(--heading-color);
  color: var(--white);
}

.white-nav .megamenu-area .megamenu-single .new-collection .product-collection-btn:hover {
  background: var(--main-color-two) !important;
}

.megamenu-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  padding: 30px;
  -webkit-box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
  box-shadow: 0 0 10px rgba(221, 221, 221, 0.3);
  position: absolute;
  top: 100%;
  left: 10%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 9;
  max-width: 1600px;
  width: 1560px;
  max-height: 570px;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1550px) and (max-width: 1699.98px) {
  .megamenu-area {
    max-width: 1000px;
    gap: 40px;
    min-width: 100%;
    left: 50%;
  }
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
  .megamenu-area {
    max-width: 830px;
    min-width: 100%;
    gap: 40px;
    max-height: 350px;
    overflow-y: auto;
    left: 50%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .megamenu-area {
    min-width: 100%;
    max-width: 800px;
    gap: 30px;
    left: auto;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    right: 0;
    max-height: 350px;
    overflow-y: auto;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .megamenu-area {
    min-width: 100%;
    max-width: 600px;
    gap: 30px;
    left: auto;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    right: 0;
    max-height: 350px;
    overflow-y: auto;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .megamenu-area {
    max-width: 100%;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    min-width: 100%;
    position: initial;
    border-top: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
    padding: 0;
    height: 0;
    overflow: hidden;
    max-height: 250px;
    overflow-y: scroll;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
  }
}

.megamenu-area.color-two .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-two);
}

.megamenu-area.color-two .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-two);
}

.megamenu-area.color-three .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-three);
}

.megamenu-area.color-three .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-three);
}

.megamenu-area.color-four .megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-four);
}

.megamenu-area.color-four .megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-four);
}

.megamenu-single:not(:last-child) {
  margin-right: 45px;
}

.megamenu-single .megamenu-heading-title {
  font-size: 24px;
  font-weight: 500;
  padding: 0px 0 20px 0;
}

.megamenu-single .megamenu-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 5px !important;
}

.megamenu-single .megamenu-items .megamenu-thumbs {
  margin-right: 20px;
  border: 1px solid #DDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
  width: 70px;
  font-size: 30px;
}

.megamenu-single .megamenu-items .megamenu-thumbs i {
  color: var(--main-color-one);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-two i {
  color: var(--main-color-two);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-three i {
  color: var(--main-color-three);
}

.megamenu-single .megamenu-items .megamenu-thumbs.color-four i {
  color: var(--main-color-four);
}

.megamenu-single .megamenu-items .megamenu-contents {
  text-align: left;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.megamenu-single .megamenu-items .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-one);
}

.megamenu-single .megamenu-items .megamenu-contents .price-updates .price-title {
  color: var(--main-color-one);
  font-size: 20px;
  font-weight: 500;
}

.megamenu-single .megamenu-items .megamenu-contents .price-updates .old-price {
  color: var(--body-color);
  text-decoration: line-through;
}

.megamenu-single .megamenu-items-big {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 0 !important;
}

@media only screen and (max-width: 480px) {
  .megamenu-single .megamenu-items-big {
    display: block;
  }
}

.megamenu-single .megamenu-items-big .megamenu-thumbs {
  height: 200px;
  width: 250px;
  margin-right: 20px;
}

@media only screen and (max-width: 375px) {
  .megamenu-single .megamenu-items-big .megamenu-thumbs {
    margin-right: 0;
  }
}

.megamenu-single .megamenu-items-big .megamenu-thumbs img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.megamenu-single .megamenu-items-big .megamenu-contents {
  text-align: left;
}

@media only screen and (max-width: 480px) {
  .megamenu-single .megamenu-items-big .megamenu-contents {
    margin-top: 15px;
  }
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.megamenu-single .megamenu-items-big .megamenu-contents .megamenu-title:hover {
  color: var(--main-color-one);
}

.megamenu-single .megamenu-items-big .megamenu-contents .price-updates .price-title {
  color: var(--main-color-one);
  font-size: 20px;
  font-weight: 500;
}

.megamenu-single .megamenu-items-big .megamenu-contents .price-updates .old-price {
  color: var(--body-color);
  text-decoration: line-through;
}

.megamenu-single .new-collection {
  padding: 0px 0 !important;
  display: inline-block;
  height: 400px;
  width: 350px;
  position: relative;
  z-index: 2;
}

.megamenu-single .new-collection:hover .product-collection-btn {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 375px) {
  .megamenu-single .new-collection {
    height: 100%;
    width: 280px;
  }
}

.megamenu-single .new-collection img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.megamenu-single .new-collection .product-collection-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  padding: 10px 20px;
  background: #fff;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}

.megamenu-single .new-collection .product-collection-btn:hover {
  background: var(--main-color-one) !important;
  color: #fff !important;
}

.megamenu-single .single-category-megamenu {
  padding: 30px 50px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.megamenu-single .single-category-megamenu:hover .category-contents {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .megamenu-single .single-category-megamenu {
    padding: 30px;
  }
}

@media only screen and (max-width: 375px) {
  .megamenu-single .single-category-megamenu {
    padding: 20px;
  }
}

.megamenu-single .single-category-megamenu .category-thumb {
  height: 200px;
  width: 200px;
  display: inline-block;
}

.megamenu-single .single-category-megamenu .category-thumb img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.megamenu-single .single-category-megamenu .category-contents {
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  padding: 30px 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.megamenu-single .single-category-megamenu .category-contents .titles:hover {
  color: var(--main-color-one);
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .megamenu-single .single-category-megamenu .category-contents .titles {
    font-size: 28px;
  }
}

@media only screen and (max-width: 375px) {
  .megamenu-single .single-category-megamenu .category-contents .titles {
    font-size: 24px;
  }
}

.megamenu-single .single-category-megamenu .category-contents .collection-btn {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  padding: 0 !important;
  text-decoration: underline;
  color: var(--paragraph-color);
}

@media only screen and (max-width: 767.98px) {
  .megamenu-single .single-category-megamenu .category-contents .collection-btn {
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .megamenu-single .single-category-megamenu .category-contents .collection-btn {
    font-size: 14px;
  }
}

.megamenu-single .single-category-megamenu .category-contents .collection-btn:hover {
  color: var(--main-color-one);
}

/*--------------------------------------------------------------
04. Footer Style
--------------------------------------------------------------*/
.footer-top-border {
  border-bottom: 1px solid #ddd;
}

.footer-top-border.white-color {
  border-color: #DDD;
}

.footer_widget {
  position: relative;
  z-index: 1;
}

.footer_widget__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: capitalize;
  position: relative;
  font-family: var(--heading-font);
  color: var(--heading-color);
}

.footer_widget__para {
  font-size: 16px;
  line-height: 28px;
  color: var(--paragraph-color);
}

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

.footer_widget__link__list {
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer_widget__link__list:not(:last-child) {
  margin-bottom: 15px;
}

.footer_widget__link__list:hover a {
  color: var(--main-color-one);
}

.footer_widget__link__list a {
  font-size: 16px;
  font-weight: 400;
  color: var(--paragraph-color);
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  z-index: 1;
}

.footer_widget__link__list a:hover {
  color: var(--main-color-one);
  padding-left: 20px;
}

.footer_widget__link__list a:hover::before {
  visibility: visible;
  opacity: 1;
}

.footer_widget__link__list a::before {
  content: "\f101";
  font-family: "Line Awesome Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer_widget__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer_widget__social__list a {
  color: var(--white);
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #334755;
  border: 2px solid #66757F;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media only screen and (max-width: 575.98px) {
  .footer_widget__social__list a {
    font-size: 18px;
    height: 35px;
    width: 35px;
  }
}

@media only screen and (max-width: 375px) {
  .footer_widget__social__list a {
    height: 30px;
    width: 30px;
  }
}

.footer_widget__social__list a:hover {
  color: var(--white);
  background: var(--main-color-one);
  border-color: var(--main-color-one);
}

.footer_widget__social__list:not(:last-child) a {
  margin-right: 10px;
}

.footer_widget__form {
  margin-top: 30px;
}

.footer_widget__form__single {
  position: relative;
  max-width: 380px;
}

.footer_widget__form__single .form--control {
  width: 100%;
  height: 48px;
  line-height: 48px;
  border-radius: 5px;
  background: #334755;
  color: var(--paragraph-color);
  border: 1px solid #66757F;
  padding: 0 100px 0 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 30px;
}

.footer_widget__form__single .form--control::-webkit-input-placeholder {
  color: var(--body-color);
  font-size: 16px;
}

.footer_widget__form__single .form--control::-moz-placeholder {
  color: var(--body-color);
  font-size: 16px;
}

.footer_widget__form__single .form--control:-ms-input-placeholder {
  color: var(--body-color);
  font-size: 16px;
}

.footer_widget__form__single .form--control::-ms-input-placeholder {
  color: var(--body-color);
  font-size: 16px;
}

.footer_widget__form__single .form--control::placeholder {
  color: var(--body-color);
  font-size: 16px;
}

.footer_widget__form__single .form--control:focus {
  border: 1px solid rgba(var(--main-color-one-rgb), 0.7);
  -webkit-box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
}

.footer_widget__form__single button {
  outline: none;
  border: 0;
  position: absolute;
  top: 3px;
  right: 3px;
  height: calc(100% - 6px);
  padding: 0 20px;
  background: var(--white);
  font-size: 16px;
  color: var(--heading-color);
  cursor: pointer;
  border-radius: 30px;
}

.footer_widget__contact__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer_widget__contact__item:not(:first-child) {
  margin-top: 24px;
}

.footer_widget__contact__item:hover .footer_widget__contact__icon {
  background-color: var(--main-color-one);
  border-color: var(--main-color-one);
  color: var(--white);
}

.footer_widget__contact__item:hover .footer_widget__contact__title {
  color: var(--main-color-one);
}

.footer_widget__contact__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  border: 2px solid #66757F;
  font-size: 24px;
  background-color: #334755;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer_widget__contact__contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.footer_widget__contact__subtitle {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  margin-bottom: 5px;
}

.footer_widget__contact__title {
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.white-color .footer_widget__title {
  color: var(--white);
}

.white-color .footer_widget__para {
  color: var(--paragraph-white);
}

.white-color .footer_widget__link__list a {
  color: var(--paragraph-white);
}

.white-color .footer_widget__link__list a:hover {
  color: var(--main-color-one);
}

.white-color .footer_widget__contact__subtitle {
  color: var(--paragraph-white);
}

.white-color .footer_widget__contact__title {
  color: var(--white);
}

.white-color .footer-widget .footer-inner .footer-link-address li .address i {
  color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .info {
  color: var(--paragraph-white-2);
}

.white-color .footer-widget .footer-inner .footer-link-address li .address:hover i {
  color: var(--main-color-two);
}

.white-color.color-two .footer-widget .footer-inner .footer-link-address li .address:hover i {
  color: var(--main-color-two);
}

.white-color.color-three .footer-widget .footer-inner .footer-link-address li .address:hover i {
  color: var(--main-color-three);
}

.white-color.color-four .footer-widget .footer-inner .footer-link-address li .address:hover i {
  color: var(--main-color-four);
}

.white-color.color-five .footer-widget .footer-inner .footer-link-address li .address:hover i {
  color: var(--main-color-five);
}

/* Banner  */
.bg__blue {
  background-color: var(--blue-color);
}

.bg__yellow {
  background-color: var(--yellow-color);
}

.banner__slider {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.banner__slider__waveShape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.banner__slider .slick-dots {
  position: absolute;
  left: 50px;
  bottom: 50px;
}

.banner__slider .slick-dots li.slick-active {
  width: 30px;
  border-radius: 10px;
  background-color: var(--white);
}

.banner__height {
  height: 100%;
}

.banner__card {
  padding: 20px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner__card {
    height: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner__card {
    height: 100%;
  }
}

.banner__card.text-center .banner__card__contents {
  max-width: 100%;
}

.banner__card__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner__card__flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 480px) {
  .banner__card__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
}

.banner__card__subtitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: var(--heading-color);
  text-transform: uppercase;
}

@media (min-width: 1550px) and (max-width: 1699.98px) {
  .banner__card__subtitle {
    font-size: 18px;
  }
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
  .banner__card__subtitle {
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner__card__subtitle {
    font-size: 18px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner__card__subtitle {
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  .banner__card__subtitle {
    font-size: 16px;
  }
}

.banner__card__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--heading-color);
  text-transform: uppercase;
  font-family: var(--DmSans-font);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner__card__title {
    font-size: 36px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner__card__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 480px) {
  .banner__card__title {
    font-size: 28px;
  }
}

.banner__card__contents {
  max-width: 214px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.banner__card__thumb {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 465px;
  margin-inline: auto;
}

@media (min-width: 1550px) and (max-width: 1699.98px) {
  .banner__card__thumb {
    max-width: 235px;
    margin-inline: auto;
  }
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
  .banner__card__thumb {
    max-width: 190px;
    margin-inline: auto;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner__card__thumb {
    max-width: 200px;
    margin-inline: auto;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner__card__thumb {
    max-width: 200px;
    margin-inline: auto;
  }
}

.banner__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.banner__wrap__thumb {
  max-width: 510px;
  position: relative;
}

.banner__wrap__thumb__quality {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  background-color: var(--white);
  border-radius: 30px;
  padding: 5px 20px;
  color: var(--heading-color);
  position: absolute;
  bottom: 200px;
  left: -100px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner__wrap__thumb__quality {
    left: 0;
  }
}

.banner__wrap__thumb__quality span {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--heading-color);
}

.banner__contents {
  max-width: 500px;
  padding: 50px 0 50px 50px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner__contents {
    max-width: unset;
    padding: 50px 0 0px 20px;
  }
}

.banner__contents__subtitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: var(--heading-color);
  text-transform: uppercase;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner__contents__subtitle {
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  .banner__contents__subtitle {
    font-size: 16px;
  }
}

.banner__contents__title {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--heading-color);
  font-family: var(--DmSans-font);
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
  .banner__contents__title {
    font-size: 52px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner__contents__title {
    font-size: 52px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner__contents__title {
    font-size: 48px;
  }
}

@media only screen and (max-width: 767.98px) {
  .banner__contents__title {
    font-size: 42px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner__contents__title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 480px) {
  .banner__contents__title {
    font-size: 32px;
  }
}

.btn_bg_yellow {
  background-color: var(--yellow-color);
}

.btn_bg_black {
  background-color: var(--heading-color);
}

/* Topbar new */
.topBar__bg {
  background-color: #00192B;
}

.topBar {
  padding: 15px 0;
}

.topBar__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.topBar__contact__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.topBar__contact__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.topBar__contact__item__icon {
  font-size: 18px;
  color: #cecece;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.topBar__contact__item__icon:hover {
  color: var(--main-color-one);
}

.topBar__contact__item__para {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #cecece;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.topBar__contact__item__para:hover {
  color: var(--main-color-one);
}

.topBar__right__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.topBar__right__item__icon {
  font-size: 18px;
  color: #cecece;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.topBar__right__item__icon:hover {
  color: var(--main-color-one);
}

.topBar__right__item__para {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #cecece;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.topBar__right__item__para:hover {
  color: var(--main-color-one);
}

/* Category nav css */
.category__nav {
  -webkit-box-shadow: 0px 10px 30px #f5f5f5;
  box-shadow: 0px 10px 30px #f5f5f5;
  padding: 10px 0;
}

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

@media only screen and (max-width: 375px) {
  .category__nav__flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.category__nav__logoWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px 48px;
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%;
}

@media (min-width: 1400px) and (max-width: 1549.98px) {
  .category__nav__logoWrapper {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .category__nav__logoWrapper {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .category__nav__logoWrapper {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
  }
}

.category__nav__logo {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.category__nav__logo::before {
  content: "";
  position: absolute;
  height: 70%;
  width: 1px;
  background-color: #ddd;
  right: -12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.category__nav__right__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .category__nav__right__content {
    gap: 10px;
  }
}

.category__nav__item__icon {
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 1px solid rgba(var(--main-color-one-rgb), 0.3);
  color: var(--main-color-one);
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.category__navWrap {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
}

@media only screen and (max-width: 767.98px) {
  .category__navWrap {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

.category__navWrap__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 12px 24px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .category__navWrap__flex {
    gap: 12px 10px;
  }
}

.category__menu {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.category__menu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--main-color-one);
  cursor: pointer;
  padding: 10px 0;
}

.category__menu__btn i {
  font-size: 24px;
  color: var(--main-color-one);
}

.category__menu__list {
  border: 1px solid #ddd;
  background-color: var(--white);
  position: absolute;
  top: 100%;
  left: 0;
  width: 180px;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.category__menu__list.show {
  visibility: visible;
  opacity: 1;
}

.category__menu__list__item {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  background-color: var(--white);
  padding: 10px 20px;
}

.category__menu__list__item:not(:first-child) {
  border-top: 1px solid #ddd;
}

.category__search__form {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
}

.category__search__form__overlay.show {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 8;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .category__search__form.show .category__search__single {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.category__search__form__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border: 1px solid var(--border-color);
  font-size: 24px;
  color: var(--paragraph-color);
  border-radius: 5px;
  cursor: pointer;
}

@media only screen and (max-width: 767.98px) {
  .category__search__form__icon {
    height: 40px;
    width: 40px;
    font-size: 20px;
    border-radius: 50%;
  }
}

.category__search__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .category__search__single {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    z-index: 9;
    width: 90vw;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.category__search__single__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 48px;
  width: 48px;
  border: 1px solid var(--danger-color);
  font-size: 24px;
  color: var(--danger-color);
  background-color: var(--white);
  border-radius: 5px;
  cursor: pointer;
}

.category__search__single__input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.category__search__single__input .form--control {
  height: 48px;
  color: var(--main-color-one);
  font-size: 14px;
  border-radius: 5px;
}

.category__search__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--main-color-one);
  height: 48px;
  border: 1px solid #ddd;
  font-size: 20px;
  padding: 0 15px;
  cursor: pointer;
  background-color: var(--white);
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.category__search__btn:hover {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

.from_control,
.from__control,
.form--control {
  height: 55px;
  font-size: 15px;
  border: 1px solid var(--border-color);
  width: 100%;
  padding: 0 15px;
  color: var(--body-color);
}

/* Products card css */
.product__offer {
  position: absolute;
  right: 0px;
  top: 10px;
  background-color: var(--main-color-two);
  padding: 5px 10px;
  border-radius: 3px 0 0 3px;
}

.product__offer.color_main {
  background-color: var(--main-color-one);
}

.product__offer__para {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: var(--white);
  display: block;
}

.product__card {
  position: relative;
}

.product__card__thumb {
  background: var(--gray-two);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 250px;
  overflow: hidden;
}

.product__card__thumb img {
  border-radius: 5px;
  object-fit: contain;
}

.product__card__review {
  background-color: rgba(var(--review-rgb), 0.2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  color: var(--review-color);
}
.product__card__thumb {
  position: relative;
  .total-ratings {
    color: #000;
  }
}
.product__card__review  {
  position: absolute;
  bottom: 0;
}
.product__card__contents__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  min-height: 45px;
}

.product__card__cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product__card__cart__btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: var(--main-color-one);
  border: 1px solid var(--main-color-one);
  color: var(--white);
  padding: 8px 20px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 250px;
}

.product__card__cart__btn:hover {
  background-color: unset;
  color: var(--main-color-one);
}

.product__card__cart__btn.btn__black {
  background-color: var(--heading-color);
  border-color: var(--heading-color);
  color: var(--white);
}

.product__card__cart__btn.btn__black:hover {
  color: var(--heading-color);
  background-color: unset;
}

.product__card__cart__outline {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  background-color: unset;
  border: 1px solid var(--main-color-one);
  color: var(--main-color-one);
  padding: 8px 20px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 250px;
}

.product__card__cart__outline:hover {
  background-color: var(--main-color-one);
  border-color: var(--main-color-one);
  color: var(--white);
}

.product__card__cart__outline.color-two {
  border: 1px solid var(--main-color-two);
  color: var(--main-color-two);
}

.product__card__cart__outline.color-two:hover {
  background-color: var(--main-color-two);
  border: 1px solid var(--main-color-two);
  color: var(--white);
}

.product__card__cart__outline.color-three {
  border: 1px solid var(--main-color-three);
  color: var(--main-color-three);
}

.product__card__cart__outline.color-three:hover {
  background-color: var(--main-color-three);
  border: 1px solid var(--main-color-three);
  color: var(--white);
}

.product__card__cart__outline.color-four {
  border: 1px solid var(--main-color-four);
  color: var(--main-color-four);
}

.product__card__cart__outline.color-four:hover {
  background-color: var(--main-color-four);
  border: 1px solid var(--main-color-four);
  color: var(--white);
}

.product__card__cart__outline.color-five {
  border: 1px solid var(--main-color-five);
  color: var(--main-color-five);
}

.product__card__cart__outline.color-five:hover {
  background-color: var(--main-color-five);
  border: 1px solid var(--main-color-five);
  color: var(--white);
}

.product__card__cart__outline.btn__black {
  background-color: unset;
  border-color: var(--heading-color);
  color: var(--heading-color);
}

.product__card__cart__outline.btn__black:hover {
  background-color: var(--heading-color);
  color: var(--white);
  border-color: var(--heading-color);
}

.product__card__cart__btn__icon {
  background-color: unset;
  border: 1px solid var(--main-color-one);
  color: var(--main-color-one);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product__card__cart__btn__icon:hover {
  background-color: var(--main-color-one);
  color: var(--white);
}

.product__card__cart__btn__icon.color-two {
  border-color: var(--main-color-two);
  color: var(--main-color-two);
}

.product__card__cart__btn__icon.color-two:hover {
  background-color: var(--main-color-two);
  color: var(--white);
}

.product__card__cart__btn__icon.color-three {
  border-color: var(--main-color-three);
  color: var(--main-color-three);
}

.product__card__cart__btn__icon.color-three:hover {
  background-color: var(--main-color-three);
  color: var(--white);
}

.product__card__cart__btn__icon.color-four {
  border-color: var(--main-color-four);
  color: var(--main-color-four);
}

.product__card__cart__btn__icon.color-four:hover {
  background-color: var(--main-color-four);
  color: var(--white);
}

.product__card__cart__btn__icon.color-five {
  border-color: var(--main-color-five);
  color: var(--main-color-five);
}

.product__card__cart__btn__icon.color-five:hover {
  background-color: var(--main-color-five);
  color: var(--white);
}

.product__card__cart__btn__icon.btn__black {
  background-color: unset;
  border-color: var(--heading-color);
  color: var(--heading-color);
}

.product__card__cart__btn__icon.btn__black:hover {
  color: var(--white);
  background-color: var(--heading-color);
  border-color: var(--heading-color);
}

.product__card__cart__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.product__price {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.product__price__current {
  color: var(--main-color-one);
}

.product__price__current.color-two {
  color: var(--main-color-two);
}

.product__price__current.color-three {
  color: var(--main-color-three);
}

.product__price__current.color-four {
  color: var(--main-color-four);
}

.product__price__current.color-five {
  color: var(--main-color-five);
}

.product__price s,
.product__price__old {
  color: var(--body-color);
  font-weight: 400;
  font-size: 15px;
}

/* Category css start */
.single__category.text-center .single__category__thumb {
  margin-inline: auto;
}

.single__category__thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 110px;
  width: 110px;
  background-color: var(--gray-two);
  border-radius: 50%;
  overflow: hidden;
}

.single__category__thumb img {
  max-width: 100%;
}


.single__category__thumb img {
  width: 80%;
}

.single__category__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--heading-color);
}

.append_category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.append_category .prev-icon,
.append_category .next-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  background-color: var(--white);
  color: var(--heading-color);
  border: 1px solid var(--border-dark);
  font-size: 18px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.append_category .prev-icon:hover,
.append_category .next-icon:hover {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

.bg__dullPink {
  background-color: #DE84A8;
}

.bg__fadedOrange {
  background-color: var(--main-color-two);
}

.bg__darkBlue {
  background-color: #7499C6;
}

.bg__dustyGray {
  background-color: #A39A93;
}

.bg__birdFlower {
  background-color: #E1CC33;
}

.bg__bluishCyan {
  background-color: #1DB3E6;
}

.bg__magentaPurple {
  background-color: #CEA1DA;
}

.bg__magentaPurple {
  background-color: var(--main-color-two);
}

/* Promo css start */
.promo__wrapper {
  -webkit-box-shadow: 0 0 20px var(--box-shadow);
  box-shadow: 0 0 20px var(--box-shadow);
  padding: 50px 24px;
  border-radius: 20px;
}

.promo__item__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px 12px;
}

.promo__item__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  font-size: 40px;
  border-radius: 50%;
  border: 1px solid var(--main-color-one);
  background-color: rgba(var(--main-color-one-rgb), 0.1);
  color: var(--main-color-one);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.promo__item__icon svg path {
  stroke: var(--main-color-one);
}

.promo__item__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: var(--heading-color);
}

.promo__item__para {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
}

div[class*=col]:nth-child(4n+2) .promo__item__icon {
  border-color: #FD8D14;
  background-color: rgba(253, 141, 20, 0.1);
}

div[class*=col]:nth-child(4n+2) .promo__item__icon svg path {
  stroke: #FD8D14;
}

div[class*=col]:nth-child(4n+3) .promo__item__icon {
  border-color: #525FE1;
  background-color: rgba(82, 95, 225, 0.1);
}

div[class*=col]:nth-child(4n+3) .promo__item__icon svg path {
  stroke: #525FE1;
}

div[class*=col]:nth-child(4n+4) .promo__item__icon {
  border-color: #2CD4D9;
  background-color: rgba(44, 212, 217, 0.1);
}

div[class*=col]:nth-child(4n+4) .promo__item__icon svg path {
  stroke: #2CD4D9;
}

/* All Product css */
.allProduct__tab ul li {
  border-radius: 5px;
  overflow: hidden;
}

.allProduct__item {
  -webkit-box-shadow: 0 0 20px var(--box-shadow);
  box-shadow: 0 0 20px var(--box-shadow);
  overflow: hidden;
}

.allProduct__item__thumb {
  height: 100px;
  background: #f7f7f7;
}

.allProduct__item__thumb a {
  display: block;
  height: 100%;
  width: 100%;
}

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

.allProduct__item__contents {
  padding: 0 20px 20px;
}

.allProduct__item__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  background-color: #F2F4F7;
  border-radius: 50%;
  border: 2px solid var(--white);
  margin-top: -35px;
  position: relative;
  -webkit-box-shadow: 0 0 5px var(--box-shadow);
  box-shadow: 0 0 5px var(--box-shadow);
}

.allProduct__item__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: var(--heading-color);
  min-height: 48px;
  word-break: break-all;
}

/* Brand Logo Css */
.brand__item__thumb {
  height: 90px;
  width: 100%;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--border-two);
  padding: 10px;
}

.brand__item__thumb img {
  margin-inline: auto;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

/* Winter Product Css */
.winter__bg1 {
  background-color: #E0F5FF;
}

.winter__bg2 {
  background-color: #FCE6DF;
}

.winter__bg3 {
  background-color: rgba(243, 245, 101, 0.2);
}

.winterProduct__contents {
  padding: 75px 0 75px 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .winterProduct__contents {
    padding: 55px 0 55px 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .winterProduct__contents {
    padding: 40px 0 40px 30px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .winterProduct__contents {
    padding: 75px 0 75px 30px;
  }
}

@media only screen and (max-width: 767.98px) {
  .winterProduct__contents {
    padding: 35px 0 35px 20px;
  }
}

.winterProduct__title {
  font-size: 64px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--main-color-three);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .winterProduct__title {
    font-size: 54px;
  }
}

.winterProduct__subtitle {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--main-color-three);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .winterProduct__subtitle {
    font-size: 30px;
  }
}

.winterProduct__list__item {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--main-color-three);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 5px;
}

.winterProduct__list__item:not(:first-child) {
  margin-top: 10px;
}

.winterProduct__list__item::before {
  content: "\f00c";
  font-family: "Line Awesome Free";
  font-weight: 900;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.winterProduct__moreBtn {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--main-color-three);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 5px;
}

.winterProduct__moreBtn::before {
  content: "\f067";
  font-family: "Line Awesome Free";
  font-weight: 900;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

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

.winterProduct__single__contents {
  padding: 40px 0;
}

.winterProduct__single__contents__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--heading-color);
  text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .winterProduct__single__contents__title {
    font-size: 18px;
  }
}

/* Counter Css */
.counter__shadow {
  -webkit-box-shadow: 0px -20px 20px var(--box-shadow);
  box-shadow: 0px -20px 20px var(--box-shadow);
}

.counter__item.text-center .counter__item__icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-inline: auto;
}

.counter__item__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background-color: rgba(var(--main-color-two-rgb), 0.1);
  color: var(--main-color-two);
  border: 1px solid var(--main-color-two);
}

.counter__item__icon svg path {
  stroke: var(--main-color-two);
}

.counter__item__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: var(--heading-color);
}

.counter__item__para {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
}

div[class*=col]:nth-child(3n+2) .counter__item__icon {
  background-color: rgba(var(--main-color-three-rgb), 0.1);
  color: var(--main-color-three);
  border: 1px solid var(--main-color-three);
}

div[class*=col]:nth-child(3n+2) .counter__item__icon svg path {
  stroke: var(--main-color-three);
}

div[class*=col]:nth-child(3n+3) .counter__item__icon {
  background-color: rgba(var(--main-color-one-rgb), 0.1);
  color: var(--main-color-one);
  border: 1px solid var(--main-color-one);
}

div[class*=col]:nth-child(3n+3) .counter__item__icon svg path {
  stroke: var(--main-color-one);
}

/*-------------------------
  Section Title
-------------------------*/
.section__title {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
}

.section__title.text-left {
  text-align: left;
}

.section__title.text-center {
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section__title.white-color {
  color: var(--white);
}

.section__title.white-color .title {
  color: var(--white);
}

.section__title.section_borderBottom {
  border-bottom: 1px solid rgba(221, 221, 221, 0.4);
  padding-bottom: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section__title.section_borderBottom {
    padding-bottom: 20px;
  }
}

.section__title .title {
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  color: var(--heading-color);
  margin: -6px 0 0 0;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .section__title .title {
    font-size: 30px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 575.98px) {
  .section__title .title {
    font-size: 25px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .section__title .title {
    font-size: 22px;
    line-height: 28px;
  }
}

.section__title .title-left {
  display: -webkit-box;
}

.viewAll_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--main-color-one);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.viewAll_btn:hover {
  color: var(--main-color-one);
  letter-spacing: 1px;
}

.viewAll_btn i {
  font-size: 20px;
}

/*---------------------------------------
  ## Button
---------------------------------------*/
.btn-wrapper {
  display: block;
}

.cmn_btn {
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--body-font);
  display: inline-block;
  text-align: center;
  cursor: pointer;
  line-height: 20px;
  padding: 12px 30px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media only screen and (max-width: 575.98px) {
  .cmn_btn {
    padding: 10px 25px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 375px) {
  .cmn_btn {
    padding: 5px 15px;
    font-size: 14px;
  }
}

.cmn_btn.btn_bg_1 {
  background: var(--main-color-one);
  color: var(--white);
  border: 2px solid var(--main-color-one);
}

.cmn_btn.btn_bg_1:hover {
  background: none;
  color: var(--main-color-one);
}

.cmn_btn.btn_bg_2 {
  background: var(--main-color-two);
  color: var(--white);
  border: 2px solid var(--main-color-two);
}

.cmn_btn.btn_bg_2:hover {
  background: none;
  color: var(--main-color-two);
}

.cmn_btn.btn_bg_3 {
  background: var(--main-color-three);
  color: var(--white);
  border: 2px solid var(--main-color-three);
}

.cmn_btn.btn_bg_3:hover {
  background: none;
  color: var(--main-color-three);
}

.cmn_btn.btn_bg_yellow {
  background: var(--yellow-color);
  color: var(--heading-color);
}

.cmn_btn.btn_bg_yellow:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.cmn_btn.btn_bg_black {
  background: var(--heading-color);
  color: var(--white);
  border: 2px solid var(--heading-color);
}

.cmn_btn.btn_bg_black:hover {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: var(--main-color-one);
}

/*---------------------------------------
  ## Back Top
---------------------------------------*/
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  background-color: var(--main-color-one);
  color: var(--white);
  text-align: center;
  line-height: 50px;
  border-radius: 5px;
  z-index: 99;
  font-size: 25px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  display: none;
}

@media only screen and (max-width: 575.98px) {
  .back-to-top {
    height: 40px;
    width: 40px;
    font-size: 22px;
    line-height: 40px;
    bottom: 20px;
    right: 20px;
  }
}

.back-to-top.bg-color-two {
  background: var(--main-color-two);
}

.back-to-top.bg-color-three {
  background: var(--main-color-three);
}

.back-to-top.bg-color-four {
  background: var(--main-color-four);
}

/* Tabs Design */
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tabs li {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
  padding: 5px 15px;
  -webkit-transition: 300ms;
  transition: 300ms;
  position: relative;
  color: var(--heading-color);
  background-color: var(--border-color);
  z-index: 0;
}

.tabs li::after,
.tabs li::before {
  content: "";
  position: absolute;
  height: 0%;
  width: 0%;
  left: 0%;
  bottom: 0;
  background-color: var(--main-color-one);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: -1;
}

.tabs li::before {
  bottom: auto;
  top: 0;
  left: auto;
  right: 0;
  background-color: var(--border-color);
}

.tabs li.active {
  color: var(--white);
}

.tabs li.active::after,
.tabs li.active::before {
  width: 100%;
  height: 100%;
  background-color: var(--main-color-one);
}

.tab_content_item_two,
.tab_content_item {
  display: none;
}

.tab_content_item_two.active,
.tab_content_item.active {
  display: block;
  -webkit-animation: 1s fade-effects;
  animation: 1s fade-effects;
}

@keyframes fade-effects {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/* Countdown Css */
.global__countdown>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.global__countdown__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 5px;
}

.global__countdown__count {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: var(--main-color-one);
  background-color: unset;
  padding: 0;
}

.global__countdown__name {
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
  color: var(--main-color-one);
}

/* ==================================================================
  New Home page Style Four
====================================================================*/


.btn-flex,
.btn_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 15px;
}

.btn-wrapper .cmn-btn {
  line-height: 28px;
  position: relative;
}

.btn-wrapper .cmn-btn.btn-bg-5 {
  background: var(--main-color-one);
  color: var(--white);
  border: 2px solid var(--main-color-one);
  z-index: 0;
}

.btn-wrapper .cmn-btn.btn-bg-5::after,
.btn-wrapper .cmn-btn.btn-bg-5::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0%;
  left: 0;
  top: 0;
  background-color: var(--heading-color);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.btn-wrapper .cmn-btn.btn-bg-5::before {
  background-color: var(--white);
  left: auto;
  right: 0;
}

.btn-wrapper .cmn-btn.btn-bg-5:hover {
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-bg-5:hover::after,
.btn-wrapper .cmn-btn.btn-bg-5:hover::before {
  visibility: visible;
  opacity: 1;
  width: 100%;
}

.btn-wrapper .cmn-btn.btn-bg-5:hover::before {
  width: 100%;
}

.btn-wrapper .cmn-btn.btn-outline-five,
.btn-wrapper .cmn-btn.btn-outline-5 {
  border: 2px solid var(--main-color-one);
  z-index: 0;
  color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-five.color-five,
.btn-wrapper .cmn-btn.btn-outline-5.color-five {
  color: var(--main-color-one);
}

.btn-wrapper .cmn-btn.btn-outline-five::after,
.btn-wrapper .cmn-btn.btn-outline-five::before,
.btn-wrapper .cmn-btn.btn-outline-5::after,
.btn-wrapper .cmn-btn.btn-outline-5::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0%;
  left: 0;
  top: 0;
  background-color: var(--main-color-one);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
}

.btn-wrapper .cmn-btn.btn-outline-five::before,
.btn-wrapper .cmn-btn.btn-outline-5::before {
  background-color: var(--heading-color);
  left: auto;
  right: 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.btn-wrapper .cmn-btn.btn-outline-five:hover,
.btn-wrapper .cmn-btn.btn-outline-5:hover {
  color: var(--white);
}

.btn-wrapper .cmn-btn.btn-outline-five:hover::after,
.btn-wrapper .cmn-btn.btn-outline-five:hover::before,
.btn-wrapper .cmn-btn.btn-outline-5:hover::after,
.btn-wrapper .cmn-btn.btn-outline-5:hover::before {
  visibility: visible;
  opacity: 1;
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.btn-wrapper .cmn-btn.btn-outline-five:hover::before,
.btn-wrapper .cmn-btn.btn-outline-5:hover::before {
  width: 100%;
}

/* Topbar Four */
@media only screen and (max-width: 575px) {
  .topbar-four .topbar-left-contents {
    text-align: center;
  }

  .topbar-four .topbar-left-contents .topbar-social {
    justify-content: center;
  }
}

.topbar-four .topbar-left-contents .call-us {
  font-size: 15px;
  margin: 0;
}

.topbar-four .topbar-left-contents .call-us:hover {
  color: var(--heading-color);
}

.topbar-four .language-content {
  z-index: 980;
}

.topbar-four .language-content .nice-select {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 15px;
  font-weight: 400;
}

.topbar-four .language-content.country-content .nice-select {
  width: auto;
}

@media only screen and (max-width: 375px) {
  .topbar-four .language-content.country-content .nice-select {
    width: unset;
  }
}

.topbar-four .topbar-select-item:not(:last-child)::after {
  background-color: rgba(var(--white-rgb), 0.8);
  right: -5px;
}

.topbar-four .topbar-right-flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767.98px) {
  .topbar-four .topbar-right-flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767.98px) {
  .topbar-four .topbar-right-offer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .topbar-right-contents .list, .topbar-right-offer .list {
    justify-content: center;
  }
}

.topbar-four .topbar-right-offer-item:not(:last-child)::after {
  background-color: rgba(var(--white-rgb), 0.8);
}

.topbar-four .topbar-right-offer-para {
  color: rgba(var(--white-rgb), 0.8);
  font-size: 15px;
}

.topbar-four .topbar-right-offer-para strong {
  color: var(--white);
}

.topbar-four .topbar-right-offer-buy {
  color: var(--white);
  font-size: 15px;
}

.topbar-four .topbar-right-offer-buy:hover {
  color: var(--white);
}

@media only screen and (max-width: 767.98px) {
  .topbar-four .topbar-select-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.topbar-select-item {
  position: relative;
}

.topbar-select-item:not(:last-child)::after {
  content: "";
  position: absolute;
  height: 70%;
  width: 2px;
  right: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--extra-light-color);
}

.topbar-right-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.topbar-right-offer-item {
  position: relative;
  font-family: var(--inter-font);
}

.topbar-right-offer-item:not(:last-child) {
  padding-right: 10px;
  margin-right: 10px;
}

.topbar-right-offer-item:not(:last-child)::after {
  content: "";
  position: absolute;
  height: 70%;
  width: 2px;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--extra-light-color);
}

.topbar-right-offer-para {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: var(--paragraph-color);
  font-family: var(--inter-font);
}

.topbar-right-offer-buy {
  font-weight: 500;
  color: var(--heading-color);
  border-bottom: 1px solid;
}

.topbar-right-offer-buy:hover {
  color: var(--main-color-one);
}

/* Topbar Bottom Css */
.topbar-bottom-four {
  padding: 20px 0;
  border-bottom: 1px solid var(--border-color);
}

.topbar-bottom-four .category-searchbar .form--control {
  padding: 0 75px 0 20px;
}

.topbar-bottom-four .right-position-button {
  background-color: var(--main-color-one);
}

.color-two.topbar-bottom-four .right-position-button {
  background-color: var(--main-color-two);
}

.color-three.topbar-bottom-four .right-position-button {
  background-color: var(--main-color-three);
}

.color-four.topbar-bottom-four .right-position-button {
  background-color: var(--main-color-four);
}

.color-five.topbar-bottom-four .right-position-button {
  background-color: var(--main-color-five);
}

.topbar-bottom-four .topbar-bottom-right-flex {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 12px 24px;
}

@media only screen and (max-width: 767.98px) {
  .topbar-bottom-four .topbar-bottom-right-flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.topbar-bottom-four .track-icon-list {
  gap: 12px 24px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .topbar-bottom-four .track-icon-list {
    gap: 12px 10px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .topbar-bottom-four .track-icon-list {
    gap: 12px 10px;
  }
}

.topbar-bottom-four .track-icon-single:hover {
  color: var(--main-color-one);
}

.color-two.topbar-bottom-four .track-icon-single:hover {
  color: var(--main-color-two);
}

.color-three.topbar-bottom-four .track-icon-single:hover {
  color: var(--main-color-three);
}

.color-four.topbar-bottom-four .track-icon-single:hover {
  color: var(--main-color-four);
}

.color-five.topbar-bottom-four .track-icon-single:hover {
  color: var(--main-color-five);
}

.topbar-bottom-four .track-icon-single .icon {
  color: var(--main-color-one);
}

.color-two.topbar-bottom-four .track-icon-single .icon {
  color: var(--main-color-two);
}

.color-three.topbar-bottom-four .track-icon-single .icon {
  color: var(--main-color-three);
}

.color-four.topbar-bottom-four .track-icon-single .icon {
  color: var(--main-color-four);
}

.color-five.topbar-bottom-four .track-icon-single .icon {
  color: var(--main-color-five);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .topbar-bottom-four .track-icon-single .icon-title {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .track-icon-list-item .icon-title {
    display: none;
  }
}

.track-icon-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px;
  font-size: 14px;
  font-weight: 400;
  color: var(--paragraph-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.track-icon-single:hover {
  color: var(--main-color-one);
}

.track-icon-single .icon {
  font-size: 22px;
  color: var(--main-color-one);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .track-icon-single .icon-title {
    display: none;
  }
}

.topbar-bottom-four .topbar-bottom-right-content {
  margin-left: 0;
}

.single-right-content .login-account .account-list-item.hover-color-five .list a:hover {
  background: var(--main-color-one);
}

.single-right-content .login-account .account-list-item .list a:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.color-two .single-right-content .login-account .account-list-item .list a:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.color-three .single-right-content .login-account .account-list-item .list a:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.color-four .single-right-content .login-account .account-list-item .list a:hover {
  background: var(--main-color-four);
  color: var(--white);
}

.color-five .single-right-content .login-account .account-list-item .list a:hover {
  background: var(--main-color-five);
  color: var(--white);
}

.single-right-content .login-account .accounts {
  gap: 5px;
  font-size: 14px;
}

.single-right-content .login-account .accounts i {
  color: var(--main-color-one);
}

.color-two .single-right-content .login-account .accounts i {
  color: var(--main-color-two);
}

.color-three .single-right-content .login-account .accounts i {
  color: var(--main-color-three);
}

.color-four .single-right-content .login-account .accounts i {
  color: var(--main-color-four);
}

.color-five .single-right-content .login-account .accounts i {
  color: var(--main-color-five);
}

.single-right-content .login-account .accounts:hover {
  color: var(--main-color-one);
}

.color-two .single-right-content .login-account .accounts:hover {
  color: var(--main-color-two);
}

.color-three .single-right-content .login-account .accounts:hover {
  color: var(--main-color-three);
}

.color-four .single-right-content .login-account .accounts:hover {
  color: var(--main-color-four);
}

.color-five .single-right-content .login-account .accounts:hover {
  color: var(--main-color-five);
}

.single-right-content .login-account .accounts:hover i {
  color: var(--main-color-one);
}

.color-two .single-right-content .login-account .accounts:hover i {
  color: var(--main-color-two);
}

.color-three .single-right-content .login-account .accounts:hover i {
  color: var(--main-color-three);
}

.color-four .single-right-content .login-account .accounts:hover i {
  color: var(--main-color-four);
}

.color-five .single-right-content .login-account .accounts:hover i {
  color: var(--main-color-five);
}

.single-right-content .track-icon-list {
  gap: 20px 12px;
  margin: 0;
}

.single-right-content .track-icon-list .track-icon-single:hover {
  color: var(--main-color-one);
}

.single-right-content .track-icon-list .track-icon-single:hover .icon {
  color: var(--main-color-one);
}

.single-right-content .track-icon-list .single-icon {
  margin: 0;
  color: var(--paragraph-color);
}

.single-right-content .track-icon-list .single-icon:hover {
  color: var(--main-color-one);
}

.single-right-content .track-icon-list .single-icon .icon {
  font-size: 22px;
}

.single-right-content .track-icon-list .single-icon .icon-notification {
  top: -10px;
  right: auto;
  left: 0;
  background-color: var(--main-color-one);
  font-size: 12px;
}

.color-two .single-right-content .track-icon-list .single-icon .icon-notification {
  background-color: var(--main-color-two);
}

.color-three .single-right-content .track-icon-list .single-icon .icon-notification {
  background-color: var(--main-color-three);
}

.color-four .single-right-content .track-icon-list .single-icon .icon-notification {
  background-color: var(--main-color-four);
}

.color-five .single-right-content .track-icon-list .single-icon .icon-notification {
  background-color: var(--main-color-five);
}

/* navbar css */
.navbar-area.nav-five .navbar-collapse .navbar-nav li a {
  padding: 10px 12px;
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-one);
}

.navbar-area.nav-five.color-two .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-two);
}

.navbar-area.nav-five.color-three .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-three);
}

.navbar-area.nav-five.color-four .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-four);
}

.navbar-area.nav-five.color-five .navbar-collapse .navbar-nav li a:hover {
  color: var(--main-color-five);
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li.menu-item-has-children>a {
  padding: 10px 12px;
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu {
  border-color: var(--fmain-color-five);
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
  padding: 10px 12px;
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-one);
}

.navbar-area.nav-five.color-two .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-two);
}

.navbar-area.nav-five.color-three .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-three);
}

.navbar-area.nav-five.color-four .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-four);
}

.navbar-area.nav-five.color-five .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
  background-color: var(--main-color-five);
}

.navbar-area.nav-five .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before {
  color: var(--white);
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn {
  background-color: var(--main-color-one);
  border: 2px solid var(--main-color-one);
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn:hover {
  background: none;
  color: var(--main-color-one);
}

.color-two.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn {
  background-color: var(--main-color-two);
  border: 2px solid var(--main-color-two);
}

.color-two.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn:hover {
  color: var(--main-color-two);
  background: none;
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
  color: var(--main-color-one);
  border: 2px solid var(--main-color-one);
  background-color: transparent;
}

.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
  color: var(--white);
  background-color: var(--main-color-one);
}

.color-two.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline {
  color: var(--main-color-two);
  border: 2px solid var(--main-color-two);
  background-color: transparent;
}

.color-two.navbar-area.nav-five .cart-shopping .btn-wrapper .cart-btn.cart-btn-outline:hover {
  color: var(--white);
  background-color: var(--main-color-two);
}

.navbar-area.nav-five .navbar-inner-all {
  width: 100%;
}

.nav-category {
  border-right: 1px solid var(--paragraph-color);
  padding-right: 15px;
  cursor: pointer;
  display: inline-block;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .nav-category {
    border: 1px solid var(--border-color);
    padding: 5px;
    margin: 10px 0 10px;
  }

  .navbar-inner-all--left {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .nav-five.navbar-area .nav-container .responsive-mobile-menu {
    min-height: 40px;
  }

  .responsive-mobile-menu .logo-wrapper img {
    max-width: 170px;
  }
}

@media only screen and (max-width: 480px) {
  .navbar-inner-all--left {
    flex-wrap: wrap;
  }
}

.nav-category .nav-category-bars {
  font-size: 16px;
  color: var(--heading-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.nav-category .nav-category-bars i {
  font-size: 22px;
}

.categoryNav_overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(var(--black-rgb), 0.7);
  z-index: 991;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.categoryNav_overlay.show {
  visibility: visible;
  opacity: 1;
}

.categoryNav {
  position: fixed;
  height: 100vh;
  background-color: var(--white);
  padding: 20px;
  z-index: 992;
  top: 0;
  left: 0;
  width: 300px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.categoryNav.show {
  visibility: visible;
  opacity: 1;
  left: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.categoryNav__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  background-color: #f0f0f0;
  color: red;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.categoryNav__close:hover {
  background-color: red;
  color: var(--white);
}

.categoryNav__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--heading-color);
}

.categoryNav__inner {
  position: relative;
}

.categoryNav__inner::-webkit-scrollbar {
  background-color: #ececec;
  width: 5px;
}

.categoryNav__inner::-webkit-scrollbar-thumb {
  background-color: #bdbdbd;
}

.categoryNav__list {
  background-color: #fbfbfb;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.categoryNav__list.menu_visible {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.categoryNav__list.translate-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.categoryNav__list.translate-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.categoryNav__list li:not(:last-child)>a {
  border-bottom: 1px solid var(--border-color-2);
}

.categoryNav__list li.has_children a::after {
  content: "\f105";
  font-family: "Line Awesome Free";
  font-weight: 900;
}

.categoryNav__list li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--paragraph-color);
  padding: 10px 20px;
  display: block;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.categoryNav__list li a:hover {
  background-color: rgba(var(--main-color-one-rgb), 0.1);
}
.categoryNav__list li .mega-menu-main li a {
  padding: 10px 0px;
}

.categoryNav__list .cate-list {
  padding: 0;
  border: 0;
}

.categoryNav__list .cate-list.menu-item-has-children::after {
  top: 8px;
}

.categoryNav__list .cate-list.show>a {
  background-color: rgba(var(--main-color-one-rgb), 0.1);
}

/* .categoryNav__list .cate-list.menu-item-has-children.show::after {
  content: "\f107";
} */

/* .categoryNav__list .cate-list .category-megamenu {
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
} */

/* .categoryNav__list .cate-list.show .category-megamenu {
  position: initial;
  visibility: visible;
  opacity: 1;
  display: grid;
  width: 100%;
  max-width: 100%;
  min-width: fit-content;
  padding: 10px;
  height: 100%;
} */
.categoryNav__list .cate-list.show .category-megamenu {
  top: 0;
  visibility: visible;
  opacity: 1;
}

@media screen and (max-width: 991.98px) {
  .categoryNav__list .cate-list.show .category-megamenu {
    height: 100%;
  }
}

.categoryNav__list li a.back_mainMenu {
  background-color: var(--heading-color);
  color: var(--white);
}

.categoryNav__list li a.back_mainMenu:hover {
  background-color: var(--heading-color);
  color: var(--white);
}

/* Banner Four */
.dot-style-one.dot-color-five .slick-dots li.slick-active {
  background: var(--main-color-one);
}

.banner-four {
  padding: 50px 0;
}

.banner-four .banner-wrapper {
  position: relative;
  padding-top: 50px;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-four .banner-wrapper {
    padding-top: 100px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-four .banner-wrapper {
    padding-top: 100px;
  }
}

.banner-four .banner-wrapper-offer {
  position: absolute;
  right: 0;
  top: 0;
}

.banner-four .banner-wrapper-offer-shape {
  position: absolute;
  left: -30%;
  bottom: -25%;
  z-index: -1;
}

.banner-wrapper-thumb {
  max-height: 550px;
}

.banner-four .middle-content .banner-middle-title {
  font-size: 72px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--heading-color);
  font-family: var(--inter-font);
  -webkit-line-clamp: unset;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .banner-four .middle-content .banner-middle-title {
    font-size: 64px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-four .middle-content .banner-middle-title {
    font-size: 54px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-four .middle-content .banner-middle-title {
    font-size: 48px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .banner-four .middle-content .banner-middle-title {
    font-size: 54px;
  }
}

@media only screen and (max-width: 575.98px) {
  .banner-four .middle-content .banner-middle-title {
    font-size: 42px;
  }
}

@media only screen and (max-width: 480px) {
  .banner-four .middle-content .banner-middle-title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 375px) {
  .banner-four .middle-content .banner-middle-title {
    font-size: 32px;
  }
}

.banner-four .middle-content .middle-para {
  font-size: 16px;
  font-weight: 400;
  color: var(--paragraph-color);
  line-height: 28px;
  max-width: 560px;
  font-family: var(--inter-font);
}

.banner-four .middle-content .middle-price {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--heading-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: var(--inter-font);
  gap: 5px;
}

.banner-four .middle-content .middle-price s {
  color: var(--paragraph-color);
  font-size: 20px;
  font-weight: 400;
}

.banner-four .banner-wrapper-offer-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--heading-color);
  border-radius: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 160px;
  width: 160px;
  color: var(--white);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-four .banner-wrapper-offer-inner {
    height: 130px;
    width: 130px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-four .banner-wrapper-offer-inner {
    height: 130px;
    width: 130px;
  }
}

.banner-four .banner-wrapper-offer-inner .parcent {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-four .banner-wrapper-offer-inner .parcent {
    font-size: 42px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-four .banner-wrapper-offer-inner .parcent {
    font-size: 42px;
  }
}

.banner-four .banner-wrapper-offer-inner .off {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-four .banner-wrapper-offer-inner .off {
    font-size: 28px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .banner-four .banner-wrapper-offer-inner .off {
    font-size: 28px;
  }
}

/* Category */
.browseAl {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: var(--heading-color);
  text-decoration: underline;
  transition: all .3s;
}

.browseAl:hover {
  color: var(--main-color-one);
}

.category_wrapper__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.category_wrapper__item {
  width: calc(12.5% - 21px);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .category_wrapper__item {
    width: calc(16.6666666667% - 20px);
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .category_wrapper__item {
    width: calc(20% - 19.2px);
  }
}

@media only screen and (max-width: 767.98px) {
  .category_wrapper__item {
    width: calc(25% - 18px);
  }
}

@media only screen and (max-width: 575.98px) {
  .category_wrapper__item {
    width: calc(33.3333333333% - 16px);
  }
}

@media only screen and (max-width: 375px) {
  .category_wrapper__item {
    width: calc(50% - 12px);
  }
}

.signle_category__thumb img {
  border-radius: 50%;
}

.signle_category__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: var(--heading-color);
}

@media screen and (max-width: 991.98px) and (min-width: 576px) {
  .signle_category__title {
    font-size: 16px;
  }
}

/* Flash Sale */
.flashSale_countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flashSale_countdown__para {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--main-color-one);
}

.loopCounter_global {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}

.desktop-center .loopCounter_global,
.center-text .loopCounter_global,
.text-center .loopCounter_global {
  justify-content: center;
}

@media only screen and (max-width: 375px) {
  .loopCounter_global {
    gap: 20px;
  }
}
.global__countdown__item,
.loopCounter_global__item {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: var(--main-color-one);
  position: relative;
  border: 1px solid var(--main-color-one);
  padding: 5px 10px;
  border-radius: 3px;
}

.loopCounter_global__item:not(:last-child)::after {
  content: ":";
  position: absolute;
  right: -14px;
  color: var(--main-color-one);
  font-weight: 500;
  font-size: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 375px) {
  .loopCounter_global__item:not(:last-child)::after {
    right: -12px;
  }
}

.loopCounter_global .counter-days,
.loopCounter_global .counter-hours,
.loopCounter_global .counter-minutes,
.loopCounter_global .counter-seconds {
  line-height: 22px;
}

/* Flash Sale Css */
.product_card {
  border: 1px solid var(--border-color);
  overflow: hidden;
  height: 100%;
}

.product_card:hover .product_card__thumb__icons {
  visibility: visible;
  opacity: 1;
}

.product_card:hover .product_card__thumb__icons .lists .icon {
  right: 0px;
}

.product_card__thumb {
  position: relative;
  height: 190px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.product_card__thumb__bgImg {
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 194px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product_card__thumb__bgImg img {
  max-width: 100%;
  max-height: 100%;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .product_card__thumb__bgImg {
    height: 165px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .product_card__thumb__bgImg {
    height: 214px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .product_card__thumb__bgImg {
    height: 214px;
  }
}

@media only screen and (max-width: 767.98px) {
  .product_card__thumb__bgImg {
    height: 244px;
  }
}

@media only screen and (max-width: 575.98px) {
  .product_card__thumb__bgImg {
    height: 218px;
    background-size: cover;
  }
}

@media only screen and (max-width: 375px) {
  .product_card__thumb__bgImg {
    height: 280px;
  }
}

.product_card__thumb img {
  width: 100%;
}

.product_card__thumb__percent {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  display: block;
}

.product_card__thumb__percent.right-side {
  left: auto;
  right: 10px;
}

.product_card__thumb__percent .percent-box {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 15px;
  background-color: var(--white);
  color: var(--heading-color);
  border: 1px solid var(--border-color);
}

.product_card__thumb__percent .percent-box:not(:last-child) {
  margin-bottom: 10px;
}

.product_card__thumb__percent .percent-box.bg-delete {
  background-color: var(--delete-color);
  color: var(--white);
  border-color: var(--delete-color);
}

.product_card__thumb__percent .percent-box.bg-topSale {
  background-color: var(--section-bg);
  color: var(--heading-color);
  border-color: var(--section-bg);
}

.product_card__thumb__percent .percent-box.bg-stock {
  background-color: var(--stock-color);
  color: var(--white);
  border-color: var(--stock-color);
}

.product_card__thumb__percent .percent-box.bg-1 {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-2 {
  background-color: var(--main-color-two);
  color: var(--white);
  border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-3 {
  background-color: var(--main-color-three);
  color: var(--white);
  border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-4 {
  background-color: var(--main-color-four);
  color: var(--white);
  border-color: inherit;
}

.product_card__thumb__percent .percent-box.bg-5 {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: inherit;
}

.product_card__thumb__icons {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.product_card__thumb__icons.hover-color-one .lists .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.product_card__thumb__icons.hover-color-two .lists .icon:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.product_card__thumb__icons.hover-color-three .lists .icon:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.product_card__thumb__icons.hover-color-four .lists .icon:hover {
  background: var(--main-color-four);
  color: var(--white);
}

.product_card__thumb__icons.hover-color-five .lists .icon:hover {
  background: var(--main-color-five);
  color: var(--white);
}

.product_card__thumb__icons .lists:not(:last-child) {
  margin-bottom: 5px;
}

.product_card__thumb__icons .lists:nth-child(2n+1) .icon {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n+2) .icon {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n+3) .icon {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n+4) .icon {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n+5) .icon {
  -webkit-transition: all 1s;
  transition: all 1s;
  right: -50px;
}

.product_card__thumb__icons .lists:nth-child(2n+6) .icon {
  -webkit-transition: all 1.2s;
  transition: all 1.2s;
  right: -50px;
}

.product_card__thumb__icons .lists .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  background: var(--white);
  color: var(--paragraph-color);
  font-size: 16px;
  border: 1px solid var(--border-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product_card__thumb__icons .lists .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
  border-color: inherit;
}

.product_card__contents {
  padding: 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.product_card__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product_card__title:hover {
  color: var(--main-color-one);
}

.product_card__price {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--heading-color);
}

.product_card__price s {
  font-size: 16px;
  font-weight: 400;
  color: var(--extra-light-color);
}

/* updatedOffer Css */
.updatedOffer__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px 5px;
}

@media only screen and (max-width: 375px) {
  .updatedOffer__flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.updatedOffer__contents {
  padding: 20px 0 20px 20px;
}

.updatedOffer__subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
}

.updatedOffer__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--heading-color);
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
  .updatedOffer__title {
    font-size: 42px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .updatedOffer__title {
    font-size: 36px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .updatedOffer__title {
    font-size: 36px;
  }
}

.updatedOffer__para {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
}

.updatedOffer__thumb {
  max-width: 170px;
}

/* Popular Product Css */
.popularProduct {
  border: 1px solid var(--border-color);
  overflow: hidden;
  padding: 15px;
}

.popularProduct:hover .popularProduct__thumb__icons {
  visibility: visible;
  opacity: 1;
}

.popularProduct:hover .popularProduct__thumb__icons .lists .icon {
  right: 0px;
}

.popularProduct__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .popularProduct__flex {
    gap: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .popularProduct__flex {
    gap: 10px;
  }
}

@media only screen and (max-width: 375px) {
  .popularProduct__flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.popularProduct__thumb {
  position: relative;
  max-width: 175px;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f7f7;
  height: 175px;
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .popularProduct__thumb {
    max-width: 150px;
  }
}

@media only screen and (max-width: 375px) {
  .popularProduct__thumb {
    max-width: 120px;
  }
}

.popularProduct__thumb__percent {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  display: block;
}

.popularProduct__thumb__percent.right-side {
  left: auto;
  right: 10px;
}

.popularProduct__thumb__percent .percent-box {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 15px;
  background-color: var(--white);
  color: var(--heading-color);
  border: 1px solid var(--border-color);
}

.popularProduct__thumb__percent .percent-box:not(:last-child) {
  margin-bottom: 10px;
}

.popularProduct__thumb__percent .percent-box.bg-delete {
  background-color: var(--delete-color);
  color: var(--white);
  border-color: var(--delete-color);
}

.popularProduct__thumb__percent .percent-box.bg-topSale {
  background-color: var(--section-bg);
  color: var(--heading-color);
  border-color: var(--section-bg);
}

.popularProduct__thumb__percent .percent-box.bg-stock {
  background-color: var(--stock-color);
  color: var(--white);
  border-color: var(--stock-color);
}

.popularProduct__thumb__percent .percent-box.bg-1 {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-2 {
  background-color: var(--main-color-two);
  color: var(--white);
  border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-3 {
  background-color: var(--main-color-three);
  color: var(--white);
  border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-4 {
  background-color: var(--main-color-four);
  color: var(--white);
  border-color: inherit;
}

.popularProduct__thumb__percent .percent-box.bg-5 {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: inherit;
}

.popularProduct__thumb__icons {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.popularProduct__thumb__icons.hover-color-one .lists .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.popularProduct__thumb__icons.hover-color-two .lists .icon:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.popularProduct__thumb__icons.hover-color-three .lists .icon:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.popularProduct__thumb__icons.hover-color-four .lists .icon:hover {
  background: var(--main-color-four);
  color: var(--white);
}

.popularProduct__thumb__icons.hover-color-five .lists .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.popularProduct__thumb__icons .lists:not(:last-child) {
  margin-bottom: 5px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+1) .icon {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+2) .icon {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+3) .icon {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+4) .icon {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+5) .icon {
  -webkit-transition: all 1s;
  transition: all 1s;
  right: -50px;
}

.popularProduct__thumb__icons .lists:nth-child(2n+6) .icon {
  -webkit-transition: all 1.2s;
  transition: all 1.2s;
  right: -50px;
}

.popularProduct__thumb__icons .lists .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  background: var(--white);
  color: var(--paragraph-color);
  font-size: 16px;
  border: 1px solid var(--border-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.popularProduct__thumb__icons .lists .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
  border-color: inherit;
}

.popularProduct__contents {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.popularProduct__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 1399.98px) and (min-width: 1200px) {
  .popularProduct__title {
    font-size: 16px;
  }
}

@media screen and (max-width: 991.98px) and (min-width: 768px) {
  .popularProduct__title {
    font-size: 16px;
  }
}

.popularProduct__title:hover {
  color: var(--main-color-one);
}

@media only screen and (max-width: 375px) {
  .popularProduct__title {
    font-size: 16px;
    line-height: 20px;
  }
}

.popularProduct__price {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--heading-color);
}

.popularProduct__price s {
  font-size: 16px;
  font-weight: 400;
  color: var(--extra-light-color);
}

.popularProduct__cartBtn {
  display: inline-block;
  padding: 7px 15px;
  background-color: var(--main-color-one);
  color: var(--white);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
  z-index: 0;
}

.popularProduct__cartBtn::after,
.popularProduct__cartBtn::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0%;
  left: 0;
  top: 0;
  background-color: var(--heading-color);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.popularProduct__cartBtn::before {
  background-color: var(--white);
  left: auto;
  right: 0;
}

.popularProduct__cartBtn:hover {
  color: var(--white);
}

.popularProduct__cartBtn:hover::after,
.popularProduct__cartBtn:hover::before {
  visibility: visible;
  opacity: 1;
  width: 100%;
}

.popularProduct__cartBtn:hover::before {
  width: 100%;
}

.popularProduct__cartBtn.btn-bg-2 {
  background-color: var(--main-color-two);
}

.popularProduct__cartBtn.btn-bg-3 {
  background-color: var(--main-color-three);
}

.popularProduct__cartBtn.btn-bg-4 {
  background-color: var(--main-color-four);
}

.popularProduct__cartBtn.btn-bg-5 {
  background-color: var(--main-color-one);
}

.popularProduct__cartBtn.btn-outline-5 {
   background-color: unset;
}

/* Choose Brand Css */
.chooseBrand {
  border: 1px solid var(--border-color);
  padding: 15px;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chooseBrand__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.chooseBrand__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chooseBrand__icon img {
  border-radius: 50%;
  max-width: 45px;
}

.chooseBrand__contents {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.chooseBrand__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--heading-color);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .chooseBrand__title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767.98px) {
  .chooseBrand__title {
    font-size: 16px;
  }
}

.chooseBrand__para {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--paragraph-color);
}

/* Top Selling Procuct */
.product_card.without_border {
  border: 0;
  padding: 0;
}

.product_card.without_border .product_card__contents {
  padding: 15px 0 0;
}

/* Offer Campaign css */
.offerCampaign__wrapper {
  background-color: var(--main-color-one);
  padding: 30px;
}

@media only screen and (max-width: 575.98px) {
  .offerCampaign__wrapper {
    padding: 20px;
  }
}

.offerCampaign__title {
  font-size: 60px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--white);
  font-family: var(--inter-font);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .offerCampaign__title {
    font-size: 54px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .offerCampaign__title {
    font-size: 42px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .offerCampaign__title {
    font-size: 48px;
  }
}

@media only screen and (max-width: 575.98px) {
  .offerCampaign__title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 480px) {
  .offerCampaign__title {
    font-size: 32px;
  }
}

.offerCampaign__countdown .loopCounter_global__item {
  display: -ms-grid;
  display: grid;
  background-color: unset;
  text-align: center;
  gap: 10px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (max-width: 375px) {
  .offerCampaign__countdown .loopCounter_global__item {
    font-size: 14px;
  }
}

.offerCampaign__countdown .loopCounter_global__item::after {
  display: none;
}

.offerCampaign__countdown .loopCounter_global__item:not(:last-child) .counter-days::after,
.offerCampaign__countdown .loopCounter_global__item:not(:last-child) .counter-hours::after,
.offerCampaign__countdown .loopCounter_global__item:not(:last-child) .counter-minutes::after,
.offerCampaign__countdown .loopCounter_global__item:not(:last-child) .counter-seconds::after {
  content: ":";
  position: absolute;
  right: -14px;
  color: var(--white);
  font-weight: 500;
  font-size: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.offerCampaign__countdown .loopCounter_global__item .counter-days,
.offerCampaign__countdown .loopCounter_global__item .counter-hours,
.offerCampaign__countdown .loopCounter_global__item .counter-minutes,
.offerCampaign__countdown .loopCounter_global__item .counter-seconds {
  background-color: var(--white);
  color: var(--main-color-one);
  padding: 5px 10px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  position: relative;
}

@media only screen and (max-width: 375px) {

  .offerCampaign__countdown .loopCounter_global__item .counter-days,
  .offerCampaign__countdown .loopCounter_global__item .counter-hours,
  .offerCampaign__countdown .loopCounter_global__item .counter-minutes,
  .offerCampaign__countdown .loopCounter_global__item .counter-seconds {
    font-size: 20px;
  }
}

.offerCampaign__btn {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--main-color-one);
  background-color: var(--section-bg);
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  z-index: 0;
}

.offerCampaign__btn::after,
.offerCampaign__btn::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0%;
  left: 0;
  top: 0;
  background-color: var(--heading-color);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.offerCampaign__btn::before {
  background-color: var(--white);
  left: auto;
  right: 0;
}

.offerCampaign__btn:hover {
  color: var(--white);
}

.offerCampaign__btn:hover::after,
.offerCampaign__btn:hover::before {
  visibility: visible;
  opacity: 1;
  width: 100%;
}

.offerCampaign__btn:hover::before {
  width: 100%;
}

.offerCampaign__salesWrapper {
  position: relative;
  padding-top: 50px;
}

@media only screen and (max-width: 767.98px) {
  .offerCampaign__salesWrapper {
    padding-top: 100px;
  }
}

.offerCampaign__salesWrapper__offer {
  position: absolute;
  right: 30px;
  top: 0px;
  z-index: 1;
}

.offerCampaign__salesWrapper__offer__shape {
  position: absolute;
  left: -130px;
  bottom: 0;
  z-index: -1;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .offerCampaign__salesWrapper__offer__shape {
    left: -110px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .offerCampaign__salesWrapper__offer__shape {
    left: -100px;
  }
}

@media only screen and (max-width: 480px) {
  .offerCampaign__salesWrapper__offer__shape {
    display: none;
  }
}

.offerCampaign__salesWrapper__offer__inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--section-bg);
  border-radius: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 160px;
  width: 160px;
  color: var(--main-color-one);
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .offerCampaign__salesWrapper__offer__inner {
    height: 130px;
    width: 130px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .offerCampaign__salesWrapper__offer__inner {
    height: 130px;
    width: 130px;
  }
}

@media only screen and (max-width: 575.98px) {
  .offerCampaign__salesWrapper__offer__inner {
    height: 130px;
    width: 130px;
  }
}

.offerCampaign__salesWrapper__offer .parcent {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .offerCampaign__salesWrapper__offer .parcent {
    font-size: 42px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .offerCampaign__salesWrapper__offer .parcent {
    font-size: 42px;
  }
}

@media only screen and (max-width: 575.98px) {
  .offerCampaign__salesWrapper__offer .parcent {
    font-size: 42px;
  }
}

.offerCampaign__salesWrapper__offer .off {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 400;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .offerCampaign__salesWrapper__offer .off {
    font-size: 28px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .offerCampaign__salesWrapper__offer .off {
    font-size: 28px;
  }
}

@media only screen and (max-width: 575.98px) {
  .offerCampaign__salesWrapper__offer .off {
    font-size: 28px;
  }
}

.offerCampaign__salesWrapper__thumb {
  display: inline-block;
  border-radius: 50%;
  position: relative;
  z-index: 0;
  max-width: 300px;
  height: 300px;
  background-color: var(--section-bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 375px) {
  .offerCampaign__salesWrapper__thumb {
    max-width: 250px;
    height: 250px;
  }
}

/* Best Selling Shop css */
.bestSelling_shop {
  border: 1px solid var(--border-color);
  overflow: hidden;
  height: 100%;
}

.bestSelling_shop:hover .bestSelling_shop__thumb__icons {
  visibility: visible;
  opacity: 1;
}

.bestSelling_shop:hover .bestSelling_shop__thumb__icons .lists .icon {
  right: 0px;
}

.bestSelling_shop__thumb {
  position: relative;
  background-color: #f7f7f7;

}

.bestSelling_shop__thumb__bgImg {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100px;
  display: block;
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .bestSelling_shop__thumb__bgImg {
    height: 165px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .bestSelling_shop__thumb__bgImg {
    height: 214px;
  }
}

@media (min-width: 300px) and (max-width: 991.98px) {
  .bestSelling_shop__thumb__bgImg {
    height: 214px;
  }
}

@media only screen and (max-width: 767.98px) {
  .bestSelling_shop__thumb__bgImg {
    height: 244px;
  }
}

@media only screen and (max-width: 575.98px) {
  .bestSelling_shop__thumb__bgImg {
    height: 218px;
    background-size: cover;
  }
}

@media only screen and (max-width: 375px) {
  .bestSelling_shop__thumb__bgImg {
    height: 280px;
  }
}

.bestSelling_shop__thumb img {
  width: 100%;
}

.bestSelling_shop__thumb__percent {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  display: block;
}

.bestSelling_shop__thumb__percent.right-side {
  left: auto;
  right: 10px;
}

.bestSelling_shop__thumb__percent .percent-box {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 15px;
  background-color: var(--white);
  color: var(--heading-color);
  border: 1px solid var(--border-color);
}

.bestSelling_shop__thumb__percent .percent-box:not(:last-child) {
  margin-bottom: 10px;
}

.bestSelling_shop__thumb__percent .percent-box.bg-delete {
  background-color: var(--delete-color);
  color: var(--white);
  border-color: var(--delete-color);
}

.bestSelling_shop__thumb__percent .percent-box.bg-topSale {
  background-color: var(--section-bg);
  color: var(--heading-color);
  border-color: var(--section-bg);
}

.bestSelling_shop__thumb__percent .percent-box.bg-stock {
  background-color: var(--stock-color);
  color: var(--white);
  border-color: var(--stock-color);
}

.bestSelling_shop__thumb__percent .percent-box.bg-1 {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-2 {
  background-color: var(--main-color-two);
  color: var(--white);
  border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-3 {
  background-color: var(--main-color-three);
  color: var(--white);
  border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-4 {
  background-color: var(--main-color-four);
  color: var(--white);
  border-color: inherit;
}

.bestSelling_shop__thumb__percent .percent-box.bg-5 {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: inherit;
}

.bestSelling_shop__thumb__icons {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.bestSelling_shop__thumb__icons.hover-color-one .lists .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-two .lists .icon:hover {
  background: var(--main-color-two);
  color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-three .lists .icon:hover {
  background: var(--main-color-three);
  color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-four .lists .icon:hover {
  background: var(--main-color-four);
  color: var(--white);
}

.bestSelling_shop__thumb__icons.hover-color-five .lists .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.bestSelling_shop__thumb__icons .lists:not(:last-child) {
  margin-bottom: 5px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+1) .icon {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+2) .icon {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+3) .icon {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+4) .icon {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+5) .icon {
  -webkit-transition: all 1s;
  transition: all 1s;
  right: -50px;
}

.bestSelling_shop__thumb__icons .lists:nth-child(2n+6) .icon {
  -webkit-transition: all 1.2s;
  transition: all 1.2s;
  right: -50px;
}

.bestSelling_shop__thumb__icons .lists .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  background: var(--white);
  color: var(--paragraph-color);
  font-size: 16px;
  border: 1px solid var(--border-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.bestSelling_shop__thumb__icons .lists .icon:hover {
  background: var(--main-color-one);
  color: var(--white);
  border-color: inherit;
}

.bestSelling_shop__contents {
  padding: 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.bestSelling_shop__brand {
  margin-top: -35px;
  max-width: 45px;
  height: 45px;
  position: relative;
  z-index: 5;
  margin-left: auto;
}

.bestSelling_shop__brand img {
  border-radius: 50%;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.bestSelling_shop__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.bestSelling_shop__title:hover {
  color: var(--main-color-one);
}

.bestSelling_shop__btn {
  display: inline-block;
  font-size: 14px;
  list-style: 1.1;
  font-weight: 400;
  color: var(--main-color-two);
  border-bottom: 1px solid var(--main-color-two);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.bestSelling_shop__btn:hover {
  letter-spacing: 1px;
  color: var(--main-color-one);
  border-color: inherit;
}

/* Mobile App */
.mobileApp__bgShape {
  position: relative;
  display: inline-block;
  padding-top: 50px;
}

.mobileApp__bgShape::before,
.mobileApp__bgShape::after {
  content: "";
  position: absolute;
  height: calc(100% - 50px);
  width: calc(100% - 50px);
  left: -20px;
  top: 0px;
  background-color: var(--main-color-two);
  /* IE 9 */
  -webkit-transform: rotate(-5deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-5deg);
  border-radius: 20px;
  z-index: -1;
}

.mobileApp__bgShape::after {
  background-color: var(--main-color-one);
  /* IE 9 */
  -webkit-transform: rotate(5deg);
  /* Chrome, Safari, Opera */
  transform: rotate(5deg);
  left: auto;
  right: -20px;
  top: 20px;
}

.mobileApp__thumb {
  height: 550px;
}

.mobileApp__thumb img {
  height: 100%;
  border-radius: 30px;
}

.mobileApp__title {
  font-size: 42px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--heading-color);
  font-family: var(--inter-font);
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .mobileApp__title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767.98px) {
  .mobileApp__title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 480px) {
  .mobileApp__title {
    font-size: 32px;
  }
}

@media only screen and (max-width: 375px) {
  .mobileApp__title {
    font-size: 28px;
  }
}

.mobileApp__para {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: var(--paragraph-color);
  -webkit-line-clamp: 5;
  font-family: var(--inter-font);
  margin-top: 30px;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  text-align: justify;
}

.mobileApp__btn {
  max-width: 160px;
  border-radius: 10px;
}

/* Blog Four */
.blogFour {
  border: 1px solid var(--border-color);
}

.blogFour__thumb {
  position: relative;
  background: #f7f7f7;
  height: 195px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.blogFour__thumb img {
  width: 100%;
}

.blogFour__thumb__tag {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.blogFour__thumb__tag.right-side {
  left: auto;
  right: 10px;
}

.blogFour__thumb__tag .tag_item {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 3px 12px;
  background-color: var(--white);
  color: var(--heading-color);
  border: 1px solid var(--border-color);
}

.blogFour__thumb__tag .tag_item.bg-delete {
  background-color: var(--delete-color);
  color: var(--white);
  border-color: var(--delete-color);
}

.blogFour__thumb__tag .tag_item.bg-topSale {
  background-color: var(--section-bg);
  color: var(--heading-color);
  border-color: var(--section-bg);
}

.blogFour__thumb__tag .tag_item.bg-stock {
  background-color: var(--stock-color);
  color: var(--white);
  border-color: var(--stock-color);
}

.blogFour__thumb__tag .tag_item.bg-1 {
  background-color: var(--main-color-one);
  color: var(--white);
  border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-2 {
  background-color: var(--main-color-two);
  color: var(--white);
  border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-3 {
  background-color: var(--main-color-three);
  color: var(--white);
  border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-4 {
  background-color: var(--main-color-four);
  color: var(--white);
  border-color: inherit;
}

.blogFour__thumb__tag .tag_item.bg-5 {
  background-color: var(--white);
  color: var(--heading-color);
  border-color: inherit;
}

.blogFour__contents {
  padding: 15px;
}

.blogFour__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: var(--heading-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.blogFour__title:hover {
  color: var(--main-color-one);
}

.blogFour__para {
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: var(--paragraph-color);
}

.blogFour__btn {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: var(--main-color-one);
  border-bottom: 1px solid var(--main-color-one);
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.blogFour__btn:hover {
  color: var(--main-color-one);
  letter-spacing: 1px;
}

/* footer css */
.footer-four .footer-widget .footer-inner .footer-link-list .list::before {
  color: var(--main-color-one);
}

.footer-four .footer-widget .footer-inner .footer-link-list .list:hover a {
  color: var(--section-bg);
}

.footer-four .footer-widget .footer-inner .footer-social-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.footer-four .footer-widget .footer-inner .footer-social-list .lists a {
  background-color: var(--section-bg);
  border-radius: 0;
  color: var(--heading-color);
  height: 35px;
  width: 35px;
  font-size: 18px;
}

.footer-four .footer-widget .footer-inner .footer-social-list .lists a:hover {
  color: var(--main-color-one);
  background: var(--white);
}

.footer-four .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control:focus {
  border: 1px solid rgba(var(--main-color-one-rgb), 0.2);
  -webkit-box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
  box-shadow: 0 0 20px rgba(var(--main-color-one-rgb), 0.1);
}

.footer-four .footer-widget .footer-inner .subscribe-form .widget-form-single button {
  background: var(--main-color-one);
}

.footer-four.white-color .footer-widget .widget-title {
  color: var(--white);
}

.footer-four.white-color .footer-widget .footer-inner .widget-para {
  color: var(--paragraph-white-2);
}

.footer-four.white-color .footer-widget .footer-inner .subscribe-para {
  color: var(--paragraph-white-2);
}

.footer-four.white-color .footer-widget .footer-inner .footer-link-list .list a {
  color: var(--paragraph-white-2);
}

.footer-four.white-color .footer-widget .footer-inner .footer-link-list .list a:hover {
  color: var(--section-bg);
}

.footer-four.white-color .footer-widget .footer-inner .footer-social-list .lists a {
  color: var(--heading-color);
}

.footer-four.white-color .footer-widget .footer-inner .footer-social-list .lists a:hover {
  background: var(--white);
  color: var(--main-color-one);
}

.footer-four.white-color .footer-widget .footer-inner .subscribe-form .widget-form-single .form--control {
  -webkit-box-shadow: 0 0 10px rgba(var(--white-rgb), 0.1);
  box-shadow: 0 0 10px rgba(var(--white-rgb), 0.1);
}

.footer-four.white-color .footer-widget .footer-inner .payment-list .list {
  background: rgba(var(--white-rgb), 0.7);
}

.footer-four.white-color .copyright-contents {
  color: rgba(var(--white-rgb), 0.7);
}

.footer-four.white-color .copyright-border {
  border-color: rgba(var(--white-rgb), 0.2);
}

.footer-logo-wrapper {
  max-width: 200px;
}

/* Back to top */
.back-to-top.bg-color-five {
  background-color: var(--main-color-five);
}

.error-wrapper-contents {
  max-width: 600px;
  margin-inline: auto;
}

.error-wrapper-title {
  font-size: 150px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--delete-color);
}

.error-wrapper-error-subtitle {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--heading-color);
}

.error-wrapper-error-para {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: var(--paragraph-color);
}

.dashboard_posSystem__item__thumb__main {
  height: 150px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--border-color);
}

.dashboard_posSystem__item__thumb__main img {
  object-fit: cover;
}

.dashboard_posSystem__item__title {
  min-height: 48px;
}

.dashboard_posSystem__header__scan__code {
  display: flex;
  gap: 10px !important;
}

.editProduct__contents__title + p {
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
}

.editProduct__contents__title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--heading-color);
}
.dashboard_posSystem__sidebar {
  z-index: 0;
}

.value-input-area .form--input {
  border: 0;
}
.posBtn.btn_bg_1 {
  background-color: var(--main-color-one);
  color: var(--white);
  border: 1px solid var(--main-color-one);
}

.editProduct .shop-details-thumb-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: wrap;
  margin-top: 10px;
}

.editProduct .shop-details-thums {
  width: calc(100% / 2 - 5px);
}

.product__card__cart__btn:hover {
  cursor: pointer;
}

.product__card__cart__btn.product-quick-view-ajax {
  background: inherit;
  color: var(--main-color-one);
}

.product__card__cart__btn.product-quick-view-ajax:hover {
  background: var(--main-color-one);
  color: var(--white);
}

.product__card__cart__btn.product-quick-view-ajax.btn__black {
  background: inherit;
  color: var(--heading-color);
}

.product__card__cart__btn.product-quick-view-ajax.btn__black:hover {
  background: var(--heading-color);
  color: var(--white);
}

section.deal-area:last-child {
  padding-bottom: 50px;
}

@media screen and (min-width: 992px) {
  .footer-middle div[class*=col]:nth-child(2) .footer-widget .footer-widget {
    padding-left: 3rem!important;
  }
  .footer-area.footer-bg.footer-color-two div[class*=col]:nth-child(2) .footer-widget {
    padding-left: 3rem!important;
  }
}

.signin__account__para .active,
label.form-check-label .text-active {
    color: var(--main-color-one)!important;
}

.vendor-signin-area {
  height: 100vh;
  display: grid;
  place-items: center;
}

/* solve summernote content issue */
.note-editable > p {
  max-width: 100%;
  word-break: break-all;
}
.note-editable > div {
  max-width: 100%;
  word-break: break-all;
  padding: 10px;
}
.note-editable > div pre {
  max-width: 100%;
  word-break: break-all;
  display: contents;
}


.payment-slider-item {
  padding: 5px;
  border: 2px solid #ddd;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-slider-item img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.payment-slider .prev-icon,
.payment-slider .next-icon {
  width: 30px;
  height: 30px;
  font-size: 18px;
}

.copyright-block a {
  display: inline-block;
  color: var(--customer-profile);
}

.bg-unset {
  background: unset;
}

a.blog-contents-btn.outline-blog-button {
  background: unset;
  color: var(--main-color-one);
  padding: 6px 20px 7px;
}

a.blog-contents-btn.outline-blog-button:hover {
  background: var(--main-color-one);
  color: var(--white);
}
.min-width-100 {
  min-width: 100px;
}
.max-width-200 {
  max-width: 200px;
}
.max-width-300 {
  max-width: 300px;
}
.color-calendar .calendar__days .calendar__day {
  z-index: 0;
}
.color-calendar.basic .calendar__arrow-prev {
  z-index: 0;
}

ul.mega-menu-main .round-menu-product > a {
  height: 150px;
  background: var(--border-color);
  display: block;
}

ul.mega-menu-main .round-menu-product > a img {
  height: 100%;
  object-fit: cover;
}

div#gdpr-cookie-message #gdpr-cookie-close:hover{
  background: var(--white);
  color: var(--delete-color);
  transform: rotate(90deg);
}

.vendor-superMarket-shape svg {
  position: absolute;
  left: 23%;
  top: -21px;
  height: 40px;
  width: 40px;
}

@media (min-width: 1419px) and (max-width: 1620px) {
  .vendor-superMarket-shape svg {
    left: 25%;
  }
}
@media (min-width: 1119px) and (max-width: 1420px) {
  .vendor-superMarket-shape svg {
    left: 26%;
  }
}

@media (min-width: 1020px) and (max-width: 1120px) {
  .vendor-superMarket-shape svg {
    left: 27%;
  }
}
@media (min-width: 920px) and (max-width: 1019px) {
  .vendor-superMarket-shape svg {
    left: 28%;
  }
}

@media (min-width: 820px) and (max-width: 919px) {
  .vendor-superMarket-shape svg {
    left: 29%;
  }
}
@media (min-width: 720px) and (max-width: 820px) {
  .vendor-superMarket-shape svg {
    left: 30%;
  }
}
@media (min-width: 619px) and (max-width: 719px) {
  .vendor-superMarket-shape svg {
    left: 32%;
  }
}
@media (min-width: 519px) and (max-width: 620px) {
  .vendor-superMarket-shape svg {
    left: 35%;
  }
}

@media (min-width: 376px) and (max-width: 520px) {
  .vendor-superMarket-shape svg {
    left: 38%;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .vendor-superMarket-shape svg {
    left: 40%;
  }
}


h5.common-title-two svg {
  height: 24px;
  width: 24px;
}