@charset "UTF-8";
:root {
  /**
  @font family declaration
  */
  --tp-ff-body: 'Jost', sans-serif;
  --tp-ff-heading: 'Jost', sans-serif;
  --tp-ff-p: 'Jost', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 5 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #ffffff;
  --tp-common-black: #000;
  --tp-common-yellow: #ffcd00;
  --tp-heading-primary: #000;
  --tp-grey-1: #a5a5a6;
  --tp-grey-2: #f3f4f7;
  --tp-grey-3: #c8c8c8;
  --tp-grey-4: #e6dfd6;
  --tp-grey-5: #fff3f6;
  --tp-grey-6: #cfcfcf;
  --tp-grey-7: #d3d3d3;
  --tp-grey-8: #f6f6f6;
  --tp-grey-9: #999999;
  --tp-text-body: #040404;
  --tp-text-primary: #d51243;
  --tp-text-secondary: #777777;
  --tp-text-tertiary: #adadad;
  --tp-text-4: #a0a0a0;
  --tp-text-5: #999999;
  --tp-theme-1: #3D6CE7;
  --tp-theme-2: #f3eee7;
  --tp-theme-3: #f7f7f7;
  --tp-theme-4: #77977b;
  --tp-theme-5: #8e8b74;
  --tp-theme-6: #f8f8f8;
  --tp-theme-7: #ededed;
  --tp-theme-8: #f4f1ec;
  --tp-theme-9: #83b735;
  --tp-theme-10: #f3f4f7;
  --tp-theme-11: #f3f7f7;
  --tp-theme-12: #f0e2dd;
  --tp-theme-13: #f7efec;
  --tp-theme-14: #f58448;
  --tp-border-1: #e7e7e7;
  --tp-border-2: #f6f6f6;
  --tp-border-3: #ecf0ef;
  --tp-border-4: #e0e0e0;
  --tp-border-5: #282828;
  --tp-border-6: #e4e4e4;
}

/*-----------------------------------------------------------------------------------

    Theme Name: Ninico - Minimal eCommerce HTML Template
    Author: Theme Pure
    Support: basictheme@gmail.com
    Description: Template Name  – HTML5 Template
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

    01. THEME DEFAULT CSS
    02. HEADER CSS
    03. MEAN MENU CSS
	04. SLIDER CSS START
	05. CATEGORY CSS START
	06. PRODUCT CSS START
	07. SHOP CSS START
	08. BANNER CSS START
	09. MARQUE CSS START
	10. PORTFOLIO CSS START
	11. BLOG CSS START
	12. CTA CSS START
	13. SERVICES CSS START
	14. BRAND CSS START
	15. PLATINAM-PRODUCT CSS START
	16. FEATURES CSS START
	17. TESTIMONIAL CSS START
	18. SELECTPRODUCT CSS START
	19. PRODUCT-DETAILS CSS START
	20. CART CSS START
	21. LOCATION CSS START
	22. SIGN CSS START
	23. COMING-SOON CSS START
	24. FOOTER CSS START


**********************************************/
/*----------------------------------------*/
/*  01. THEME DEFAULT CSS START
/*----------------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--tp-ff-body);
  font-size: 18px;
  font-weight: 400;
  color: var(--tp-text-body);
  line-height: 26px;
  overflow-x: hidden !important;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--tp-ff-heading);
  color: var(--tp-header-1);
  margin-top: 0px;
  font-weight: var(--tp-fw-sbold);
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-family: var(--tp-ff-p);
  font-size: 18px;
  font-weight: 400;
  color: var(--tp-text-body);
  margin-bottom: 15px;
  line-height: 26px;
}

a,
.btn,
button,
p,
i,
input,
select,
textarea,
li,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

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

a {
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  outline: none;
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::selection {
  background: var(--tp-text-primary);
  color: var(--tp-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}

*::placeholder {
  color: var(--tp-common-black);
  font-size: var(--tp-fz-body);
  opacity: 1;
}

/*---------------------------------
    common classes css start 
---------------------------------*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.z-index-1 {
  z-index: 1;
}

.z-index-11 {
  z-index: 11;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

.gx-6 {
  --bs-gutter-x: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .gx-6 {
    --bs-gutter-x: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .gx-6 {
    --bs-gutter-x: 30px;
  }
}

.f-right {
  float: right;
}

/* scrollUp */
.scroll-top {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: 16px;
  border-radius: 6px;
  z-index: 99;
  color: var(--tp-common-white);
  text-align: center;
  cursor: pointer;
  background: var(--tp-text-primary);
  transition: 1s ease;
  border: none;
}
@media (max-width: 767px) {
  .scroll-top {
    right: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.scroll-top.open {
  bottom: 30px;
}

.scroll-top::after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scroll-top:hover {
  background: var(--tp-text-body);
}

/*----------------------------------------*/
/*  Spacing
/*----------------------------------------*/ /*----------------------------------------*/
/*  00. BUTTON CSS START
/*----------------------------------------*/
.tp-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 17px 33px;
  border-radius: 6px;
  color: var(--tp-text-body);
  background: var(--tp-common-white);
  line-height: 1.2;
}
.tp-btn:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-text-primary);
}
.tp-btn:hover i {
  animation: iconarrow 0.4s linear;
}
.tp-btn i {
  color: var(--tp-text-2);
  margin-left: 10px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .tp-btn i {
    margin-left: 2px;
  }
}

.tpsecondary-btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 17px 33px;
  border-radius: 6px;
  background: var(--tp-text-primary);
  color: var(--tp-common-white);
  line-height: 1.2;
  position: relative;
}
.tpsecondary-btn::before {
  position: absolute;
  content: "";
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  left: -10%;
  top: 0;
  height: 100%;
  width: 10%;
}
.tpsecondary-btn:hover::before {
  animation: lightwhite 0.8s;
}
.tpsecondary-btn:hover i {
  animation: iconarrow 0.4s linear;
}
.tpsecondary-btn i {
  color: var(--tp-text-2);
  margin-left: 10px;
  text-transform: uppercase;
}

.tpcart-btn,
.tpcheck-btn {
  border: 2px solid var(--tp-text-primary);
  display: block;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  min-height: 45px;
  text-transform: uppercase;
  background: var(--tp-text-primary);
  color: var(--tp-common-white);
  border-radius: 30px;
  padding: 10px 30px;
  text-align: center;
  line-height: 1.5;
  padding: 14px;
  font-weight: 600;
}
.tpcart-btn:hover,
.tpcheck-btn:hover {
  background-color: #b50833;
  color: var(--tp-common-white);
  border: 2px solid #b50833;
}

.tpcart-btn {
  background-color: transparent;
  color: var(--tp-text-primary);
}
.tpcart-btn:hover {
  background-color: #b50833;
  color: var(--tp-common-white);
  border: 2px solid #b50833;
}

.tp-color-btn {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}

/* 01.  ========= pulse effect animation ========== */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/* 02. ========= btn arrow animation ========== */
@keyframes iconarrow {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
/* 03. ========= btn arrow animation ========== */
@-webkit-keyframes shine {
  100% {
    left: 100%;
  }
}
@keyframes shine {
  100% {
    left: 100%;
  }
}
/* 04. ========= firefly ========== */
@keyframes firefly {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    color: white;
  }
}
/* 05. ========= firefly ========== */
@keyframes hotdeal {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
  75% {
    opacity: 0.8;
  }
  100% {
    opacity: 1.5;
  }
}
/* 06. ========= firefly ========== */
@keyframes lightwhite {
  100% {
    left: 100%;
  }
}
/* 07. ========= lighttitle ========== */
@keyframes lighttitle {
  100% {
    left: 100%;
  }
}
/* 08. ========= banneranimation ========== */
.banner-animation {
  position: relative;
  overflow: hidden;
}
.banner-animation::before {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 50%;
  pointer-events: none;
  top: 0;
  opacity: 1;
  width: 0;
  transition: all 900ms linear;
}
.banner-animation:hover::before {
  left: 0;
  right: 0;
  opacity: 0;
  width: auto;
  transition: all 900ms linear;
}

/* 09. ========= banneranimation ========== */
@-webkit-keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* 02. ========= video ripple animation ========== */
@keyframes tp-pulse-2 {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/* 02. ========= section animation ========== */
@keyframes section-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
/*--- preloader ---*/
.dark #preloader {
  background-color: #232323;
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f7f7;
  z-index: 999999;
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}
.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #D51243;
  -webkit-animation: preloader 1.3s linear infinite;
  animation: preloader 1.3s linear infinite;
}
.preloader span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
/*----------------------------------------*/
/*  00. PRELOADER CSS START
/*----------------------------------------*/
/*--
    - Background color
-----------------------------------------*/
.grey-bg {
  background: var(--tp-grey-1);
}

.grey-bg-2 {
  background: var(--tp-grey-2);
}

.grey-bg-3 {
  background: var(--tp-grey-8);
}

.white-bg {
  background: var(--tp-common-white);
}

.black-bg {
  background: var(--tp-common-black);
}

.space-bg {
  background: var(--tp-theme-2);
}

.theme-bg {
  background-color: var(--tp-theme-6);
}

.theme-bg-2 {
  background-color: var(--tp-text-primary);
}

.slider-bg {
  background-color: var(--tp-theme-8);
}

.footer-bg {
  background-color: var(--tp-theme-7);
}

.black-bg-2 {
  background-color: var(--tp-text-body);
}

.green-bg {
  background-color: var(--tp-theme-9);
}

.green-bg-2 {
  background-color: var(--tp-theme-11);
}

.slider-bg-2 {
  background-color: var(--tp-theme-10);
}

.platinam-bg {
  background-color: var(--tp-theme-12);
}

.platinam-light {
  background-color: var(--tp-theme-13);
}

/*----------------------------------------*/
/*  00. CAROUSEL CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  00. OFF-CANVAS CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  00. BREADCRUMB CSS START
/*----------------------------------------*/
.tp-breadcrumb__bg {
  background-position: right;
  background-repeat: repeat;
  background-size: cover;
  background-color: #F0F1F3;
}
@media (max-width: 767px) {
  .tp-breadcrumb__bg {
    background-position: left;
  }
}
.tp-breadcrumb__title {
  font-size: 44px;
  font-weight: 600;
  color: var(--tp-text-body);
}
@media (max-width: 767px) {
  .tp-breadcrumb__title {
    font-size: 36px;
  }
}
.tp-breadcrumb__link span {
  font-size: 16px;
  display: inline-block;
  color: var(--tp-text-body);
  font-weight: 400;
  transition: 0.3s;
}
.tp-breadcrumb__link span.devider {
  margin: 0 10px;
  transform: translateY(2px);
}
.tp-breadcrumb__link span.devider i {
  font-size: 20px;
  color: var(--tp-text-body);
}
.tp-breadcrumb__link span:hover {
  color: var(--tp-text-primary);
}
.tp-breadcrumb__link span.current-item {
  color: var(--tp-text-secondary);
}
.tp-breadcrumb__link span a:hover {
  color: var(--tp-text-primary);
}
.tp-breadcrumb__link .breadcrumb-item-active {
  position: relative;
  color: var(--tp-text-body);
  padding-right: 40px;
}
.tp-breadcrumb__link .breadcrumb-item-active::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 30px;
  background-color: #e4ded5;
  top: 50%;
  transform: translate(-50%);
  right: -13px;
}

.basic-pagination ul {
  padding-left: 0 !important;
}
.basic-pagination ul li {
  display: inline-block;
  list-style: none;
}
.basic-pagination ul li:not(:last-child) {
  margin-right: 5px;
}
.basic-pagination ul li a, .basic-pagination ul li span {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 48px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid var(--tp-theme-7);
  font-size: 14px;
  font-weight: 600;
  color: var(--tp-text-body);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
@media (max-width: 767px) {
  .basic-pagination ul li a, .basic-pagination ul li span {
    height: 30px;
    width: 30px;
    line-height: 28px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .basic-pagination ul li a, .basic-pagination ul li span {
    height: 40px;
    width: 40px;
    line-height: 36px;
    font-size: 14px;
  }
}
.basic-pagination ul li a:hover, .basic-pagination ul li a.current, .basic-pagination ul li span:hover, .basic-pagination ul li span.current {
  background: var(--tp-text-primary);
  border-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}
.basic-pagination ul li a i, .basic-pagination ul li span i {
  font-weight: 600;
}

/*----------------------------------------*/
/*  00. ACCORDIONS CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  00. TAB CSS START
/*----------------------------------------*/
.tpnavbar {
  display: flex;
  justify-content: end;
}
@media (max-width: 767px) {
  .tpnavbar {
    justify-content: start;
  }
}
.tpnavbar .nav-tabs {
  border-bottom: none;
}
.tpnavbar .nav-link {
  border: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  margin-left: 50px;
  color: var(--tp-text-body);
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpnavbar .nav-link {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .tpnavbar .nav-link {
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 30px;
  }
}
.tpnavbar .nav-link.active {
  color: var(--tp-text-primary);
  text-decoration: underline;
}

.tpproductnav {
  justify-content: center;
}
@media (max-width: 767px) {
  .tpproductnav {
    justify-content: start;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproductnav.tpnavbar .nav-link {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpproductnav.tpnavbar .nav-link {
    margin-left: 30px;
  }
}

.tpproductall {
  text-align: right;
}
@media (max-width: 767px) {
  .tpproductall {
    text-align: left;
    margin-bottom: 30px;
  }
}
.tpproductall a {
  font-weight: 600;
  font-size: 16px;
}
.tpproductall a:hover {
  color: var(--tp-text-primary);
}
.tpproductall a i {
  margin-left: 8px;
}

/*----------------------------------------*/
/*  00. MODAL CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*   SECTION-TITLE CSS START
/*----------------------------------------*/
.tpsection__title {
  font-size: 26px;
  color: var(--tp-text-body);
  font-weight: 600;
}
@media (max-width: 767px) {
  .tpsection__title {
    font-size: 22px;
  }
}
.tpsection__title span {
  position: relative;
  display: inline-block;
  font-weight: 300;
  color: var(--tp-text-primary);
  font-size: 26px;
  letter-spacing: -1px;
}
.tpsection__title span img {
  position: absolute;
  left: 0;
  bottom: 1px;
  z-index: -1;
  animation: section-animation 2s infinite;
}

.tpsectionarea__subtitle {
  Font-size: 20px;
  font-weight: 400;
  color: var(--tp-text-primary);
  margin-bottom: 0;
}
.tpsectionarea__title {
  font-size: 40px;
  font-weight: 600;
  color: var(--tp-text-body);
}
.tpsectionarea__title i {
  transform: translateY(5px);
}

.solid-line {
  position: relative;
  border-top: 1px solid var(--tp-border-1);
}
.solid-line .tpsection__title {
  transform: translateY(-18px);
  background: #f8f8f8;
  display: inline-block;
  padding: 0 30px;
}

/*----------------------------------------*/
/*  00. HEADER CSS START
/*----------------------------------------*/
.header-welcome-text {
  padding: 7px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header-welcome-text {
    text-align: center;
  }
}
.header-welcome-text span {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .header-welcome-text span {
    font-size: 14px;
  }
}
.header-welcome-text a {
  color: var(--tp-text-primary);
  font-weight: 600;
  display: inline-block;
  position: relative;
}
@media (max-width: 767px) {
  .header-welcome-text a {
    font-size: 14px;
  }
}
.header-welcome-text a::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background-color: var(--tp-text-primary);
  bottom: 0;
}
.header-welcome-text a i {
  margin-left: 10px;
}
.header-welcome-text a:hover i {
  animation: iconarrow 0.4s linear;
}

.header-search-bar {
  width: 100%;
}
.header-search-bar .header-search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.header-search-bar input {
  border: none;
  height: 50px;
  width: 100%;
  padding: 5px 45px 5px 45px;
  background-color: var(--tp-grey-2);
  border-radius: 6px;
}
.header-search-bar input::placeholder {
  color: var(--tp-grey-1);
}

.header-meta {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-meta {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .header-meta {
    transform: translateY(4px);
  }
}
.header-meta__lang > ul > li {
  position: relative;
  list-style: none;
}
.header-meta__lang > ul > li > a {
  border: 1px solid var(--tp-border-1);
  display: flex;
  align-items: center;
  padding: 6px 58px 6px 6px;
  border-radius: 5px;
  margin-right: 20px;
  font-weight: 700;
  font-size: 14px;
}
.header-meta__lang > ul > li > a img {
  margin-right: 12px;
}
.header-meta__lang > ul > li > a i {
  color: var(--tp-grey-3);
  font-size: 15px;
  margin-left: 8px;
}
.header-meta__lang > ul > li:hover .header-meta__lang-submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-meta__lang > ul > li:hover a i {
  transform: rotate(180deg);
  color: var(--tp-text-primary);
}
.header-meta__lang-submenu {
  position: absolute;
  top: 110%;
  left: 0px;
  width: 140px;
  background: var(--tp-common-white);
  z-index: 10;
  box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
  padding: 15px 20px;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header-meta__lang-submenu li {
  list-style: none;
  margin-bottom: 15px;
}
.header-meta__lang-submenu li:last-child {
  margin-bottom: 0;
}
.header-meta__lang-submenu li:hover {
  color: var(--tp-text-primary);
}
.header-meta__value span {
  font-weight: 700;
  font-size: 14px;
}
.header-meta__value .nice-select {
  height: 50px;
  line-height: 47px;
  width: 95px;
}
.header-meta__value .nice-select:focus {
  border-color: var(--tp-text-primary);
}
.header-meta__social a {
  margin-left: 25px;
  font-size: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-meta__social a {
    margin-left: 15px;
  }
}
@media (max-width: 767px) {
  .header-meta__social a {
    margin-left: 15px;
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-meta__social a {
    margin-left: 25px;
  }
}
.header-meta__social a::hover {
  color: var(--tp-common-black);
}
.header-meta__search-5 {
  position: relative;
}
.header-meta__search-5 input {
  height: 50px;
  width: 200px;
  background-color: transparent;
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
  padding: 2px 10px 2px 45px;
}
.header-meta__search-5 input:focus {
  border: 1px solid var(--tp-text-primary);
}
.header-meta__search-5 input::placeholder {
  font-size: 14px;
  color: var(--tp-text-5);
}
.header-meta__search-5 .header-search-icon-5 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  color: var(--tp-text-body);
  font-size: 14px;
}

.header-cart span.cart__count {
  display: inline-block;
  line-height: 1;
  border-radius: 50%;
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: -4px;
  right: -8px;
  padding: 1.5px 4.1px;
}

.cat-menu__category > a {
  display: flex;
  align-items: center;
  padding: 9px 25px;
  min-height: 50px;
  min-width: 215px;
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 600;
  border-radius: 6px 6px 0 0;
  background: var(--tp-text-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .cat-menu__category > a {
    min-width: 205px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .cat-menu__category > a {
    min-width: 100%;
  }
}
.cat-menu__category > a i {
  margin-right: 15px;
}
.cat-menu__category .category-menu {
  background: var(--tp-common-white);
  width: 100%;
  border: 1px solid var(--tp-border-2);
  border-top: none;
  position: absolute;
  top: 100%;
  left: 0;
  border-radius: 0 0 6px 6px;
  z-index: 9;
}
.cat-menu__category .category-menu .daily-offer {
  padding: 14px 0;
  background-color: var(--tp-border-2);
  border-radius: 0 0 6px 6px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cat-menu__category .category-menu .daily-offer {
    padding: 14px 0;
  }
}
.cat-menu__category .category-menu .daily-offer ul li {
  list-style: none;
  padding: 3px 20px 3px 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .cat-menu__category .category-menu .daily-offer ul li {
    padding: 0px 20px 0px 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cat-menu__category .category-menu .daily-offer ul li {
    padding: 3px 20px 3px 15px;
  }
}
.cat-menu__category .category-menu .daily-offer ul li a {
  background-image: linear-gradient(#d51243, #d51243), linear-gradient(#d51243, #d51243);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 90%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-size: 14px;
  font-weight: 600;
}
.cat-menu__category .category-menu .daily-offer ul li a:hover {
  color: var(--tp-text-primary);
  background-size: 0 1px, 100% 1px;
}
.cat-menu__list {
  padding: 10px 0;
}
.cat-menu__list li {
  list-style: none;
}
.cat-menu__list li > a {
  display: flex;
  color: var(--tp-text-body);
  font-size: 14px;
  font-weight: 400;
  padding: 9px 25px 5px 25px;
  background: transparent;
  align-items: center;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cat-menu__list li > a {
    padding: 9px 15px 5px 15px;
  }
}
.cat-menu__list li > a:hover {
  color: var(--tp-text-primary);
}
.cat-menu__list li > a:hover::after {
  color: var(--tp-text-primary);
}
.cat-menu__list li > a i {
  width: 32px;
  color: var(--tp-text-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cat-menu__list li > a i {
    width: 28px;
  }
}
.cat-menu__list li.menu-item-has-children:hover .submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.cat-menu__list li.menu-item-has-children > a::after {
  content: "\f178";
  position: absolute;
  right: 20px;
  font-size: 14px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  color: var(--tp-grey-3);
}
.cat-menu__list li.menu-item-has-children > a:hover::after {
  color: var(--tp-text-primary);
}
.cat-menu__list li.menu-item-has-children .submenu {
  position: absolute;
  width: 100%;
  height: fit-content;
  left: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 0;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  list-style: none;
  background-color: var(--tp-common-white);
  border-left: 1px solid var(--tp-border-1);
  border-top: 0;
  white-space: nowrap;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.25s cubic-bezier(0.28, 0.12, 0.22, 1);
  transition: all 0.25s cubic-bezier(0.28, 0.12, 0.22, 1);
}

.main-menu ul > li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin-right: 65px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .main-menu ul > li {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .main-menu ul > li {
    margin-right: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu ul > li {
    margin-right: 40px;
  }
}
.main-menu ul > li > a {
  position: relative;
  font-weight: 600;
  font-size: 14px;
  color: var(--tp-text-body);
  padding: 15px 0 23px 0;
  display: block;
  line-height: 1;
}
.main-menu ul > li.has-dropdown > a {
  position: relative;
}
.main-menu ul > li.has-dropdown > a::after {
  transform: translateY(2px);
  content: "\f107";
  font-size: 14px;
  color: var(--tp-grey-3);
  font-family: var(--tp-ff-fontawesome);
  margin-left: 4px;
  display: inline-block;
  font-weight: 400;
}
.main-menu ul > li .submenu {
  text-align: left;
  position: absolute;
  top: 120%;
  left: 0;
  min-width: 250px;
  padding: 15px 0;
  background-color: var(--tp-common-white);
  z-index: 2;
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.1);
  border-radius: 0px 0px 10px 10px;
  border-top: 2px solid var(--tp-text-primary);
  opacity: 0;
  visibility: hidden;
  transition: 0.1s;
}
.main-menu ul > li .submenu li {
  display: block;
  width: 100%;
  margin: 0;
}
.main-menu ul > li .submenu li.has-dropdown > a::after {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.main-menu ul > li .submenu li a {
  padding: 12px 25px;
  font-size: 15px;
  z-index: 1;
  color: var(--tp-common-black);
  width: 100%;
  font-weight: 500;
}
.main-menu ul > li .submenu li a::before {
  display: none;
}
.main-menu ul > li .submenu li .submenu {
  left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;
}
.main-menu ul > li .submenu li:hover > a {
  color: var(--tp-text-primary);
  margin-left: 8px;
}
.main-menu ul > li .submenu li:hover .mega-menu-title {
  margin-left: 0;
}
.main-menu ul > li .submenu li:hover > .submenu {
  left: 100%;
  visibility: visible;
  opacity: 1;
}
.main-menu ul > li .mega-menu {
  padding: 20px 40px 20px 40px;
  top: 120%;
  width: 800px;
  background-color: var(--tp-common-white);
  left: 0 !important;
  right: 0;
  z-index: 5;
  transform-origin: top;
  flex: 0 0 auto;
  display: flex;
  margin: 0 auto;
  box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.1);
  border-radius: 0px 0px 10px 10px;
  border-top: 2px solid var(--tp-text-primary);
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -ms-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}
.main-menu ul > li .mega-menu li {
  width: 260px;
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}
.main-menu ul > li .mega-menu li .mega-menu-title {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 13px;
  position: relative;
  text-transform: uppercase;
  color: var(--tp-common-black);
  margin-bottom: 10px;
  padding-left: 0;
}
.main-menu ul > li .mega-menu li ul {
  padding-left: 0;
  text-align: left;
}
.main-menu ul > li .mega-menu li ul li {
  padding-left: 0;
  text-align: left;
}
.main-menu ul > li .mega-menu li ul li a {
  position: relative;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-text-body);
  text-transform: capitalize;
  text-align: start;
  margin-right: 8px;
  padding-left: 0;
}
.main-menu ul > li .mega-menu li ul li a:hover {
  color: var(--tp-text-primary);
}
.main-menu ul > li:hover > a {
  color: var(--tp-text-primary);
}
.main-menu ul > li:hover > a::after {
  color: var(--tp-text-primary);
}
.main-menu ul > li:hover > a::before {
  width: 41px;
}
.main-menu ul > li:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
  z-index: 99;
}

.menu-contact {
  display: flex;
  justify-content: end;
}
.menu-contact ul li {
  display: inline-block;
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .menu-contact ul li {
    margin-right: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menu-contact ul li {
    margin-right: 12px;
  }
}
.menu-contact ul li:last-child {
  margin-right: 0;
}
.menu-contact__item {
  display: flex;
  align-items: center;
}
.menu-contact__icon {
  color: var(--tp-text-primary);
  font-size: 15px;
  margin-right: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menu-contact__icon {
    margin-right: 4px;
  }
}
.menu-contact__info a {
  font-weight: 600;
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .menu-contact__info a {
    font-size: 12px;
  }
}
.menu-contact__info a:hover {
  color: var(--tp-text-primary);
}

@media (max-width: 767px) {
  .headertoplag {
    justify-content: center !important;
  }
}
.headertoplag__lang > ul > li {
  position: relative;
  list-style: none;
}
.headertoplag__lang > ul > li > a {
  display: inline-block;
  padding: 6px 19px 8px 6px;
  margin-right: 10px;
  font-weight: 700;
  font-size: 14px;
}
.headertoplag__lang > ul > li > a:hover {
  color: var(--tp-text-primary);
}
.headertoplag__lang > ul > li > a img {
  margin-right: 5px;
}
.headertoplag__lang > ul > li > a i {
  color: var(--tp-grey-3);
  font-size: 14px;
}
.headertoplag__lang > ul > li:hover .header-meta__lang-submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.headertoplag__lang > ul > li:hover a i {
  transform: rotate(180deg);
  color: var(--tp-text-primary);
}

.menu-top-social a {
  font-size: 14px;
  margin-left: 10px;
}
.menu-top-social a:hover {
  color: var(--tp-text-primary);
}

.mainmenu__search-bar input {
  border: none;
  height: 50px;
  width: 200px;
  padding: 5px 20px 5px 45px;
  background-color: var(--tp-grey-2);
  border-radius: 6px;
  color: var(--tp-text-body);
}
.mainmenu__search-bar input::placeholder {
  font-size: 14px;
  color: rgba(153, 153, 153, 0.6);
}
.mainmenu__search-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.mainmenu__main {
  margin-left: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mainmenu__main {
    margin-left: 50px;
  }
}
.mainmenu__main > .main-menu a {
  padding: 45px 0;
}
.mainmenu__main > .main-menu > nav > ul > li:nth-child(3) {
  margin-right: 230px;
}
.mainmenu__logo {
  position: absolute;
  top: 48%;
  left: 47%;
  transform: translateY(-52%);
}
.mainmenu__logo img {
  width: 115px;
}

.logo img, .mainmenu__logo img {
  width: 115px;
}

.tertiary-header-top .headertoplag__lang ul li:hover i {
  transform: rotate(0);
}
.tertiary-header-top .headertoplag__lang ul li a:hover i {
  color: var(--tp-text-primary);
}
.tertiary-header-top .headertoplag__lang ul li a:hover.order-tick i {
  animation: iconarrow 0.4s linear;
  color: var(--tp-text-primary);
}
.tertiary-header-top .headertoplag__lang ul li a i {
  color: var(--tp-text-body);
  margin-right: 6px;
}

.tertiary-main-menu {
  border-top: 1px solid #efefef;
}
.tertiary-main-menu .main-menu ul li a {
  padding: 21px 0 20px 0;
}
.tertiary-main-menu .cat-menu__category > a {
  border-radius: 0px;
  min-height: 55px;
}
.tertiary-main-menu .category-menu {
  background-color: var(--tp-common-white);
  z-index: 99;
}

.coupon-offer {
  padding: 15px 25px 15px 25px;
  background-color: var(--tp-text-body);
}
.coupon-offer span {
  color: #868686;
  font-size: 14px;
}
.coupon-offer span a {
  color: var(--tp-common-white);
  text-decoration: underline;
  font-weight: 600;
}
.coupon-offer span a:hover {
  color: var(--tp-text-primary);
}
.coupon-offer i {
  text-align: end;
  color: #535353;
}
.coupon-offer i:hover {
  color: var(--tp-text-primary);
}

.platinam-header-top .header-welcome-text span {
  font-size: 14px;
  font-weight: 400;
}
.platinam-header-top .header-welcome-text b {
  font-size: 14px;
  font-weight: 600;
}

.platinam-menuarea .mainmenu__search-bar input {
  background-color: transparent;
}
.platinam-menuarea .mainmenu__main {
  margin-left: 0px;
}

.header-canvas {
  flex: 0 0 auto;
  margin-right: 15px;
  line-height: 1;
  margin-top: 10px;
  font-size: 22px;
}

.menu-area-4 {
  display: flex;
  justify-content: center;
}

.red-header-top .menu-top-social ul li {
  list-style: none;
  display: inline-block;
  margin-left: 45px;
}
.red-header-top .menu-top-social ul li:first-child {
  margin-left: 0;
}
.red-header-top .menu-top-social a {
  font-size: 16px;
  color: var(--tp-common-white);
  margin-left: 45px;
}
.red-header-top .menu-top-social a:first-child {
  margin-left: 0;
}
.red-header-top .menu-top-social a:hover {
  opacity: 0.8;
}
.red-header-top .header-welcome-text {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .red-header-top .header-welcome-text {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .red-header-top .header-welcome-text {
    text-align: start !important;
  }
}
.red-header-top .header-welcome-text a {
  color: var(--tp-common-white);
  text-decoration: underline;
}

.category-style-five .category-menu {
  position: static;
}

.mainmenu-5 .main-menu a {
  padding: 45px 0;
}

.tpsideinfo {
  background: var(--tp-text-body);
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  padding: 30px;
  width: 350px;
  transform: translateX(-120%);
  transition: 0.3s;
  z-index: 999;
  overflow-y: scroll;
}
@media (max-width: 767px) {
  .tpsideinfo {
    width: 275px;
  }
}
.tpsideinfo.tp-sidebar-opened {
  transform: translateX(0);
}
.tpsideinfo__close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: var(--tp-common-white);
  width: 100%;
  display: block;
  min-height: 45px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  background-color: var(--tp-text-primary);
}
.tpsideinfo__search-title {
  color: var(--tp-common-white);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}
.tpsideinfo__search form {
  position: relative;
  padding-top: 13px;
  padding-bottom: 20px;
}
.tpsideinfo__search form input {
  width: 100%;
  height: 45px;
  border-radius: 3px;
  font-size: 14px;
  border: 1px solid transparent;
  background: #F3F3F9;
  padding: 10px 20px;
  padding-right: 45px;
}
.tpsideinfo__search form input::placeholder {
  color: var(--tp-border-3);
}
.tpsideinfo__search button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.tpsideinfo__nabtab .nav-link.active {
  border: 0;
  padding: 10px 10px;
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  border-radius: 3px;
  background-color: var(--tp-text-primary);
}
.tpsideinfo__nabtab .nav-link {
  border: 0;
  padding: 10px 10px;
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  border-radius: 3px;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
}
.tpsideinfo__nabtab button {
  width: 100%;
}
.tpsideinfo__nabtab .nav li {
  display: inline-block;
  width: 49%;
  margin-right: 4px;
}
.tpsideinfo__nabtab .nav li:last-child {
  margin-right: 0;
}
.tpsideinfo__nabtab .mega-menu-title {
  color: var(--tp-common-white);
  font-size: 13px;
  text-transform: uppercase;
  padding-top: 5px;
}
.tpsideinfo__nabtab .mean-container .mean-nav ul {
  background-image: none !important;
}
.tpsideinfo__nabtab .home-menu-style li {
  width: 50% !important;
}
.tpsideinfo__nabtab .home-menu-style li a {
  font-size: 13px !important;
  font-weight: 400 !important;
}
.tpsideinfo__account-link, .tpsideinfo__wishlist-link {
  padding-top: 5px;
  padding-bottom: 5px;
}
.tpsideinfo__account-link a, .tpsideinfo__wishlist-link a {
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 500;
}
.tpsideinfo__account-link a:hover, .tpsideinfo__wishlist-link a:hover {
  color: var(--tp-text-primary);
}
.tpsideinfo__account-link a:hover i, .tpsideinfo__wishlist-link a:hover i {
  color: var(--tp-text-primary);
}
.tpsideinfo__account-link a i, .tpsideinfo__wishlist-link a i {
  font-size: 18px;
  color: var(--tp-common-white);
  line-height: 35px;
  text-align: center;
  margin-right: 10px;
}

.tpsidebar-categories ul li {
  list-style: none;
  display: block;
  text-align: left;
  list-style: none;
  text-transform: capitalize;
  padding: 5px 0px 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tpsidebar-categories ul li a {
  color: var(--tp-common-white);
  display: block;
}
.tpsidebar-categories ul li a:hover {
  color: var(--tp-text-primary);
}

.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
}
.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.tp-cart-info-area.tp-sidebar-opened {
  transform: translateX(0);
}

.tp-sidebar-close {
  color: var(--tp-common-white);
  position: absolute;
  left: -35px;
  font-size: 21px;
  background: #171151;
  width: 35px;
  height: 35px;
}

.tpcartinfo {
  background-color: var(--tp-common-white);
  text-align: start;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  box-shadow: rgba(5, 13, 54, 0.05) 5px 15px 30px 0px;
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999999;
  width: 380px;
  transform: translateX(100%);
}
@media (max-width: 767px) {
  .tpcartinfo {
    width: 280px;
  }
}
.tpcartinfo .tp-shop-sidebar-opened {
  transform: translateX(0);
}

.tpcart__close {
  color: var(--tp-text-primary);
  right: 30px;
  font-size: 18px;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 8px;
  z-index: 2;
}
@media (max-width: 767px) {
  .tpcart__close {
    width: 30px;
    height: 30px;
  }
}

.cartbody-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
}
.cartbody-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.tpcart {
  float: none;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  flex-direction: column;
}
.tpcart__product {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 0 30px;
}
.tpcart__title {
  padding: 16px 30px;
  background-color: #F8F8F8;
  font-weight: 700;
  font-size: 15px;
  color: var(--tp-text-body);
  text-transform: uppercase;
  margin-bottom: 20px;
}
.tpcart ul li {
  list-style: none;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--tp-border-1);
}
.tpcart__item {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.tpcart__img {
  margin-right: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .tpcart__img {
    margin-right: 4px;
  }
}
.tpcart__img img {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  object-fit: cover;
}
.tpcart__del {
  position: absolute;
  color: var(--tp-text-primary);
  left: 0;
  top: 0;
}
.tpcart__content-title {
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.tpcart__content-title a:hover {
  color: var(--tp-text-primary);
}
.tpcart__cart-price {
  font-weight: 600;
  font-size: 12px;
  color: var(--tp-text-body);
}
.tpcart__cart-price .new-price {
  color: var(--tp-text-primary);
}
.tpcart__total-price {
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--tp-text-primary);
  margin-bottom: 25px;
  padding-top: 25px;
  border-top: 1px solid var(--tp-border-1);
}
.tpcart__total-price .heilight-price {
  font-size: 18px;
  font-weight: 700;
}
.tpcart__free-shipping {
  padding: 13px 30px;
  background-color: var(--tp-theme-5);
}
.tpcart__free-shipping span {
  color: var(--tp-common-white);
  font-size: 14px;
}
@media (max-width: 767px) {
  .tpcart__free-shipping span {
    font-size: 12px;
  }
}
.tpcart__free-shipping span b {
  font-weight: 600;
  text-transform: uppercase;
}
.tpcart__checkout {
  margin-bottom: 30px;
}

.header-sticky {
  position: fixed;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 99;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: var(--tp-common-white);
}

.header-sticky .tp-bt-btn {
  box-shadow: rgba(100, 100, 111, 0.1) 1px 5px 20px 1px;
}

.tp-home-one.header-sticky {
  padding-top: 0px;
  padding-bottom: 0px;
}

.tp-home-one.header-sticky .main-menu nav > ul > li > a {
  padding: 40px 0;
}

.tp-mobile-header-area.header-sticky {
  position: fixed;
  left: 0;
  margin: auto;
  top: 0;
  width: 100%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
  z-index: 99;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background: var(--tp-common-white);
}

.tp-mobile-header-area.header-sticky .tp-bt-btn {
  box-shadow: rgba(100, 100, 111, 0.1) 1px 5px 20px 1px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-language {
    margin-left: 40px;
  }
}

.tp-sticky-one {
  display: none;
}
.tp-sticky-one.header-sticky {
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-sticky-one.header-sticky {
    display: none;
  }
}

.header-4 .daily-offer {
  background-color: var(--tp-text-body) !important;
  color: #fff;
}

.header2-currency .selectron23,
.header3-currency .selectron23,
.header4-currency .selectron23 {
  height: 50px !important;
  line-height: 47px !important;
  width: 95px !important;
  z-index: 9 !important;
}
.header2-currency .selectron23-container,
.header3-currency .selectron23-container,
.header4-currency .selectron23-container {
  border: solid 1px #e8e8e8;
  margin-top: 3px;
  border-radius: 5px;
  z-index: 9 !important;
}
.header2-currency .selectron23-option,
.header3-currency .selectron23-option,
.header4-currency .selectron23-option {
  background: #fff !important;
  padding: 16px 20px 15px 9px !important;
  z-index: -999999 !important;
}
.header2-currency .selectron23-option img,
.header3-currency .selectron23-option img,
.header4-currency .selectron23-option img {
  display: none;
}
.header2-currency .selectron23-option-text,
.header3-currency .selectron23-option-text,
.header4-currency .selectron23-option-text {
  display: none;
}

/*----------------------------------------*/
/*  15. MEANMENU CSS START
/*----------------------------------------*/
/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 10px 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  text-transform: capitalize !important;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--tp-text-primary);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 8px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  height: 26px;
  width: 26px;
  line-height: 26px;
  color: #fff;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: var(--clr-theme-1);
  color: var(--tp-text-primary);
  border-color: var(--clr-theme-1);
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
  font-size: 14px;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--tp-heading-secondary);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  color: var(--tp-text-primary);
}

.mean-container .mean-nav ul .home-menu-style li a {
  text-align: center;
}
.mean-container .mean-nav ul li a:hover img {
  transform: scale(0.92);
}
.mean-container .mean-nav ul li a img {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  width: 100%;
  margin-bottom: 5px;
}

/*----------------------------------------*/
/*  04. SLIDER CSS START
/*----------------------------------------*/
.tp-slide-item {
  position: relative;
}
@media (max-width: 767px) {
  .tp-slide-item {
    margin-bottom: 20px;
  }
}
.tp-slide-item__img img {
  border-radius: 6px !important;
  max-width: 100% !important;
}
.tp-slide-item__content {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding-left: 60px;
  max-width: 60%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-slide-item__content {
    padding-left: 35px;
    max-width: 70%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slide-item__content {
    padding-left: 30px;
    max-width: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-slide-item__content {
    padding-left: 35px;
  }
}
@media (max-width: 767px) {
  .tp-slide-item__content {
    padding-left: 15px;
    max-width: 80%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slide-item__content {
    padding-left: 15px;
    max-width: 50%;
  }
}
.tp-slide-item__sub-title {
  font-size: 20px;
  font-weight: 400;
  color: var(--tp-text-primary);
  display: block;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .tp-slide-item__sub-title {
    font-size: 16px;
  }
}
.tp-slide-item__title {
  color: var(--tp-text-body);
  font-size: 50px;
  font-weight: 600;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .tp-slide-item__title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slide-item__title {
    font-size: 26px;
  }
}
.tp-slide-item__title i {
  font-style: normal;
  color: var(--tp-text-primary);
  position: relative;
}
.tp-slide-item__title i img {
  position: absolute;
  left: -6px;
  bottom: 10px;
  z-index: -1;
  animation: section-animation 3s infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tp-slide-item__thumb img {
    max-width: 100%;
  }
}

.tp-slider-area .slider-pagination {
  position: absolute;
  bottom: 15px;
  z-index: 9;
  left: 0;
  margin: 0 auto;
  right: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .tp-slider-area .slider-pagination {
    margin-bottom: 10px;
  }
}
.tp-slider-area .slider-pagination .swiper-pagination-bullet {
  width: 25px;
  height: 4px;
  display: inline-block;
  border-radius: 5px;
  background: var(--tp-common-black);
  margin: 0 5px;
  opacity: 0.1;
}
.tp-slider-area .slider-pagination .swiper-pagination-bullet-active {
  background: var(--tp-text-primary);
  opacity: 1;
}

.swiper-slide-active .tp-slide-item__sub-title, .swiper-slide-active .tp-slide-item__title, .swiper-slide-active .tp-slide-item__slide-btn, .swiper-slide-active .tpslidertwo__sub-title, .swiper-slide-active .tpslidertwo__title, .swiper-slide-active .tpslidertwo__content p, .swiper-slide-active .tpslidertwo__slide-btn {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.swiper-slide-active .tpslidertwo__img {
  animation-fill-mode: both;
  animation-name: fadeInRight;
}

.swiper-slide-active .tp-slide-item__sub-title,
.swiper-slide-active .tpslidertwo__sub-title {
  animation-delay: 0.6s;
  animation-duration: 0.8s;
}

.swiper-slide-active .tp-slide-item__title,
.swiper-slide-active .tpslidertwo__title {
  animation-delay: 0.8s;
  animation-duration: 1s;
}

.swiper-slide-active .tp-slide-item__slide-btn {
  animation-delay: 1s;
  animation-duration: 1.2s;
}

.swiper-slide-active .tpslidertwo__content p {
  animation-delay: 1s;
  animation-duration: 1.2s;
}

.swiper-slide-active .tpslidertwo__slide-btn {
  animation-delay: 1.4s;
  animation-duration: 1.3s;
}

.swiper-slide-active .tpslidertwo__img {
  animation-delay: 1s;
  animation-duration: 1s;
}

.tpslidertwo__item {
  margin-top: -70px;
}
@media (max-width: 767px) {
  .tpslidertwo__item {
    margin-top: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpslidertwo__img > img {
    width: 360px;
    max-width: inherit !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpslidertwo__img-shape img {
    height: 100px;
    width: 100px;
  }
}

.tpslider-banner:hover .tpslider-banner__img {
  border-radius: 6px;
}
.tpslider-banner:hover .tpslider-banner__img img {
  transform: scale(1.05);
  border-radius: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpslider-banner {
    margin-bottom: 20px;
  }
}
.tpslider-banner__content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px 10px 10px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpslider-banner__content {
    padding: 15px 10px 10px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpslider-banner__content {
    padding: 15px 10px 10px 15px;
  }
}
.tpslider-banner__sub-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--tp-text-primary);
}
.tpslider-banner__title {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpslider-banner__title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpslider-banner__title {
    font-size: 16px;
  }
}
.tpslider-banner__img {
  position: relative;
  width: 100%;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpslider-banner__img {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .tpslider-banner__img {
    margin-left: 0;
  }
}
.tpslider-banner__img img {
  border-radius: 6px !important;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpslider-banner__img img {
    height: 204px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpslider-banner__img img {
    height: 170px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpslider-banner__img img {
    width: 100%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpslider-banner__img.tpbannerthumb-5 img {
    height: 178px;
    object-fit: cover;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpslider-banner__img.tpbannerthumb-5 img {
    height: 185px;
    object-fit: cover;
  }
}

.tpslidertwo__img {
  margin-right: 180px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpslidertwo__img {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpslidertwo__img img {
    max-width: 100%;
  }
}
.tpslidertwo__img-shape {
  position: absolute;
  bottom: 160px;
  right: -150px;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpslidertwo__img-shape {
    bottom: 120px;
    right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpslidertwo__img-shape {
    bottom: 50px;
    right: 0px;
  }
}
.tpslidertwo__content p {
  font-size: 18px;
  color: var(--tp-text-secondary);
  margin-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpslidertwo__content p {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tpslidertwo__item {
    height: 380px;
  }
}
.tpslidertwo__sub-title {
  font-size: 20px;
  color: var(--tp-text-primary);
  margin-bottom: 0;
}
.tpslidertwo__title {
  font-size: 60px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpslidertwo__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpslidertwo__title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpslidertwo__title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .tpslidertwo__title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpslidertwo__title {
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  .tpslider-btn-4 {
    margin-right: 8px;
  }
}

.slider-pagination-2 .slidertwo_pagination {
  position: absolute;
  bottom: 55px;
  z-index: 9;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-pagination-2 .slidertwo_pagination {
    bottom: 15px;
  }
}
@media (max-width: 767px) {
  .slider-pagination-2 .slidertwo_pagination {
    margin-bottom: 10px;
  }
}
.slider-pagination-2 .slidertwo_pagination .swiper-pagination-bullet {
  width: 25px;
  height: 4px;
  display: inline-block;
  border-radius: 5px;
  background: var(--tp-grey-1);
  margin: 0 5px;
}
.slider-pagination-2 .slidertwo_pagination .swiper-pagination-bullet-active {
  background: var(--tp-text-primary);
}

@media (max-width: 767px) {
  .tp-slide-item__slide-btn.tp-btn {
    font-size: 12px;
    padding: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-slide-item__slide-btn.tp-btn {
    font-size: 14px;
    padding: 14px;
  }
}

.secondary-slider__item {
  background-color: var(--tp-theme-10);
}
.secondary-slider .tpslidertwo__img-shape {
  bottom: 376px;
  right: -210px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .secondary-slider .tpslidertwo__img-shape {
    bottom: 0;
    right: 0;
  }
}
.secondary-slider .tpslidertwo__slide-btn span {
  font-size: 14px;
  color: var(--tp-text-secondary);
}
.secondary-slider .tpslidertwo__slide-btn span b {
  font-size: 18px;
  color: var(--tp-text-body);
  display: block;
}

.greenslider-pagination {
  position: absolute;
  bottom: 55px;
  z-index: 9;
  left: 0;
  right: 0;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .greenslider-pagination {
    bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .greenslider-pagination {
    bottom: 15px;
  }
}
.greenslider-pagination .swiper-pagination-bullet {
  width: 25px;
  height: 4px;
  display: inline-block;
  background: transparent;
  margin: 0 5px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  position: relative;
}
.greenslider-pagination .swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background-color: var(--tp-text-body);
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  left: 50%;
}
.greenslider-pagination .swiper-pagination-bullet-active {
  background: transparent;
  border: 1px solid #d7d9e0;
}

.platinamborder {
  border: 15px solid #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .platinamborder .tpslidertwo__item {
    margin-left: 5px;
  }
}

.platinam-slidershape {
  position: absolute;
  top: 65px;
  right: -80px;
  z-index: 2;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .platinam-slidershape {
    top: 10px;
    right: -50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .platinam-slidershape {
    right: -25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .platinam-slidershape {
    top: -30px;
    right: -45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpsliderthree__img {
    padding-top: 0;
  }
}
.tpsliderthree__img img {
  width: 100%;
}
.tpsliderthree__pagination {
  position: absolute;
  bottom: 55px;
  z-index: 9;
  left: 0;
  right: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpsliderthree__pagination {
    bottom: 15px;
  }
}
.tpsliderthree__pagination .swiper-pagination-bullet {
  width: 35px;
  height: 4px;
  display: inline-block;
  border-radius: 5px;
  background-color: var(--tp-common-white);
  margin: 0 5px;
  opacity: 1;
}
.tpsliderthree__pagination .swiper-pagination-bullet-active {
  background: var(--tp-text-body);
}

.slider-bg-overlay {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider-bg-overlay::before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #040404;
  opacity: 0.9;
}

.slider-3 {
  height: 570px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-3 {
    height: 490px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-3 {
    height: 460px !important;
  }
}
@media (max-width: 767px) {
  .slider-3 {
    height: 400px !important;
  }
}

.slider-content-3 {
  margin-top: -10px;
  margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-content-3 {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .slider-content-3 {
    margin-left: 0;
    padding-top: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-content-3 {
    margin-left: 0;
    padding-top: 0;
  }
}

.tpslider-item-5 .tp-slide-item__sub-title {
  margin-bottom: 15px;
}

.slider-bg-four {
  display: flex;
  align-items: center;
  height: 570px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-bg-four {
    height: 500px;
    justify-content: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-bg-four {
    padding-top: 120px;
    height: 400px;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .slider-bg-four {
    padding-top: 120px;
    height: 400px;
    justify-content: center;
  }
}

/*----------------------------------------*/
/*   05. CATEGORY CSS START
/*----------------------------------------*/
.tpcategory {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpcategory {
    width: 25%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpcategory {
    width: 33.3333%;
  }
}
@media (max-width: 767px) {
  .tpcategory {
    width: 50%;
  }
}
.tpcategory::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  right: -65px;
  height: 200px;
  width: 1px;
  background-color: var(--tp-border-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpcategory::after {
    right: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpcategory::after {
    display: none;
  }
}
.tpcategory:last-child::after {
  display: none;
}
.tpcategory:hover .tpcategory__icon {
  box-shadow: inset 0 0 0 60px var(--tp-theme-3);
}
.tpcategory:hover .tpcategory__icon svg {
  opacity: 1;
}
.tpcategory:hover .tpcategory__icon span {
  background-color: var(--tp-text-primary);
  position: absolute;
  color: var(--tp-common-white);
}
.tpcategory__icon {
  height: 130px;
  width: 130px;
  line-height: 150px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(247, 247, 247, 0.5);
  margin: auto;
  margin-bottom: 25px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: relative;
}
@media (max-width: 767px) {
  .tpcategory__icon {
    height: 110px;
    width: 110px;
    line-height: 110px;
  }
}
.tpcategory__icon svg {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpcategory__icon i {
  font-size: 52px;
}
.tpcategory__icon span {
  display: block;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-weight: 600;
  color: var(--tp-text-primary);
  background-color: var(--tp-common-white);
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
}
.tpcategory__title {
  text-align: center;
  line-height: 1.2;
  font-size: 18px;
}
@media (max-width: 767px) {
  .tpcategory__title {
    font-size: 16px;
  }
}
.tpcategory__title a {
  background-image: linear-gradient(#969696, #969696), linear-gradient(#969696, #969696);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 83%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  line-height: 1.4;
}
.tpcategory__title a:hover {
  background-size: 0 1px, 100% 1px;
}

.custom-row {
  display: flex;
  flex-wrap: wrap;
}

.category-border {
  border-bottom: 1px solid var(--tp-border-3);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .category-menu-off {
    display: none;
  }
}

.product-sidebar__product-item {
  margin-right: 30px;
}
.product-sidebar__product-category {
  margin-left: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-sidebar__product-category {
    margin-left: 0;
  }
}
.product-sidebar__title {
  font-weight: 600;
  font-size: 16px;
  color: var(--tp-text-body);
  padding-bottom: 17px;
  border-bottom: 1px solid #f1f1f1;
}
.product-sidebar__brand .form-check {
  margin-left: -20px;
  position: relative;
}
.product-sidebar__brand .form-check::before {
  position: absolute;
  content: "";
}
.product-sidebar__brand .form-check a:hover {
  color: var(--tp-text-primary);
}
.product-sidebar .form-check:hover.form-check span i {
  color: var(--tp-text-body);
}
.product-sidebar .form-check span i {
  font-size: 14px;
  color: #e3e3e3;
}
.product-sidebar .form-check-label {
  font-size: 14px;
  color: var(--tp-text-secondary);
  margin-left: -8px;
  cursor: pointer;
}
.product-sidebar .form-check-input {
  height: 10px;
  width: 10px;
  background-color: #e3e3e3;
  transform: translateY(4px);
}
.product-sidebar .form-check-input[type=checkbox] {
  border-radius: 0;
  border: transparent;
}
.product-sidebar .form-check-input:checked {
  background-color: var(--tp-text-body);
}
.product-sidebar input:checked + label {
  color: var(--tp-text-body);
}
.product-sidebar .form-check-input:focus {
  box-shadow: none;
}
.product-sidebar .ui-widget.ui-widget-content {
  border: 0px solid #ece8fe;
  height: 2px;
  background: #ece8fe;
}
.product-sidebar .ui-slider-horizontal .ui-slider-range {
  background: var(--tp-text-body);
}
.product-sidebar .ui-slider-horizontal .ui-slider-handle {
  top: -4px;
}
.product-sidebar .ui-slider .ui-slider-handle {
  width: 10px;
  height: 10px;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
  border: none;
  background-color: var(--tp-text-body);
  outline: 0;
}
.product-sidebar .ui-corner-all, .product-sidebar .ui-corner-bottom, .product-sidebar .ui-corner-right, .product-sidebar .ui-corner-br {
  border-radius: 0;
}
.product-sidebar .price-filter input {
  border: none;
  font-size: 14px;
  margin-left: -11px;
}

.productsidebar {
  margin-left: 10px;
}

.product-sidebar .form-check-input.black-input {
  background-color: var(--tp-text-body);
}
.product-sidebar .form-check-input.blue-input {
  background-color: #0084ff;
}
.product-sidebar .form-check-input.grey-input {
  background-color: #d4d4d4;
}
.product-sidebar .form-check-input.green-input {
  background-color: #61b163;
}
.product-sidebar .form-check-input.red-input {
  background-color: #ff6262;
}
.product-sidebar .form-check-input.yellow-input {
  background-color: #ffc000;
}

/*----------------------------------------*/
/*  06. PRODUCT CSS START
/*----------------------------------------*/
.tpproduct:hover .tpproduct__priceinfo-list {
  bottom: 0px;
  visibility: hidden;
  opacity: 0;
}
.tpproduct:hover .tpproduct__cart {
  visibility: visible;
  opacity: 1;
  bottom: -20px;
}
.tpproduct:hover .product-thumb-secondary {
  opacity: 1;
}
.tpproduct:hover .product-thumb-secondary img {
  transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
}
.tpproduct__thumb {
  position: relative;
  margin-bottom: 17px;
}
.tpproduct__thumb:hover .tpproduct__thumb-action a {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tpproduct__thumb-discount {
  position: absolute;
  top: 25px;
  left: 25px;
  padding: 4px 7px;
  background-color: var(--tp-text-primary);
  font-weight: 600;
  font-size: 12px;
  color: var(--tp-common-white);
  line-height: 1;
  border-radius: 5px;
  animation: firefly 2s linear infinite;
  z-index: 2;
}
.tpproduct__thumb-topsall {
  position: absolute;
  top: 25px;
  left: 25px;
  padding: 4px 7px;
  background-color: var(--tp-text-primary);
  font-weight: 600;
  font-size: 12px;
  color: var(--tp-common-white);
  line-height: 1;
  border-radius: 5px;
  animation: firefly 2s linear infinite;
  z-index: 2;
}
.tpproduct__thumb-volt {
  position: absolute;
  top: 25px;
  left: 25px;
  padding: 4px 7px;
  background-color: var(--tp-theme-5);
  font-weight: 600;
  font-size: 12px;
  color: var(--tp-common-white);
  line-height: 1;
  border-radius: 5px;
  animation: firefly 2s linear infinite;
  z-index: 2;
}
.tpproduct__thumb-action {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.tpproduct__thumb-action a {
  font-size: 16px;
  color: var(--tp-text-body);
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  background-color: var(--tp-common-white);
  border-radius: 6px;
  display: inline-block;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  transform: translate(0, 20px);
  -webkit-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3);
}
.tpproduct__thumb-action a:hover {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}
.tpproduct__thumb-action a.comphare {
  -webkit-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s;
  -o-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s;
  transition: transform 0.3s ease 0s, background-color 0.3s ease 0s, opacity 0.3s ease 0s;
}
.tpproduct__thumb-action a.quckview {
  -webkit-transition: transform 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s;
  -o-transition: transform 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s;
  transition: transform 0.4s ease 0s, background-color 0.4s ease 0s, opacity 0.4s ease 0s;
}
.tpproduct__thumb-action a.wishlist {
  -webkit-transition: transform 0.6s ease 0s, background-color 0.6s ease 0s, opacity 0.6s ease 0s;
  -o-transition: transform 0.6s ease 0s, background-color 0.6s ease 0s, opacity 0.6s ease 0s;
  transition: transform 0.6s ease 0s, background-color 0.6s ease 0s, opacity 0.6s ease 0s;
  line-height: 46px;
}
.tpproduct__thumb-bg {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.tpproduct__thumb-bg a {
  margin: 0 10px;
  font-size: 16px;
  padding: 14px 0;
  display: inline-block;
  line-height: 1;
  color: #999999;
}
.tpproduct__thumb-bg a:hover {
  color: var(--tp-text-body);
}
.tpproduct__thumb img {
  border-radius: 6px !important;
  width: 100%;
}
.tpproduct__thumb-icon {
  position: relative;
  z-index: 2;
}
.tpproduct__rating span {
  font-size: 11px;
}
.tpproduct__rating ul li {
  display: inline-block;
  list-style: none;
}
.tpproduct__rating ul li a {
  font-size: 10px;
  color: var(--tp-text-primary);
}
.tpproduct__rating ul li span {
  font-size: 11px;
}
.tpproduct__ratingicon a {
  font-size: 14px;
  color: var(--tp-text-primary);
}
.tpproduct__ratingicon .max-star {
  color: #e0e0e0;
}
.tpproduct__ratingarea {
  position: absolute;
  left: 0;
  right: 0;
  transition: all 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
  will-change: opacity, transform;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  padding-bottom: 18px;
  transform: translateY(8px);
}
.tpproduct__content-area {
  z-index: 2;
  position: relative;
  transform: translateY(5px);
  transition: 0.2s;
  margin-bottom: 10px;
}
.tpproduct__thumbitem {
  position: relative;
  z-index: 2;
}
.tpproduct__thumbitem:hover .thumbitem-secondary {
  opacity: 1;
}
.tpproduct__thumbitem:hover .thumbitem-secondary img {
  transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
}
.tpproduct__thumbitem:hover .tpproductactionbg {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}
.tpproduct__thumb-topsall {
  animation: none;
}
.tpproduct__title {
  font-size: 15px;
  font-weight: 400;
  color: var(--tp-text-secondary);
  margin-bottom: 12px;
}
.tpproduct__title a {
  display: inline-block;
}
.tpproduct__title a:hover {
  color: var(--tp-text-primary);
}
.tpproduct__priceinfo-list {
  position: absolute;
  bottom: -20px;
  left: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpproduct__priceinfo-list span {
  font-weight: 600;
  font-size: 16px;
}
.tpproduct__priceinfo-list-oldprice {
  color: var(--tp-text-tertiary);
  text-decoration: line-through;
  margin-left: 8px;
}
.tpproduct__priceinfo-oldprice {
  text-decoration: line-through;
}
.tpproduct__ammount {
  font-size: 16px;
  font-weight: 600;
}
.tpproduct__ammount ins {
  text-decoration: none;
}
.tpproduct__cart {
  position: absolute;
  left: 0;
  bottom: -40px;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpproduct__cart i {
  color: var(--tp-text-primary);
  margin-right: 5px;
}
.tpproduct__cart a {
  font-size: 16px;
  font-weight: 600;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpproduct__cart a:hover {
  color: var(--tp-text-primary);
}
.tpproduct__variation {
  position: absolute;
  z-index: 2;
  background: #fff;
  bottom: -8px;
  left: 0;
  right: 0;
  padding-top: 12px;
}
.tpproduct__variation a:hover .tpproduct__termshape-bg {
  transform: scale(0.7);
}
.tpproduct__variation a:hover .tpproduct__termshape-border {
  opacity: 1;
  transform: scale(1.4);
}
.tpproduct__variationitem {
  display: inline-block;
}
.tpproduct__termshape {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 3px;
}
.tpproduct__termshape-bg {
  transition: all 0.25s ease;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #99c4ff;
}
.tpproduct__termshape-border {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #99c4ff;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.tpproductactionbg {
  background-color: var(--tp-common-white);
  display: inline-block;
  padding: 0 8px;
  border-radius: 6px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
  transform: translate(0, 20px);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.5s ease 0s, background-color 0.5s ease 0s, opacity 0.4s ease 0s;
}

.tpproductdot a:hover .tpproductdot__termshape-bg {
  transform: scale(0.7);
}
.tpproductdot a:hover .tpproductdot__termshape-border {
  opacity: 1;
  transform: scale(1.8);
}
.tpproductdot__variationitem {
  left: 0;
  right: 0;
  padding-top: 12px;
}
.tpproductdot__variationitem {
  display: inline-block;
}
.tpproductdot__termshape {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 3px;
}
.tpproductdot__termshape-bg {
  transition: all 0.25s ease;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #99c4ff;
}
.tpproductdot__termshape-border {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #99c4ff;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.red-product-bg {
  background-color: #d51243;
}

.red-product-border {
  border: 1px solid #d51243;
}

.purple-product-bg {
  background-color: #be9aff;
}

.purple-product-border {
  border: 1px solid #be9aff;
}

.orange-product-bg {
  background-color: #ff7373;
}

.orange-product-border {
  border: 1px solid #ff7373;
}

.tpproductitem {
  z-index: 9;
  background-color: #fff;
  padding-bottom: 10px;
}
.tpproductitem:hover .product-content-fade {
  opacity: 1;
}
.tpproductitem:hover .tpproduct__ratingarea {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.tpproductitem:hover:after {
  opacity: 1;
}

.tpproductitem:after {
  position: absolute;
  top: -20px;
  bottom: -10px;
  left: -20px;
  right: -20px;
  background-color: #fff;
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
  transition: opacity 0.2s cubic-bezier(0.28, 0.12, 0.22, 1);
  will-change: opacity;
  box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
  pointer-events: none;
  z-index: 1;
  margin-bottom: -33px;
  content: "";
}

.red-product-bg {
  background-color: #d51243;
}

.red-product-border {
  border: 1px solid #d51243;
}

.yellow-product-bg {
  background-color: #ffd8a6;
}

.yellow-product-border {
  border: 1px solid #ffd8a6;
}

.green-product-bg {
  background-color: #c2ddce;
}

.green-product-border {
  border: 1px solid #c2ddce;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpdealproduct__thumb img {
    max-width: 100%;
  }
}
.tpdealproduct__offer-price {
  position: absolute;
  top: 75px;
  right: 155px;
  font-size: 24px;
  font-weight: 600;
  color: var(--tp-common-white);
  background-color: var(--tp-text-primary);
  border-radius: 50%;
  padding: 19px 18px;
  animation: hotdeal 2s linear infinite;
}
.tpdealproduct__offer-price span {
  font-size: 12px;
  display: block;
  color: var(--tp-common-white);
}

.tpdealcontact {
  margin-left: -50px;
  padding-right: 179px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpdealcontact {
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpdealcontact {
    margin-left: 0px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpdealcontact {
    margin-left: 0;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpdealcontact {
    margin-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .tpdealcontact {
    margin-left: 15px;
    padding-right: 15px;
  }
}
.tpdealcontact__price span {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-text-primary);
}
@media (max-width: 767px) {
  .tpdealcontact__price span {
    font-size: 16px;
  }
}
.tpdealcontact__price del {
  font-size: 20px;
  font-weight: 600;
  color: var(--tp-text-tertiary);
}
@media (max-width: 767px) {
  .tpdealcontact__price del {
    font-size: 16px;
  }
}
.tpdealcontact__title {
  font-size: 50px;
  color: var(--tp-text-body);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -1.5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpdealcontact__title {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .tpdealcontact__title {
    font-size: 23px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpdealcontact__title {
    font-size: 24px;
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpdealcontact__title {
    font-size: 32px;
  }
}
.tpdealcontact__text p {
  color: var(--tp-text-secondary);
  font-size: 18px;
  line-height: 1.66;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpdealcontact__text p {
    width: 520px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpdealcontact__text p {
    font-size: 16px;
    width: 410px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .tpdealcontact__text p {
    font-size: 16px;
    width: 100%;
    line-height: 1.4;
  }
}
.tpdealcontact__progress .progress {
  height: 6px;
  border-radius: 5px;
  background-color: var(--tp-common-white);
}
.tpdealcontact__progress .progress-bar {
  color: var(--tp-common-white);
  text-align: center;
  white-space: nowrap;
  background-color: var(--tp-text-primary);
  transition: width 0.6s ease;
  border-radius: 5px;
}
.tpdealcontact__countdown span {
  display: inline-block;
}
.tpdealcontact__countdown span.cdown {
  background-color: var(--tp-common-white);
  height: 92px;
  width: 80px;
  text-align: center;
  line-height: 65px;
  color: var(--tp-text-body);
  font-size: 36px;
  font-weight: 700;
  border-radius: 6px;
  margin-right: 15px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
}
@media (max-width: 767px) {
  .tpdealcontact__countdown span.cdown {
    margin-bottom: 10px;
  }
}
.tpdealcontact__countdown span.cdown p {
  margin-top: -15px;
  font-size: 16px;
  color: var(--tp-text-secondary);
}
.tpdealcontact__count {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tpdealcontact__count {
    display: inherit;
  }
}
.tpdealcontact__count i {
  font-style: normal;
  font-size: 16px;
  margin-bottom: 0;
  padding-left: 13px;
  color: var(--tp-text-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tpdealcontact__count i {
    padding-top: 10px;
    padding-left: 0px;
    display: block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tpdealcontact__count i br {
    display: none;
  }
}

.swiper-container.product-active {
  margin-right: -500px;
}

.discount-product {
  z-index: 1;
}
.discount-product .tpdealcontact {
  margin-left: -13px;
  padding-right: 140px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .discount-product .tpdealcontact {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .discount-product .tpdealcontact {
    margin-left: 0;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .discount-product .tpdealcontact {
    margin-left: 0;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .discount-product .tpdealcontact {
    margin-left: 15px;
    padding-right: 15px;
  }
}

.tpdealproduct {
  margin-left: 68px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpdealproduct {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpdealproduct {
    margin-left: 0px;
    margin-bottom: 30px;
  }
}

.tp-fourth-deal .tpdealcontact {
  margin-left: 0px;
  padding-right: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-fourth-deal .tpdealcontact {
    padding-right: 10px;
  }
}

.video-icon {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.platinamdell .tpdealcontact {
  margin-left: 0;
}

.tpdealslide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.tpdealslide::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--tp-theme-13);
}

.tp-red-deal-text {
  padding-right: 0;
}

.tpvideo-bg {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpvideo-bg {
    position: relative;
    height: 450px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .tpvideo-bg {
    position: relative;
    height: 450px;
    width: 100%;
  }
}
.tpvideo-bg a {
  height: 120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  background-color: var(--tp-common-white);
  border-radius: 50%;
  color: var(--tp-theme-primary);
  display: block;
  font-size: 20px;
  animation: tp-pulse-2 1s infinite;
}
@media (max-width: 767px) {
  .tpvideo-bg a {
    height: 80px;
    width: 80px;
    line-height: 80px;
  }
}
.tpvideo-bg a:hover {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}

@media (max-width: 767px) {
  .video-area {
    padding-top: 0 !important;
  }
}

.product-thumb-secondary,
.thumbitem-secondary {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  border-radius: 6px;
}
.product-thumb-secondary img,
.thumbitem-secondary img {
  transition: opacity 0.8s ease, transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s, -webkit-transform 1.1s cubic-bezier(0.15, 0.75, 0.5, 1) 0s;
}

.product-item-count span {
  color: #999;
  font-size: 18px;
}
.product-item-count span b {
  font-weight: 600;
  color: var(--tp-common-black);
}

.product-filter-nav {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .product-filter-nav {
    transform: translateY(15px);
  }
}
.product-filter-nav.tpnavbar .nav-link {
  margin-left: 15px;
}

.tp-shop-selector .nice-select {
  border: transparent;
  color: var(--tp-text-body);
  font-weight: 600;
}
.tp-shop-selector .nice-select::after {
  right: 20px;
}
@media (max-width: 767px) {
  .tp-shop-selector .nice-select {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .product-navtabs {
    justify-content: start !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-navtabs {
    justify-content: end !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .filter-product {
    margin-left: 0;
  }
}
.filter-product p {
  font-size: 16px;
}

/*----------------------------------------*/
/*  07. SHOP CSS START
/*----------------------------------------*/
.tpshopitem {
  height: 220px;
  width: 220px;
  object-fit: cover;
}
.tpshopitem img {
  width: 100%;
  border-radius: 6px !important;
}
@media (max-width: 767px) {
  .tpshopitem {
    text-align: center;
  }
}

.whiteproduct {
  background-color: var(--tp-common-white);
}
.whiteproduct__thumb img {
  max-width: 100%;
}
.whiteproduct__content {
  padding: 20px 40px 40px 40px;
}
.whiteproduct__title {
  color: var(--tp-text-secondary);
  font-size: 15px;
  margin-bottom: 2px;
}
.whiteproduct__title a:hover {
  color: var(--tp-text-primary);
}
.whiteproduct__text span {
  font-weight: 600;
  font-size: 16px;
}
.whiteproduct__rating i {
  color: var(--tp-text-primary);
  font-size: 14px;
}
.whiteproduct__rating span {
  font-size: 14px;
}

.tpproductarrow {
  position: relative;
  z-index: 2;
  justify-content: end;
}
@media (max-width: 767px) {
  .tpproductarrow {
    justify-content: start;
    margin-bottom: 15px;
  }
}
.tpproductarrow__prv {
  font-size: 14px;
  font-weight: 600;
  background-color: #fff;
  padding: 6px 14px;
  line-height: 1;
  margin-right: 10px;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpproductarrow__prv:hover {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}
.tpproductarrow__prv:hover i {
  color: var(--tp-common-white);
}
.tpproductarrow__prv i {
  margin-right: 6px;
}
.tpproductarrow__nxt {
  font-size: 14px;
  font-weight: 600;
  background-color: #fff;
  padding: 6px 14px;
  line-height: 1;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpproductarrow__nxt:hover {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}
.tpproductarrow__nxt:hover i {
  color: var(--tp-common-white);
}
.tpproductarrow__nxt i {
  margin-left: 6px;
}

.tpsidebar li {
  list-style: none;
}
.tpsidebar__form-check .form-check-input {
  margin-top: 0;
  box-shadow: none;
}
.tpsidebar__form-check .form-check-input[type=checkbox] {
  border-radius: 0;
}
.tpsidebar__form-check label {
  font-size: 14px;
  color: var(--tp-text-secondary);
  margin-left: 10px;
}
.tpsidebar__form-check span {
  margin-left: auto;
}

.filter-product-title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .filter-product-title {
    font-size: 18px;
  }
}
.filter-product-title a:hover {
  color: var(--tp-text-primary);
}

.tpproduct__ammount del {
  font-weight: 500;
  color: #747691;
}

.tpproduct__action a, .tpproduct__action .comphare, .tpproduct__action .wishlist {
  font-size: 16px;
  color: var(--tp-text-body);
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  background-color: var(--tp-common-white);
  border-radius: 6px;
  display: inline-block;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
}
.tpproduct__action a:hover, .tpproduct__action .comphare:hover, .tpproduct__action .wishlist:hover {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  08. BANNER CSS START
/*----------------------------------------*/
.banneritem__thumb:hover .banneritem__content i {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.banneritem__thumb img {
  width: 100%;
}
.banneritem__content {
  position: absolute;
  bottom: 26px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banneritem__content {
    bottom: 5px;
  }
}
.banneritem__content i {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
  border-radius: 50%;
  font-size: 18px;
  margin-bottom: 40px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banneritem__content i {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 14px;
    margin-bottom: 0;
  }
}
.banneritem__content i:hover {
  background-color: var(--tp-common-white);
  color: var(--tp-text-primary);
}
.banneritem__content p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 2px;
  color: var(--tp-text-secondary);
}
.banneritem__content-tiele {
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banneritem__content-tiele {
    font-size: 14px;
  }
}

.banner-center {
  bottom: 51px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .banner-center {
    bottom: 15px;
  }
}
.banner-center .banneritem__content-tiele {
  font-size: 40px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .banner-center .banneritem__content-tiele {
    font-size: 20px;
  }
}

.tpexclusive__content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100px;
}
@media (max-width: 767px) {
  .tpexclusive__content {
    left: 15px;
  }
}
.tpexclusive__contentarea {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
}
.tpexclusive__contentarea p {
  color: var(--tp-common-white);
  font-size: 18px;
  line-height: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpexclusive__contentarea p {
    font-size: 14px;
    line-height: 20px;
  }
}
.tpexclusive__thumb img {
  border-radius: 6px;
}
.tpexclusive__subtitle {
  font-size: 20px;
  font-weight: 400;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpexclusive__subtitle {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .tpexclusive__subtitle {
    font-size: 12px;
  }
}
.tpexclusive__title {
  font-size: 50px;
  font-weight: 600;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpexclusive__title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .tpexclusive__title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.tpexclusive__btn .tp-btn {
  background-color: transparent;
  border: 1px solid #595a56;
  color: var(--tp-common-white);
}
@media (max-width: 767px) {
  .tpexclusive__btn .tp-btn {
    padding: 7px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpexclusive__btn .tp-btn {
    padding: 10px 20px;
  }
}
.tpexclusive__btn .tp-btn:hover {
  background-color: var(--tp-text-primary);
  border: 1px solid var(--tp-text-primary);
}

.subcolor {
  color: var(--tp-text-primary);
}

.tpbanneritem {
  margin-left: 55px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .tpbanneritem {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpbanneritem {
    margin-left: 0px;
  }
}

@media (max-width: 767px) {
  .tpbanneritem__thumb {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tpbanneritem__thumb img {
    width: 100%;
  }
}
.tpbanneritem__text {
  position: absolute;
  top: 50px;
  left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanneritem__text {
    top: 30px;
    left: 30px;
  }
}
@media (max-width: 767px) {
  .tpbanneritem__text {
    top: 15px;
    left: 15px;
  }
}
.tpbanneritem__text-title {
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpbanneritem__text-title {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanneritem__text-title {
    margin-bottom: 0px;
    font-size: 16px;
  }
}
.tpbanneritem__text-title a:hover {
  color: var(--tp-text-primary);
}
.tpbanneritem__text-price {
  color: var(--tp-text-primary);
  font-size: 14px;
  font-weight: 600;
}
.tpbanneritem__content {
  position: absolute;
  top: 40px;
  right: 10%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpbanneritem__content {
    top: 20px;
    right: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanneritem__content {
    right: 55px;
  }
}
@media (max-width: 767px) {
  .tpbanneritem__content {
    right: 55px;
    top: 10px;
  }
}
.tpbanneritem__content p {
  font-size: 16px;
  margin-bottom: 0;
  color: var(--tp-text-secondary);
}
.tpbanneritem__title {
  font-size: 30px;
  color: var(--tp-text-body);
  font-weight: 600;
  line-height: 1.15;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpbanneritem__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpbanneritem__title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .tpbanneritem__title {
    margin-bottom: 5px;
    font-size: 16px;
  }
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanneritem__title a br {
    display: none;
  }
}
.tpbanneritem__title a:hover {
  color: var(--tp-text-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbanneritem__btn {
    right: auto;
    left: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpbanneritem__btn .tp-btn {
    padding: 10px 10px;
  }
}
@media (max-width: 767px) {
  .tpbanneritem__btn .tp-btn {
    padding: 8px 10px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .tpbanneritem__btn .tp-btn i {
    margin-left: 2px;
  }
}

.tp-banner-item-small {
  position: absolute;
  bottom: 50px;
  left: 50px;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .tp-banner-item-small {
    left: 15px;
  }
}

.banneritem img {
  width: 100%;
}

.banneroverlay {
  position: relative;
  z-index: 1;
}
.banneroverlay::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: var(--tp-common-black);
  opacity: 0.5;
}

.bannertext {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 9;
  transform: translateY(-50%);
}
.bannertext__subtitle {
  font-size: 16px;
  color: var(--tp-common-white);
}
.bannertext__title {
  font-size: 40px;
  color: var(--tp-common-white);
  line-height: 1.25;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bannertext__title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bannertext__title {
    font-size: 28px;
  }
}
.bannertext__title a:hover {
  color: var(--tp-text-primary);
}

.exclusiveitem__thumb img {
  border-radius: 6px !important;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .exclusiveitem__thumb img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .exclusivearea__thumb img {
    max-width: 100%;
  }
}

.bannerbox {
  position: absolute;
  top: 55px;
  left: 60px;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .bannerbox {
    top: 30px;
    left: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .bannerbox {
    top: 30px;
    left: 42px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bannerbox {
    top: 25px;
    left: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bannerbox {
    top: 15px;
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bannerbox {
    top: 10px;
    left: 10px;
  }
}
.bannerbox__subtitle {
  font-size: 16px;
  color: #999999;
  display: block;
}
.bannerbox__subtitle a {
  color: var(--tp-text-primary);
  text-decoration: underline;
  font-weight: 700;
}
.bannerbox__title {
  font-size: 30px;
  color: var(--tp-text-body);
  font-weight: 600;
  line-height: 1.34;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bannerbox__title br {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .bannerbox__title {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .bannerbox__title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bannerbox__title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .bannerbox__title {
    font-size: 15px;
    margin-bottom: 5px;
  }
}
.bannerbox__title a:hover {
  color: var(--tp-text-primary);
}
.bannerbox__btn .tp-btn {
  padding: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .bannerbox__btn .tp-btn i {
    margin-left: 2px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner-bottom-bg {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-bottom-bg {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-bottom-bg {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-bottom-bg {
    margin-bottom: 5px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner-right-bg {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-right-bg {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-right-bg {
    margin-bottom: 15px;
  }
}

.banner-bottom-title {
  margin-bottom: 0;
  line-height: 1;
}
.banner-bottom-title a:hover {
  color: var(--tp-text-primary);
}

.banner-shape-primary {
  position: absolute;
  right: 0;
  top: 25px;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .banner-shape-primary {
    right: -20px;
  }
}

.banner-shape-secondary {
  position: absolute;
  left: 535px;
  bottom: 45px;
}
@media (max-width: 767px) {
  .banner-shape-secondary {
    left: 50px;
  }
}

.white-banner .tpslider-banner__sub-title {
  color: #ff9fb7;
}
.white-banner .tpslider-banner__title {
  color: var(--tp-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpbnner-height-5 {
    margin-bottom: 38px;
  }
}
@media (max-width: 767px) {
  .tpbnner-height-5 {
    margin-bottom: 20px;
  }
}

.tpbannerthumb-5 {
  margin-left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-slider-sm-banner {
    margin-bottom: 17px;
  }
}

/*----------------------------------------*/
/*  09. MARQUE CSS START
/*----------------------------------------*/
.mp-marque-slider {
  position: absolute;
  top: 95px;
  width: 100%;
}
@media (max-width: 767px) {
  .mp-marque-slider {
    top: 45px;
  }
}
.mp-marque-slider p {
  text-transform: uppercase;
  font-size: 100px;
  font-weight: 700;
  color: var(--tp-common-white);
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .mp-marque-slider p {
    font-size: 85px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .mp-marque-slider p {
    font-size: 75px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .mp-marque-slider p {
    font-size: 64px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mp-marque-slider p {
    font-size: 53px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mp-marque-slider p {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .mp-marque-slider p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mp-marque-slider p {
    font-size: 30px;
  }
}
.mp-marque-slider p span {
  background-clip: text;
  color: transparent;
  background-image: url("../img/blog/blog-thumb-07.jpg");
  background-size: cover;
  -webkit-background-clip: text;
}

@media (min-width: 1801px) and (max-width: 1880px) {
  .mp-marque-slider p {
    font-size: 96px;
  }
}
.mp-marque-slider .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.swiper--top.swiper-container {
  overflow: visible;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .platinamdell {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .platinamdell {
    padding-top: 80px;
  }
}
@media (max-width: 767px) {
  .platinamdell {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .platinamdell {
    padding-top: 50px;
  }
}

/*----------------------------------------*/
/*  00. 10. PORTFOLIO CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  11. BLOG CSS START
/*----------------------------------------*/
.blog-btn {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .blog-btn {
    font-size: 14px;
  }
}
.blog-btn:hover {
  color: var(--tp-text-primary);
}
.blog-btn:hover i {
  animation: iconarrow 0.4s linear;
}

.blogitem:hover .blogitem__thumb img {
  transform: scale(1.1);
}
.blogitem__thumb {
  border-radius: 6px;
}
.blogitem__thumb img {
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogitem__thumb img {
    max-width: 100%;
  }
}
.blogitem__content ul li {
  list-style: none;
  display: inline-block;
  margin-right: 35px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogitem__content ul li {
    margin-right: 15px;
  }
}
.blogitem__content ul li::before {
  position: absolute;
  content: "";
  top: 50%;
  right: -19px;
  height: 15px;
  width: 2px;
  background: #ececec;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogitem__content ul li::before {
    right: -10px;
  }
}
.blogitem__content ul li:last-child::before {
  display: none;
}
.blogitem__content ul li a {
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.blogitem__content ul li a:hover {
  color: var(--tp-text-primary);
}
.blogitem__content ul li .date-color {
  color: var(--tp-text-secondary);
}
.blogitem__title {
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .blogitem__title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blogitem__title {
    font-size: 15px;
  }
}
.blogitem__title a:hover {
  color: var(--tp-text-primary);
}
.blogitem__btn a {
  font-size: 14px;
  font-weight: 600;
  color: #cbcbcb;
  background-image: linear-gradient(#d51243, #d51243), linear-gradient(#d51243, #d51243);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 90%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  line-height: 1.4;
}
.blogitem__btn a:hover {
  background-size: 0 1px, 100% 1px;
  color: var(--tp-text-primary);
}

.tpblogborder {
  border-right: 1px solid var(--tp-theme-7);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpblogborder {
    border: none;
  }
}

.blog-main-box {
  margin-right: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-main-box {
    margin-right: 0;
  }
}

.postbox__thumb img {
  border-radius: 10px;
  max-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__wrapper {
    padding-right: 0;
  }
}
.postbox__meta span {
  margin-right: 55px;
  color: #5b5757;
  font-weight: 600;
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__meta span {
    margin-right: 18px;
  }
}
@media (max-width: 767px) {
  .postbox__meta span {
    margin-right: 15px;
    font-size: 12px;
  }
}
.postbox__meta span i {
  margin-right: 5px;
  color: var(--tp-text-primary);
}
.postbox__meta span a {
  text-transform: uppercase;
  display: inline-block;
  color: #5b5757;
  font-weight: 600;
}
.postbox__meta span a:hover {
  color: var(--tp-text-primary);
}
.postbox__title {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.25;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox__title {
    font-size: 24px;
  }
}
.postbox__title a:hover {
  color: var(--tp-text-primary);
}
.postbox__text p {
  font-size: 16px;
}
@media (max-width: 767px) {
  .postbox__text p {
    font-size: 14px;
  }
}
.postbox .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 88px;
  width: 88px;
  background: var(--tp-common-white);
  text-align: center;
  line-height: 88px;
  border-radius: 50%;
  color: var(--tp-text-primary);
  animation: tp-pulse-2 1.5s infinite;
}
.postbox .play-btn:hover {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}
.postbox__meta-img img {
  width: 100%;
  border-radius: 10px;
}
.postbox__tag span {
  font-size: 20px;
  margin-right: 15px;
  font-weight: 700;
}
.postbox__social-tag span {
  font-size: 20px;
  font-weight: 700;
  margin-right: 15px;
}
.postbox__social-tag a {
  margin-right: 30px;
  font-size: 18px;
}
.postbox__social-tag a:last-child {
  margin-right: 0;
}
.postbox__tag-border {
  border-top: 1px solid var(--tp-border-1);
  border-bottom: 1px solid var(--tp-border-1);
  padding: 30px 0;
}
.postbox__social-tag {
  text-align: end;
}
.postbox__social-tag a:hover {
  color: var(--tp-text-primary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__social-tag {
    margin-top: 15px;
    text-align: start;
  }
}
.postbox__content-area h4 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.25;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__content-area h4 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__content-area h4 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .postbox__content-area h4 {
    font-size: 28px;
  }
}
.postbox__content-area p {
  font-size: 16px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__content-area p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__content-area p br {
    display: none;
  }
}
.postbox__text-list ul li {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
  list-style: none;
}
.postbox__text-list ul li:last-child {
  margin-bottom: 0;
}
.postbox__text-list ul li i {
  margin-right: 20px;
  font-size: 18px;
  color: var(--tp-text-primary);
}
.postbox__comment {
  border-bottom: 1px solid var(--tp-border-1);
}
.postbox__comment ul li {
  margin-bottom: 10px;
  padding-top: 0 !important;
}
.postbox__comment ul li.children {
  margin-left: 100px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .postbox__comment ul li.children {
    margin-left: 0px;
  }
}
.postbox__comment-form {
  margin-bottom: 20px;
}
.postbox__comment-form-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}
.postbox__comment-form p {
  color: var(--tp-text-secondary);
  font-size: 16px;
  margin-bottom: 60px;
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 30px;
  color: var(--tp-text-body);
}
.postbox__comment-input span {
  font-weight: 600;
  color: var(--tp-common-black);
  margin-bottom: 12px;
  display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
  height: 60px;
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
  color: var(--tp-text-body);
  outline: none;
  border: 1px solid var(--tp-border-1);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  box-shadow: 0px 16px 24px rgba(189, 196, 205, 0.13);
}
.postbox__comment-input input:focus, .postbox__comment-input textarea:focus {
  border: 1px solid var(--tp-text-primary);
}
.postbox__comment-input input::placeholder, .postbox__comment-input textarea::placeholder {
  color: var(--tp-text-secondary);
}
.postbox__comment-input input::placeholder:focus, .postbox__comment-input textarea::placeholder:focus {
  color: var(--tp-text-primary);
}
.postbox__comment-input textarea {
  height: 175px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.postbox__comment-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 35px;
}
.postbox__comment-box {
  margin-bottom: 70px;
}
.postbox__comment-avater img {
  width: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.postbox__comment-name {
  margin-bottom: 15px;
}
.postbox__comment-name h5 {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 8px;
  font-weight: 500;
}
.postbox__comment-name span {
  font-size: 14px;
  color: var(--tp-text-secondary);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .postbox__comment-text {
    margin-left: 0;
    margin-top: 15px;
  }
}
.postbox__comment-text p {
  font-size: 16px;
  color: var(--tp-text-secondary);
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__comment-text p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .postbox__comment-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__comment-text p br {
    display: none;
  }
}
.postbox__comment-reply {
  margin-top: 10px;
}
.postbox__comment-reply a {
  display: inline-block;
  color: var(--tp-text-primary);
  background: var(--tp-common-white);
  line-height: 22px;
  padding: 4px 10px;
  font-weight: 500;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.postbox__comment-reply a:hover {
  color: var(--tp-common-white);
  background: var(--tp-text-primary);
}
.postbox__comment-agree {
  padding-left: 5px;
}
.postbox__comment-agree input {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: var(--tp-common-white);
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  flex: 0 0 auto;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.postbox__comment-agree input:checked {
  position: relative;
  background-color: var(--tp-theme-1);
  border-color: transparent;
}
.postbox__comment-agree input:checked::after {
  box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: var(--tp-ff-fontawesome);
  font-size: 10px;
  color: var(--tp-common-white);
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.postbox__comment-agree input:hover {
  cursor: pointer;
}
.postbox__comment-agree label {
  padding-left: 8px;
  color: var(--tp-text-1);
  line-height: 1;
}
.postbox__comment-agree label a {
  color: var(--tp-common-black);
  font-weight: 600;
  padding-left: 4px;
}
.postbox__comment-agree label a:hover {
  color: var(--tp-theme-1);
}
.postbox__comment-agree label:hover {
  cursor: pointer;
}
.postbox__comment .latest-comments .comment-respond {
  margin-bottom: 65px;
}

.postbox-nav button {
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.postbox-nav button.postbox-slider-button-next {
  left: auto;
  right: 0px;
}
.postbox-nav button i {
  height: 60px;
  width: 60px;
  line-height: 60px;
  background-color: var(--tp-common-white);
  color: var(--tp-text-body);
}
@media (max-width: 767px) {
  .postbox-nav button i {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.postbox-nav button i:hover {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar__wrapper {
    padding-left: 0;
  }
}
.sidebar__widget {
  padding: 40px 30px 40px 30px;
  box-shadow: 0px 12px 10px rgba(238, 239, 240, 0.25);
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
}
.sidebar__widget-content ul li {
  margin-bottom: 15px;
  list-style: none;
}
.sidebar__widget-content ul li:last-child {
  margin-bottom: 0;
}
.sidebar__widget-content ul li a {
  color: var(--tp-text-secondary);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #F2F5FA;
  padding: 9px 15px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.sidebar__widget-content ul li a:hover {
  color: var(--tp-text-primary);
}
.sidebar__widget-content ul li a span {
  display: block;
  text-align: end;
}
.sidebar__widget-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--tp-text-body);
}
.sidebar__search-input-2 input {
  height: 60px;
  width: 100%;
  padding: 10px 60px 10px 20px;
  border: none;
  background-color: var(--tp-grey-8);
}
.sidebar__search-input-2 input::placeholder {
  font-weight: 500;
  font-size: 12px;
  color: var(--tp-text-secondary);
  background-color: var(--tp-grey-8);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.sidebar__search-input-2 button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 16px 25px;
}

.rc__post:last-child {
  margin-bottom: 0;
}
.rc__post-thumb {
  margin-right: 20px;
  flex: 0 0 auto;
}
.rc__post-thumb img {
  height: 100px;
  width: 100px;
  object-fit: cover;
}
.rc__meta span {
  font-weight: 600;
  font-size: 13px;
  color: var(--tp-text-secondary);
  letter-spacing: 1px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.rc__post-title {
  font-weight: 500;
  font-size: 16px;
  color: #141515;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .rc__post-title {
    font-size: 15px;
  }
}
.rc__post-title a {
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.rc__post-title a:hover {
  color: var(--tp-text-primary);
}

.tagcloud a {
  font-weight: 600;
  font-size: 12px !important;
  text-transform: uppercase;
  color: var(--tp-text-secondary);
  border: 1px solid #F2F4F6;
  padding: 10px 26px;
  display: inline-block;
  line-height: 1;
  margin: 5px 10px 5px 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tagcloud a:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-text-primary);
}

.postbox__meta {
  text-transform: uppercase;
}

/*----------------------------------------*/
/*  12. CTA CSS START
/*----------------------------------------*/
.tpcta {
  padding: 58px 60px;
  border-radius: 6px;
  margin-left: 30px;
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .tpcta {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpcta {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpcta {
    padding: 20px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpcta {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .tpcta {
    padding: 40px 20px;
    margin-left: 0;
  }
}
.tpcta::before {
  position: absolute;
  content: "";
  height: 75px;
  width: 75px;
  border-radius: 50%;
  background-color: var(--tp-common-white);
  z-index: -1;
  top: 40px;
  right: 135px;
}
.tpcta p {
  color: #9a9387;
  font-size: 14px;
}
.tpcta__subtitle {
  font-size: 20px;
  font-weight: 400;
  color: var(--tp-text-primary);
  margin-bottom: 5px;
}
.tpcta__title {
  font-size: 26px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .tpcta__title {
    font-size: 22px;
  }
}
.tpcta__input-icon {
  position: absolute;
  top: 17px;
  left: 30px;
}
.tpcta__input-icon i {
  font-size: 16px;
}
.tpcta__input input {
  border: none;
  border-radius: 6PX;
  height: 60px;
  width: 100%;
  padding: 10px 30px 10px 52px;
}
.tpcta__input input::placeholder {
  color: #b0b0b0;
  font-size: 16px;
}
.tpcta__btn button {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  padding: 17px 0;
  border-radius: 6px;
  margin-right: 15px;
}
.tpcta__btn button:hover i {
  animation: iconarrow 0.4s linear;
}
.tpcta__btn button span {
  margin-left: 15px;
}

.tptrack__id span, .tptrack__email span {
  position: relative;
}
.tptrack__id span i, .tptrack__email span i {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  font-size: 16px;
}
.tptrack__id span input, .tptrack__email span input {
  width: 100%;
  height: 60px;
  border: none;
  background-color: var(--tp-common-white);
  padding: 10px 60px;
  border-radius: 6px;
}
.tptrack__id span input::placeholder, .tptrack__email span input::placeholder {
  font-size: 14px;
  color: var(--tp-grey-9);
}
.tptrack__id .cbwct-tracking-title h2, .tptrack__email .cbwct-tracking-title h2 {
  font-size: 20px;
  color: var(--tp-text-body);
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
}
.tptrack__id .cbwct-tracking-form-area, .tptrack__email .cbwct-tracking-form-area {
  display: block;
}
.tptrack__id .cbwct-tracking-form-area .cbwct-tracking-form-field, .tptrack__email .cbwct-tracking-form-area .cbwct-tracking-form-field {
  margin-bottom: 20px;
}
.tptrack__id .cbwct-tracking-form-area input, .tptrack__email .cbwct-tracking-form-area input {
  width: 100% !important;
  height: 60px !important;
  border: none !important;
  background-color: var(--tp-common-white) !important;
  padding: 10px 20px !important;
  border-radius: 6px !important;
}
.tptrack__id .cbwct-tracking-form-area input[type=submit], .tptrack__email .cbwct-tracking-form-area input[type=submit] {
  background: var(--tp-text-primary) !important;
  font-weight: 500;
  font-size: 14px;
  text-transform: capitalize;
}
.tptrack__id .cbwct-tracking-form-area input[type=submit]:hover, .tptrack__email .cbwct-tracking-form-area input[type=submit]:hover {
  background: #b50c37 !important;
}
.tptrack__item-icon {
  flex: 0 0 auto;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  background-color: var(--tp-common-white);
  border-radius: 6px;
  margin-right: 20px;
}
.tptrack__thumb img {
  border-radius: 8px 8px 0 0 !important;
  width: 100%;
}
.tptrack__content {
  padding: 50px;
  border-radius: 0 0 8px 8px;
}
@media (max-width: 767px) {
  .tptrack__content {
    padding: 20px 15px;
  }
}
.tptrack__item-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-text-body);
}
.tptrack__item-content p {
  font-size: 14px;
  color: var(--tp-text-secondary);
  line-height: 24px;
  margin-bottom: 0;
}
.tptrack__id form, .tptrack__email form {
  position: relative;
}
.tptrack__id form input, .tptrack__email form input {
  width: 100%;
  height: 60px;
  border: none;
  background-color: var(--tp-common-white);
  padding: 10px 60px;
  border-radius: 6px;
}
.tptrack__id form input::placeholder, .tptrack__email form input::placeholder {
  font-size: 14px;
  color: var(--tp-grey-9);
}
.tptrack__submition {
  background: var(--tp-text-primary);
  border-radius: 6px;
  color: var(--tp-common-white);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  padding: 22px 50px;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}
.tptrack__submition i {
  margin-left: 20px;
}
.tptrack__submition:hover {
  background-color: #b50c37;
}

/*----------------------------------------*/
/*  13. SERVICES CSS START
/*----------------------------------------*/
.tpservicesitem {
  border: 1px solid var(--tp-border-6);
  padding: 28px 30px;
  border-radius: 6px;
  background-color: var(--tp-common-white);
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpservicesitem {
    flex-direction: column;
    text-align: center;
    padding: 25px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpservicesitem {
    flex-direction: column;
    text-align: center;
    padding: 25px 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpservicesitem {
    padding: 20px 10px;
  }
}
.tpservicesitem::before {
  position: absolute;
  content: "";
  height: 50%;
  width: 100%;
  background-color: var(--tp-text-primary);
  left: 0;
  bottom: 0;
  border-radius: 6px;
  z-index: -1;
}
.tpservicesitem:hover {
  border: 1px solid var(--tp-text-primary);
}
.tpservicesitem:hover::before {
  transform: rotate(3deg);
}
.tpservicesitem:hover .tpservicesitem__icon svg {
  transform: translate3d(0, -5px, 0);
}
.tpservicesitem:hover .tpservicesitem__icon i {
  transform: translate3d(0, -5px, 0);
}
.tpservicesitem__icon {
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpservicesitem__icon {
    margin-bottom: 15px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpservicesitem__icon {
    margin-right: 11px;
  }
}
.tpservicesitem__icon svg {
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  height: 30px;
  width: 30px;
}
.tpservicesitem__icon i {
  font-size: 31px;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  display: inline-block;
}
.tpservicesitem__content p {
  margin-bottom: 0;
  font-size: 14px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpservicesitem__content p {
    font-size: 12px;
  }
}
.tpservicesitem__title {
  font-size: 18px;
  font-weight: 700;
  color: var(--tp-text-body);
  line-height: 24px;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services-gx-item {
    --bs-gutter-x: 10px;
  }
}

.tpservices-border {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpservices-border .tpservicesitem__title {
  color: var(--tp-common-white);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpservices-border p {
  color: var(--tp-text-5);
}
.tpservices-border:hover {
  background-color: var(--tp-common-white);
  border: 1px solid #fff;
}
.tpservices-border:hover .tpservicesitem__title {
  color: var(--tp-common-black);
}

/*----------------------------------------*/
/*  14. BRAND CSS START
/*----------------------------------------*/
.tpbrand .tpsection__title {
  color: var(--tp-common-white);
}
.tpbrand .left-line::before {
  background-color: var(--tp-border-5);
}
.tpbrand .right-line::after {
  background-color: var(--tp-border-5);
}
.tpbrand .brand-items img {
  opacity: 0.5;
}
.tpbrand .brand-items img:hover {
  opacity: 1;
}

.brand-items .swiper-slide {
  text-align: center;
}

@media (max-width: 767px) {
  .black-bg-brand {
    padding-top: 20px;
  }
}

.brand-items img {
  opacity: 0.5;
}
.brand-items img:hover {
  opacity: 1;
}

.tpabout__inner-title-area p {
  font-size: 18px;
  color: var(--tp-text-secondary);
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpabout__inner-title-area p {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .tpabout__inner-title-area p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpabout__inner-title-area p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.tpabout__logo {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 767px) {
  .tpabout__logo {
    bottom: 30px;
  }
}
.tpabout__logo img {
  max-width: 100%;
}
.tpabout__inner-thumb img {
  border-radius: 6px;
  max-width: 100%;
}
.tpabout__inner-title {
  font-size: 40px;
  color: var(--tp-text-body);
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpabout__inner-title {
    font-size: 30px;
  }
}
.tpabout__inner-sub-title {
  font-size: 14px;
  margin-bottom: 5px;
  color: var(--tp-text-secondary);
}
.tpabout__inner-story p {
  font-size: 18px;
  color: var(--tp-text-secondary);
  margin-bottom: 0;
  margin-right: -25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpabout__inner-story p {
    margin-right: 0px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpabout__inner-story p {
    margin-right: 0px;
    font-size: 16px;
  }
}
.tpabout__inner-story-2 p {
  font-size: 18px;
  color: var(--tp-text-secondary);
  margin-bottom: 0;
  margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpabout__inner-story-2 p {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpabout__inner-story-2 p {
    margin-left: 0px;
    font-size: 16px;
  }
}
.tpabout__inner-list ul li {
  list-style: none;
  position: relative;
  padding-left: 45px;
  margin-bottom: 21px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpabout__inner-list ul li {
    padding-left: 35px;
  }
}
.tpabout__inner-list ul li:last-child {
  margin-bottom: 0;
}
.tpabout__inner-list ul li a {
  font-size: 18px;
  font-weight: 400;
  color: var(--tp-text-body);
  background-image: linear-gradient(#040404, #040404), linear-gradient(#040404, #040404);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 90%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  line-height: 1.4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpabout__inner-list ul li a {
    font-size: 15px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpabout__inner-list ul li a {
    font-size: 16px;
  }
}
.tpabout__inner-list ul li a:hover {
  background-size: 0 1px, 100% 1px;
}
.tpabout__inner-list ul li a i {
  position: absolute;
  top: 5px;
  left: 10px;
  color: var(--tp-text-secondary);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .about-inner-content {
    margin-left: 0;
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  15. PLATINAM-PRODUCT CSS START
/*----------------------------------------*/
.tpratingitem__title {
  font-size: 15px;
  color: var(--tp-text-secondary);
}
.tpratingitem__title a:hover {
  color: var(--tp-text-primary);
}
.tpratingitem__content span {
  color: var(--tp-text-body);
  font-size: 16px;
  font-weight: 600;
}
.tpratingitem__star i {
  font-size: 12px;
  color: var(--tp-text-primary);
}
.tpratingitem__star span {
  font-size: 12px;
  font-weight: 400;
}
.tpratingitem__oldprice {
  color: #d3d2d2;
  font-weight: 600;
  font-style: 16px;
}
.tpratingitem__available {
  margin: 0 40px;
}
.tpratingitem__available .progress {
  height: 4px;
  background-color: #f0f0f0;
}
.tpratingitem__available .progress .progress-bar {
  width: 40% !important;
  background-color: var(--tp-text-primary);
  border-radius: 6px;
}
.tpratingitem__stock span {
  font-size: 14px;
  font-weight: 600;
}
.tpratingitem__stock span i {
  font-style: normal;
  font-size: 14px;
  color: #999999;
}
.tpratingitem__countdown span {
  display: inline-block;
  margin-bottom: 10px;
}
.tpratingitem__countdown span.cdown {
  color: var(--tp-text-body);
  font-size: 14px;
  font-weight: 600;
  margin-right: 13px;
  margin-bottom: 0;
  padding-right: 16px;
  position: relative;
}
.tpratingitem__countdown span.cdown::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 30px;
  width: 1px;
  background-color: #ededed;
}
.tpratingitem__countdown span.cdown:last-child::before {
  display: none;
}
.tpratingitem__countdown span.cdown p {
  margin-top: -15px;
  font-size: 16px;
  color: var(--tp-text-secondary);
}
.tpratingitem__count {
  display: flex;
  justify-content: center;
  margin-left: 30px;
}
.tpratingitem__count i {
  font-style: normal;
  font-size: 16px;
  margin-bottom: 0;
  padding-left: 13px;
  color: var(--tp-text-secondary);
}

@media (max-width: 767px) {
  .tpplatiarrow {
    justify-content: start !important;
    margin-bottom: 20px;
  }
}

.tpratingitem__thumb {
  overflow: hidden;
}
.tpratingitem__thumb img {
  width: 100%;
}
.tpratingitem__thumb img:hover {
  transform: scale(1.08);
}

/*----------------------------------------*/
/*  16. FEATURES CSS START
/*----------------------------------------*/
.tpfeatures:hover .tpfeatures__icon img {
  transform: translate3d(0, -5px, 0);
}
.tpfeatures__icon img {
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.tpfeatures__icon {
  padding: 25px 24px;
  background-color: var(--tp-theme-13);
  display: inline-block;
  border-radius: 6px;
  width: 100px;
}
.tpfeatures__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-text-9);
}

.tpfeaturesborder {
  position: relative;
}
.tpfeaturesborder::before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  height: 150px;
  width: 1px;
  background-color: #f2f2f2;
  display: none;
}
.tpfeaturesborder::after {
  position: absolute;
  content: "";
  right: -15px;
  top: 10px;
  height: 150px;
  width: 1px;
  background-color: #f2f2f2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpfeaturesborder::after {
    display: none;
  }
}

.fea-row .col-lg-2:last-child .tpfeaturesborder::after {
  right: 0px;
}
.fea-row .col-lg-2:first-child .tpfeaturesborder::before {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fea-row .col-lg-2:first-child .tpfeaturesborder::before {
    display: none;
  }
}

/*----------------------------------------*/
/*  17. TESTIMONIAL CSS START
/*----------------------------------------*/
.tptesti {
  background-color: #fcf6f4;
  padding: 40px 64px;
  border-radius: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tptesti {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tptesti {
    padding: 30px 25px;
  }
}
.tptesti__icon {
  height: 50px;
  width: 50px;
  line-height: 50px;
  display: inline-block;
  background: #fff;
  text-align: center;
  border-radius: 50%;
}
.tptesti__content p {
  font-size: 20px;
  color: var(--tp-text-body);
  line-height: 1.6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tptesti__content p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .tptesti__content p {
    font-size: 16px;
  }
}
.tptesti__avata-content-title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tptesti__avata-content-title {
    font-size: 14px;
  }
}
.tptesti__avata-content p {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--tp-text-secondary);
}

@media (max-width: 767px) {
  .tptestiarrow {
    justify-content: start !important;
    margin-bottom: 15px;
  }
}

.tpplatiarrow__prv, .tpplatiarrow__nxt,
.tptestiarrow__prv,
.tptestiarrow__nxt {
  font-size: 16px;
  font-weight: 600;
  color: #c0c0c0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpplatiarrow__prv:hover, .tpplatiarrow__nxt:hover,
.tptestiarrow__prv:hover,
.tptestiarrow__nxt:hover {
  color: var(--tp-text-body);
}
.tpplatiarrow__nxt,
.tptestiarrow__nxt {
  margin-left: 20px;
}
.tpplatiarrow__nxt i,
.tptestiarrow__nxt i {
  margin-left: 12px;
}
.tpplatiarrow__prv i,
.tptestiarrow__prv i {
  margin-right: 12px;
}

.tp-white-testimonial .tptesti {
  background-color: var(--tp-common-white);
}
.tp-white-testimonial .tptesti__icon {
  background-color: var(--tp-text-primary);
}
.tp-white-testimonial .tptesti__content p {
  color: var(--tp-text-secondary);
}
.tp-white-testimonial .tptestiarrow__prv, .tp-white-testimonial .tptestiarrow__nxt {
  font-size: 14px;
  font-weight: 600;
  color: var(--tp-text-body);
  background-color: var(--tp-common-white);
  padding: 6px 14px;
  line-height: 1;
  margin-right: 10px;
  border-radius: 6px;
  transition: all 0.3s ease-out 0s;
}
.tp-white-testimonial .tptestiarrow__prv:hover, .tp-white-testimonial .tptestiarrow__nxt:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-text-primary);
}
.tp-white-testimonial .tptestiarrow__nxt {
  margin-right: 0;
  margin-left: 0;
}

.tpteam__thumb {
  position: relative;
}
.tpteam__thumb::before {
  transition: all 0.4s ease-out 0s;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  left: 0px;
  right: 0;
  bottom: 0px;
  z-index: 1;
  opacity: 0.6;
  border-radius: 6px;
}
.tpteam__thumb img {
  border-radius: 6px !important;
  width: 100%;
}
.tpteam__position {
  font-size: 14px;
  color: var(--tp-common-white);
  margin-bottom: 7px;
}
.tpteam__title {
  font-size: 24px;
  font-weight: 600;
  color: var(--tp-common-white);
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpteam__title {
    font-size: 18px;
  }
}
.tpteam__content {
  position: absolute;
  bottom: 35px;
  z-index: 9;
  left: 38px;
}
.tpteam__social_area a {
  color: #fff;
  margin-right: 5px;
  margin-top: 10px;
  display: inline-block;
}
.tpteam__btn {
  border: 1px solid var(--tp-border-1);
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-text-body);
  padding: 16px 33px;
  border-radius: 6px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpteam__btn {
    padding: 10px 33px;
    font-size: 16px;
  }
}
.tpteam__btn:hover {
  background-color: var(--tp-text-primary);
  border: 1px solid var(--tp-text-primary);
  color: var(--tp-common-white);
}

.tpfeature__inner-thumb img {
  max-width: 100%;
}

/*----------------------------------------*/
/*  18. SELECTPRODUCT CSS START
/*----------------------------------------*/
.tpselectproduct__heading {
  font-size: 20px;
  font-weight: 600;
}
.tpselectproduct__thumb {
  flex: 0 0 auto;
}
.tpselectproduct__thumb img {
  border-radius: 6px;
  width: 80px;
  height: 90px;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpselectproduct__rating {
  color: var(--tp-text-primary);
  font-size: 11px;
  margin-bottom: 3px;
}
.tpselectproduct__rating .max-star {
  color: #e0e0e0;
}
.tpselectproduct__title {
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-secondary);
}
.tpselectproduct__title a:hover {
  color: var(--tp-text-primary);
}
.tpselectproduct__price {
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-text-body);
}

/*----------------------------------------*/
/*  19. PRODUCT-DETAILS CSS START
/*----------------------------------------*/
.tpproduct-details__categories a {
  margin-right: 0 !important;
}
@media (max-width: 767px) {
  .tpproduct-details__nab {
    padding-right: 0;
  }
}
.tpproduct-details__nab .nav-link {
  padding: 0;
  border-color: transparent;
  margin-bottom: 20px;
}
.tpproduct-details__nab .nav-link img {
  height: 80px;
  width: 70px;
  object-fit: cover;
  border-radius: 6px;
  border-color: transparent;
}
.tpproduct-details__nab .nav-link.nav-link.active,
.tpproduct-details__nab .nav-link .nav-pills .show > .nav-link {
  color: #fff;
  background-color: transparent;
}
.tpproduct-details__nab .tab-pane img {
  max-width: 100%;
  border-radius: 6px;
}
.tpproduct-details__sticky {
  margin-left: -25px;
  position: sticky;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproduct-details__sticky {
    margin-left: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpproduct-details__sticky {
    margin-left: 0px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpproduct-details__sticky {
    margin-left: 0px;
    margin-top: 20px;
  }
}
.tpproduct-details__tag {
  display: inline-block;
  font-size: 14px;
  color: var(--tp-text-primary);
  font-weight: 600;
  line-height: 1;
  padding: 2px 8px 4px;
  background-color: rgba(213, 18, 67, 0.1);
  border-radius: 2px;
}
.tpproduct-details__rating {
  margin-left: 20px;
}
.tpproduct-details__rating a {
  font-size: 11px;
  color: var(--tp-text-primary);
}
.tpproduct-details__rating a i {
  margin-left: -3px;
}
.tpproduct-details__reviewers {
  font-size: 13px;
  margin-left: 5px;
  color: var(--tp-text-secondary);
  cursor: pointer;
}
.tpproduct-details__reviewers.no-review {
  transform: translateY(2px);
}
.tpproduct-details__reviewers:hover {
  color: var(--tp-text-primary);
}
.tpproduct-details__title {
  font-size: 26px;
  font-weight: 600;
  color: var(--tp-text-body);
  margin-right: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproduct-details__title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .tpproduct-details__title {
    font-size: 23px;
  }
}
.tpproduct-details__stock {
  font-size: 12px;
  font-weight: 600;
  color: var(--tp-text-primary);
  border: 1px solid var(--tp-border-1);
  border-radius: 2px;
  padding: 4px 9px;
  line-height: 1;
}
.tpproduct-details__price del {
  font-size: 20px;
  color: var(--tp-grey-6);
  font-weight: 600;
}
.tpproduct-details__price span {
  color: var(--tp-text-primary);
  font-weight: 600;
  font-size: 20px;
  margin-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .tpproduct-details__price span {
    font-size: 26px;
  }
}
.tpproduct-details__pera p {
  font-size: 16px;
  color: var(--tp-text-secondary);
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproduct-details__pera p {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tpproduct-details__pera p br {
    display: none;
  }
}
.tpproduct-details__quantity {
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
  display: inline-block;
  padding: 16px 28px;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproduct-details__quantity {
    padding: 11px 23px;
  }
}
@media (max-width: 767px) {
  .tpproduct-details__quantity {
    padding: 11px 10px;
    margin-right: 5px;
  }
}
.tpproduct-details__quantity input {
  border: none;
  width: 25px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.tpproduct-details__quantity .tp-cart-minus, .tpproduct-details__quantity .tp-cart-plus {
  color: var(--tp-grey-7);
  cursor: pointer;
}
@media (max-width: 767px) {
  .tpproduct-details__cart {
    margin-right: 5px;
  }
}
.tpproduct-details__cart button {
  font-size: 16px;
  font-weight: 600;
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
  display: inline-block;
  padding: 22px 36px;
  line-height: 1;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tpproduct-details__cart button:hover {
  background-color: var(--tp-text-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproduct-details__cart button {
    padding: 17px 20px;
  }
}
@media (max-width: 767px) {
  .tpproduct-details__cart button {
    padding: 18px 14px;
    font-size: 13px;
  }
}
.tpproduct-details__cart button i {
  margin-right: 5px;
}
.tpproduct-details__wishlist {
  height: 60px;
  width: 60px;
  text-align: center;
  border: 1px solid var(--tp-border-1);
  display: inline-block;
  line-height: 60px;
  color: var(--tp-grey-7);
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproduct-details__wishlist {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .tpproduct-details__wishlist {
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-right: 5px;
  }
}
.tpproduct-details__wishlist:hover {
  color: var(--tp-common-white) !important;
  background-color: var(--tp-text-primary) !important;
  border: 1px solid var(--tp-text-primary) !important;
}
.tpproduct-details__wishlist a {
  display: block;
}
.tpproduct-details__information p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-text-body);
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.tpproduct-details__information span, .tpproduct-details__information a {
  color: var(--tp-text-secondary);
  font-weight: 400;
  font-size: 16px;
}
.tpproduct-details__information span a:hover, .tpproduct-details__information a a:hover {
  color: var(--tp-text-primary);
}
.tpproduct-details__information a {
  color: var(--tp-text-secondary);
  margin-right: 12px;
  font-size: 16px;
}
.tpproduct-details__information a:hover {
  color: var(--tp-text-primary);
}
.tpproduct-details__tags a {
  margin-right: 0;
}
@media (max-width: 991px) {
  .tpproduct-details__condation {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tpproduct-details__condation {
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .tpproduct-details__condation {
    margin-top: 40px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpproduct-details__condation {
    margin-top: 40px;
    margin-right: 0px;
  }
}
.tpproduct-details__condation ul li {
  list-style: none;
  margin-bottom: 20px;
}
.tpproduct-details__condation-item {
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
  padding: 11px 25px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproduct-details__condation-item {
    padding: 11px 8px;
  }
}
.tpproduct-details__condation-item:hover .tpproduct-details__img-hover {
  transform: translate3d(0, -5px, 0);
}
.tpproduct-details__condation-thumb {
  flex: 0 0 auto;
}
.tpproduct-details__img-hover {
  margin-right: 20px;
  flex: 0 0 auto;
  transform: translate3d(0, 0, 0);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
}
.tpproduct-details__img-hover.icon {
  font-size: 25px;
  width: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpproduct-details__img-hover {
    margin-right: 10px;
  }
}
.tpproduct-details__condation-text p {
  font-size: 14px;
  margin-bottom: 0;
  color: var(--tp-text-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpproduct-details__condation-text p br {
    display: none;
  }
}
.tpproduct-details__nav .nav-tabs {
  border-bottom: 1px solid var(--tp-border-1);
  display: flex;
  justify-content: start;
  padding-bottom: 15px;
}
.tpproduct-details__nav .nav-tabs .nav-link {
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-text-secondary);
  margin: 0 32px;
  border: none;
  padding: 0;
}
.tpproduct-details__nav .nav-tabs .nav-link:first-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .tpproduct-details__nav .nav-tabs .nav-link {
    font-size: 14px;
    margin: 0 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpproduct-details__nav .nav-tabs .nav-link {
    margin: 0 15px;
  }
}
.tpproduct-details__nav .nav-tabs .nav-link.active {
  color: var(--tp-text-body);
}
.tpproduct-details__list-img {
  margin-right: 60px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpproduct-details__list-img {
    padding-right: 0;
  }
}
.tpproduct-details__list-img-item {
  margin-bottom: 10px;
}
.tpproduct-details__list-img-item img {
  max-width: 100%;
  border-radius: 6px;
}

.latest-comments ul > li.comment-list {
  list-style: none;
}

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

.user-rating ul li {
  display: inline-block;
  color: var(--tp-common-yellow);
}

.comments-text span,
.comments-text p {
  color: var(--tp-text-secondary);
  font-size: 16px;
}

.comment-title p {
  color: var(--tp-text-secondary);
  font-size: 16px;
}

.comment-rating span {
  font-weight: 500;
  margin-right: 5px;
}
.comment-rating ul li {
  display: inline-block;
  color: var(--tp-common-yellow);
}

.comment-input textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #e7e7e7;
  padding: 20px;
}
.comment-input textarea:focus-visible {
  outline: 0;
  border: 1px solid var(--tp-text-primary) !important;
}
.comment-input input {
  width: 100%;
  height: 50px;
  resize: none;
  outline: 0;
  border: 1px solid #e7e7e7;
  padding: 8px 20px;
  margin-bottom: 30px;
}
.comment-input input:focus {
  border: 1px solid var(--tp-text-primary);
}

.comments-avatar {
  flex: 0 0 auto;
}

.table .add-info {
  font-size: 18px;
  font-weight: 500;
}

.table td {
  padding: 18px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .shop-left-right {
    margin-left: 0;
    margin-right: 0;
  }
}

.tp-comments-title {
  font-size: 26px;
  color: var(--tp-text-body);
  font-weight: 600;
}
@media (max-width: 767px) {
  .tp-comments-title {
    font-size: 18px;
  }
}

.tp-content-tab p {
  font-size: 16px;
  color: var(--tp-text-secondary);
}
.tp-content-tab p.stars {
  margin-top: 5px;
}

.pro-submit {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}

@media (max-width: 767px) {
  .tprelated__arrow {
    justify-content: start !important;
  }
}
.tprelated__arrow i {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  background-color: var(--tp-grey-2);
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.tprelated__arrow i:hover {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}
.tprelated__prv {
  margin-right: 15px;
}

.related-product-border {
  border-top: 1px solid var(--tp-border-1);
}

.comments-text {
  width: 100%;
}

/*----------------------------------------*/
/*  20. CART CSS START
/*----------------------------------------*/
.table-content table {
  background: var(--tp-common-white);
  border-color: var(--tp-border-1);
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
.table-content table.table > :not(:first-child) {
  border-top: 0;
}

.table-content .table > :not(:last-child) > :last-child > * {
  border-bottom-color: var(--tp-border-1);
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: var(--tp-text-primary);
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th,
.table-content table td {
  border-bottom: 1px solid var(--tp-border-1);
  border-right: 1px solid var(--tp-border-1);
}

.product-quantity input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid var(--tp-border-1);
}

.table td,
.table th {
  border-top: 1px solid var(--tp-border-1);
}

.product-quantity > input {
  width: 80px;
  border-radius: 3px;
}

.table-content table td.product-subtotal {
  font-size: 16px;
}

.table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

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

.coupon {
  float: left;
}

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 52px;
  border: 1px solid var(--tp-border-1);
  padding: 0 15px;
  margin-right: 10px;
  border-radius: 8px;
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}
.coupon2 {
  float: right;
}

@media (max-width: 767px) {
  .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-page-total {
  padding-top: 50px;
}

.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid var(--tp-border-1);
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid var(--tp-border-1);
  font-weight: 400;
}

.cart-page-total ul > li > span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0;
}

td.product-thumbnail img {
  width: 125px;
}

.product-quantity .cart-plus, .product-quantity .cart-minus {
  width: 25px;
  height: 30px;
  border: 1px solid var(--tp-border-1);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}
.product-quantity .cart-plus:hover, .product-quantity .cart-minus:hover {
  cursor: pointer;
  color: var(--tp-common-white);
  background: var(--tp-text-primary);
  border-color: var(--tp-text-primary);
}

.cart-input {
  height: 30px;
  width: 32px;
  text-align: center;
  font-size: 14px;
  border: none;
  border-top: 2px solid var(--tp-border-1);
  border-bottom: 2px solid var(--tp-border-1);
  display: inline-block;
  vertical-align: middle;
  margin: 0 -3px;
  padding-bottom: 0px;
}

.tp-wish-cart {
  min-width: 150px;
}

/* Checkout */
.coupon-accordion h3 {
  background-color: #f6f6f6;
  border-top: 3px solid rgba(213, 18, 67, 0.3);
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: #6f7172;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion span {
  color: #6f7172;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion span:hover, p.lost-password a:hover {
  color: var(--tp-theme-primary);
}

.coupon-content {
  border: 1px solid #eaedff;
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
  display: block;
  color: #6f7172;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: red;
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border: 1px solid #eaedff;
  height: 45px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
  border-color: var(--tp-text-primary);
}

.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 2px;
  transform: translateY(-3px);
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #6f7172;
}

.buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
p.checkout-coupon input[type=text]:focus {
  border-color: var(--tp-text-primary);
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #eaedff;
  padding: 0 10px;
  height: 50px;
}

.country-select label, .checkout-form-list label {
  color: #6f7172;
  display: block;
  margin: 0 0 5px;
}

.country-select label span.required, .checkout-form-list label span.required {
  color: red;
}

.country-select .nice-select {
  border: 1px solid #eaedff;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
  margin-bottom: 20px;
}

.country-select .nice-select .list {
  width: 100%;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  color: #6f7172;
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
  border-color: var(--tp-text-primary);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
  transform: translateY(-3px);
}

.create-acc label {
  color: #6f7172;
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  color: #6f7172;
}

.order-notes textarea {
  border: 1px solid #eaedff;
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
}

.order-notes textarea:focus {
  border-color: var(--tp-text-primary);
}

.order-notes textarea::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid rgba(213, 18, 67, 0.3);
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li {
  list-style: none;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping ul li label {
  color: #6f7172;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
  color: var(--tp-theme-primary);
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid var(--tp-border-primary);
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--tp-theme-primary);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: var(--tp-ff-fontawesome);
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--tp-theme-primary);
  background-color: var(--tp-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

/*----------------------------------------*/
/*  21. LOCATION CSS START
/*----------------------------------------*/
.tpshop__location {
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
}
@media (max-width: 767px) {
  .tpshop__location {
    border-radius: 6px;
  }
}
.tpshop__content {
  padding: 10px 50px;
}
@media (max-width: 767px) {
  .tpshop__content {
    padding: 20px 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpshop__content {
    padding: 5px 20px;
  }
}
.tpshop__info ul li {
  list-style: none;
  position: relative;
  padding-left: 28px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpshop__info ul li {
    margin-bottom: 7px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpshop__info ul li {
    margin-bottom: 10px;
  }
}
.tpshop__info ul li:last-child {
  margin-bottom: 0;
}
.tpshop__info ul li a {
  font-size: 16px;
  font-weight: 400;
  display: block;
  color: var(--tp-text-secondary);
  line-height: 26px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpshop__info ul li a {
    font-size: 14px;
    line-height: 24px;
  }
}
.tpshop__info ul li a:hover {
  color: var(--tp-text-primary);
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpshop__info ul li a br {
    display: none;
  }
}
.tpshop__info ul li span {
  font-size: 16px;
  font-weight: 400;
  display: block;
  color: var(--tp-text-secondary);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpshop__info ul li span {
    font-size: 14px;
    line-height: 24px;
  }
}
.tpshop__info ul li i {
  position: absolute;
  top: 8px;
  left: 0;
  color: var(--tp-text-body);
  font-size: 14px;
}
.tpshop__thumb img {
  width: 100%;
}
.tpshop__title {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpshop__title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tpshop__title {
    font-size: 16px;
    margin-bottom: 7px;
  }
}
.tpshop__location-map {
  height: 500px;
}
.tpshop__location-map iframe {
  width: 100%;
  height: 100%;
}
.tpshop__search {
  position: relative;
}
.tpshop__search form {
  position: relative;
}
.tpshop__search form input {
  height: 60px;
  width: 100%;
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
  padding: 5px 240px 5px 30px;
}
@media (max-width: 767px) {
  .tpshop__search form input {
    font-size: 12px;
    padding: 5px 150px 5px 15px;
    height: 48px;
  }
}
.tpshop__search form input::placeholder {
  font-size: 14px;
  color: var(--tp-grey-9);
}
.tpshop__search button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 600;
  color: var(--tp-common-white);
  background-color: var(--tp-text-primary);
  border-radius: 0px 6px 6px 0px;
  padding: 17px 32px;
}
@media (max-width: 767px) {
  .tpshop__search button {
    font-size: 12px;
    padding: 10px 10px;
  }
}
.tpshop__search button i {
  margin-left: 10px;
}

.tpcontact__right {
  margin-right: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpcontact__right {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .tpcontact__right {
    margin-right: 0px;
  }
}
.tpcontact__shop {
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
  padding: 45px 35px 45px 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tpcontact__shop {
    padding: 45px 15px 45px 15px;
  }
}
.tpcontact__shop .tpshop__title {
  font-size: 26px;
  font-weight: 600;
}
.tpcontact__title {
  font-size: 26px;
  font-weight: 600;
  color: var(--tp-text-body);
  margin-bottom: 0;
}
.tpcontact__info p {
  font-size: 14px;
  color: var(--tp-text-secondary);
}
.tpcontact__input input, .tpcontact__input textarea {
  height: 60px;
  width: 100%;
  padding: 5px 20px;
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
}
.tpcontact__input input:focus, .tpcontact__input textarea:focus {
  border: 1px solid var(--tp-text-primary);
  outline: 0;
}
.tpcontact__input input::placeholder, .tpcontact__input textarea::placeholder {
  font-size: 16px;
  color: var(--tp-text-secondary);
}
.tpcontact__input textarea {
  height: 240px;
  padding: 25px;
}
.tpcontact__support a {
  display: block;
  font-weight: 600;
  font-size: 16px;
  border: 1px solid var(--tp-border-1);
  border-radius: 6px;
  padding: 16px 5px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-bottom: 10px;
}
.tpcontact__support a:hover {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
  border: 1px solid var(--tp-text-primary);
}
.tpcontact__support a:hover i {
  color: var(--tp-common-white);
}
.tpcontact__support a i {
  color: var(--tp-text-primary);
  margin-left: 14px;
}

.tperror__title {
  font-size: 48px;
  font-weight: 600;
  color: var(--tp-text-body);
}
.tperror__content p {
  font-size: 18px;
  font-weight: 400;
  color: var(--tp-text-secondary);
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .tperror__content p {
    padding-left: 220px;
    padding-right: 220px;
  }
}

.tp-error-btn i {
  margin-right: 15px;
}

/*----------------------------------------*/
/*  22. SIGN CSS START
/*----------------------------------------*/
.tpsign__account {
  margin-bottom: 18px;
}
.tpsign__account a {
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
  color: var(--tp-text-body);
}
.tpsign__account a:hover {
  color: var(--tp-text-primary);
}
.tpsign__remember .form-check-input {
  border: none;
  background-color: var(--tp-common-white);
}
.tpsign__remember .form-check-input:checked {
  background-color: var(--tp-text-primary);
  border-color: transparent;
}
.tpsign__remember .form-check-input:focus {
  outline: 0;
  box-shadow: none;
}
.tpsign__remember .form-check-input[type=checkbox] {
  border-radius: 0;
  height: 15px;
  width: 15px;
  transform: translateY(2px);
}
.tpsign__remember .form-check-label {
  font-size: 14px;
  color: var(--tp-text-secondary);
}
.tpsign__pass a {
  font-size: 14px;
  color: var(--tp-text-body);
  text-decoration: underline;
}
.tpsign__reg {
  background-color: #f3eee7;
  color: var(--tp-common-black);
}
.tpsign__reg:hover {
  color: var(--tp-common-white);
  background-color: var(--tp-text-body);
}

/*----------------------------------------*/
/*  23. COMING-SOON CSS START
/*----------------------------------------*/
.tpcoming__bg {
  background-repeat: no-repeat;
}
.tpcoming__area {
  padding-top: 80px;
  padding-bottom: 280px;
}
@media (max-width: 700px) {
  .tpcoming__area {
    padding-bottom: 200px;
  }
}
.tpcoming__countdown {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tpcoming__countdown span.cdown {
  background-color: transparent;
  height: 100%;
  width: 80px;
  text-align: center;
  color: var(--tp-common-white);
  font-size: 48px;
  font-weight: 700;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 40px;
}
@media (max-width: 500px) {
  .tpcoming__countdown span.cdown {
    font-size: 30px;
  }
}
.tpcoming__countdown span p {
  margin-top: 10px;
  color: var(--tp-common-white);
}
.tpcoming__content {
  padding-top: 115px;
}
.tpcoming__content span {
  margin-bottom: 5px;
  display: inline-block;
  font-size: 18px;
  color: var(--tp-common-white);
}
.tpcoming__title {
  font-weight: 600;
  color: var(--tp-common-white);
  font-size: 48px;
}
@media (max-width: 500px) {
  .tpcoming__title {
    font-size: 30px;
  }
}
.tpcoming__submit form {
  position: relative;
}
.tpcoming__submit form input {
  height: 60px;
  width: 100%;
  border: none;
  padding: 5px 200px 5px 55px;
}
.tpcoming__submit form input::placeholder {
  font-size: 14px;
  color: var(--tp-text-secondary);
}
.tpcoming__submit span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
}
.tpcoming__submit span i {
  margin-left: 30px;
}
.tpcoming__submit button {
  position: absolute;
  font-size: 16px;
  color: var(--tp-common-white);
  font-weight: 600;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--tp-text-primary);
  padding: 17px 20px;
}
.tpcoming__submit button i {
  margin-left: 11px;
}

/*----------------------------------------*/
/*  24. FOOTER CSS START
/*----------------------------------------*/
.footer-content p {
  color: var(--tp-text-secondary);
  font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-content p br {
    display: none;
  }
}

.footer-widget__title {
  text-decoration: underline;
  font-size: 16px;
  font-weight: 600;
}
.footer-widget ul li {
  list-style: none;
  margin-bottom: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget ul li {
    margin-bottom: 8px;
  }
}
.footer-widget ul li:last-child {
  margin-bottom: 0;
}
.footer-widget ul li a {
  font-size: 18px;
  font-weight: 400;
  color: var(--tp-text-secondary);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget ul li a {
    font-size: 15px;
  }
}
.footer-widget ul li a:hover {
  padding-left: 3px;
  color: var(--tp-text-primary);
}
.footer-widget ul li a:hover i {
  color: var(--tp-text-primary);
}
.footer-widget ul li a i {
  color: var(--tp-text-body);
  font-size: 18px;
  width: 35px;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -ms-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-widget ul li a i {
    font-size: 14px;
    width: 25px;
  }
}
.footer-widget__newsletter input {
  height: 50px;
  width: 370px;
  border: none;
  padding: 0 28px;
  margin-bottom: 10px;
  border-radius: 6px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .footer-widget__newsletter input {
    width: 320px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-widget__newsletter input {
    width: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .footer-widget__newsletter input {
    width: 100%;
  }
}
.footer-widget__newsletter input::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}

.main-footer {
  border-bottom: 1px solid var(--tp-border-4);
}

.footer-col-2 {
  margin-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-col-2 {
    margin-left: 0;
  }
}

.footer-col-4 {
  margin-left: -20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-4 {
    margin-left: -8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-col-4 {
    margin-left: 0;
  }
}

.footer-col-5 {
  margin-left: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-col-5 {
    margin-left: 0;
  }
}
.footer-col-5 p {
  font-size: 18px;
  color: var(--tp-text-secondary);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-5 p {
    font-size: 15px;
  }
}

.footer-cta__icon i {
  height: 50px;
  width: 50px;
  text-align: center;
  border-radius: 50%;
  line-height: 50px;
  background-color: var(--tp-common-white);
  font-size: 18px;
  display: block;
  margin-right: 15px;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
}
.footer-cta__contact {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .footer-cta__contact {
    margin-bottom: 25px;
  }
}
.footer-cta__text a {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cta__text a {
    font-size: 15px;
  }
}
.footer-cta__text a:hover {
  color: var(--tp-text-primary);
}
.footer-cta__text span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: var(--tp-text-secondary);
}
.footer-cta__source {
  display: flex;
  align-items: center;
  justify-content: end;
}
@media (max-width: 767px) {
  .footer-cta__source {
    display: inherit;
  }
}
.footer-cta__source-content {
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cta__source-content {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .footer-cta__source-content {
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
.footer-cta__source-content p {
  color: var(--tp-text-secondary);
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cta__source-content p {
    font-size: 12px;
  }
}
.footer-cta__source-content h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cta__source-content h4 {
    font-size: 16px;
  }
}
.footer-cta__source-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-cta__source-title {
    font-size: 16px;
  }
}
.footer-cta__source-thumb a {
  margin-left: 4px;
}
.footer-cta__source-thumb a:first-child {
  margin-left: 0;
}
.footer-cta__source-thumb a img {
  border-radius: 6px;
}

.footer-copyright {
  padding: 22px 0 25px 0;
}
.footer-copyright__content span {
  font-size: 16px;
  color: var(--tp-text-secondary);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .footer-copyright__content span {
    display: block;
    margin-bottom: 12px;
  }
}
.footer-copyright__content span a {
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-text-body);
}
.footer-copyright__content span a:hover {
  color: var(--tp-text-primary);
}
.footer-copyright__brand {
  text-align: right;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .footer-copyright__brand {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer-copyright__brand img {
    max-width: 100%;
  }
}

.secondary-footer .main-footer {
  border-bottom: 1px solid var(--tp-border-5);
}
.secondary-footer p {
  color: var(--tp-text-4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .secondary-footer p br {
    display: none;
  }
}
.secondary-footer .footer-widget ul li a {
  color: var(--tp-text-4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .secondary-footer .footer-widget ul li a {
    font-size: 16px;
  }
}
.secondary-footer .footer-widget ul li a:hover {
  color: var(--tp-text-primary);
}
.secondary-footer .footer-widget ul li a:hover i {
  color: var(--tp-text-primary);
}
.secondary-footer .footer-widget ul li a i {
  color: var(--tp-common-white);
}
.secondary-footer .footer-widget__title {
  color: var(--tp-common-white);
}
.secondary-footer .footer-widget__links ul li a {
  color: var(--tp-text-4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .secondary-footer .footer-widget__links ul li a {
    font-size: 16px;
  }
}
.secondary-footer .footer-widget__links ul li a:hover {
  color: var(--tp-text-primary);
}
.secondary-footer .footer-widget__links ul li a:hover i {
  color: var(--tp-text-primary);
}
.secondary-footer .footer-widget__links ul li a i {
  color: var(--tp-common-white);
}
.secondary-footer .footer-cta__icon i {
  background-color: var(--tp-text-body);
  color: var(--tp-common-white);
  border: 1px solid var(--tp-border-5);
}
.secondary-footer .footer-cta__text {
  color: var(--tp-common-white);
}
.secondary-footer .footer-cta__source-title {
  color: var(--tp-common-white);
}
.secondary-footer .footer-copyright__content span {
  color: var(--tp-text-4);
}
.secondary-footer .footer-copyright__content span a {
  color: var(--tp-common-white);
}
.secondary-footer .footer-copyright__content span a:hover {
  color: var(--tp-text-primary);
}
.secondary-footer .keyword a {
  color: var(--tp-text-4);
  padding-right: 18px;
  position: relative;
  font-size: 17px;
  margin-bottom: 10px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .secondary-footer .keyword a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .secondary-footer .keyword a {
    padding-right: 15px;
    font-size: 15px;
    margin-bottom: 2px;
  }
}
.secondary-footer .keyword a:hover {
  color: var(--tp-common-white);
  text-decoration: underline;
}
.secondary-footer .keyword a::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 1px;
  background-color: #303030;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.platinam-footer .keyword a {
  color: var(--tp-text-secondary);
  padding-right: 18px;
  position: relative;
  font-size: 18px;
  margin-bottom: 10px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.platinam-footer .keyword a:hover {
  color: var(--tp-text-body);
  text-decoration: underline;
}
.platinam-footer .keyword a::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 1px;
  background-color: #303030;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .footer-cta {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-4-col-4 {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  45. WOOCOMMERCE CSS START
/*----------------------------------------*/
.product__widget .yith-wcan-filters .yith-wcan-filter {
  margin-bottom: 0;
  padding-bottom: 30px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-title {
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 17px;
  line-height: 12px;
  color: var(--tp-common-black-solid);
  border-bottom: 1px solid #DADCE0;
  padding: 10px 0;
  margin-bottom: 0;
  position: relative;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-title::after {
  position: absolute;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  background-image: none;
  top: 37%;
  color: var(--tp-common-black-solid);
  right: 0;
  width: auto;
  height: auto;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-title:hover {
  color: var(--tp-text-primary);
  cursor: pointer;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-title:hover::after {
  color: var(--tp-text-primary);
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-content {
  margin-top: 25px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label {
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-text-1);
  position: relative;
  padding-left: 31px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::after, .product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::before {
  position: absolute;
  content: "";
  top: -1px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #DADCE0;
  border-top-color: rgb(218, 220, 224);
  border-right-color: rgb(218, 220, 224);
  border-bottom-color: rgb(218, 220, 224);
  border-left-color: rgb(218, 220, 224);
  -webkit-transition: all 0.1s ease-out 0s;
  -moz-transition: all 0.1s ease-out 0s;
  -ms-transition: all 0.1s ease-out 0s;
  -o-transition: all 0.1s ease-out 0s;
  transition: all 0.1s ease-out 0s;
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .term-label::before {
  content: "\f00c";
  font-family: var(--tp-ff-fontawesome);
  color: transparent;
  z-index: 1;
  border: 0;
  width: inherit;
  height: inherit;
  top: -3px;
  left: 4px;
  font-size: 12px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item > label > a {
  color: var(--tp-text-1);
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item > label > a:hover {
  color: var(--tp-common-black);
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.active > label a {
  color: var(--tp-common-black);
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input {
  display: none;
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input:checked ~ .term-label::before {
  color: var(--tp-common-white);
}
.product__widget .yith-wcan-filters .yith-wcan-filter.checkbox-design .filter-item.checkbox input:checked ~ .term-label::after {
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-items.filter-color {
  margin: 0;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active.color:not(.no-color):not(.no-image):not(.label-right) > a::after {
  content: "\f00c";
  right: auto;
  top: 46%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: var(--tp-ff-fontawesome);
  background-image: none;
  background-color: transparent;
  font-size: 12px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color {
  display: block;
  height: inherit;
  width: inherit;
  margin: inherit;
  margin-bottom: 5px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-color {
  border: 0;
  width: 22px;
  height: 22px;
}
.product__widget .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.color .term-label {
  display: inline-block;
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-text-1);
  position: relative;
  margin-left: 3px;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before {
  margin-right: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.product__action .product-action-btn .br_compare_button_text {
  display: none;
}

.product__list-action .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before {
  font-size: 23px;
  margin-right: 0;
}

.product-action-btn {
  display: inline-block;
  color: #999999;
}
.product-action-btn .br_compare_button.br_compare_added i:first-child {
  display: none;
}
.product-action-btn .br_compare_button.br_compare_added i:nth-child(2) {
  display: block;
}
.product-action-btn .br_compare_button i:nth-child(2) {
  display: none;
}
.product-action-btn:hover {
  color: var(--tp-text-body);
}

.product-thumbnails .slick-list {
  margin: 0 -6px;
}
.product-thumbnails .slick-slide {
  margin: 0 6px;
}

.woocommerce-product-gallery img {
  max-width: 100%;
  border-radius: 6px;
}
.woocommerce-product-gallery .product-thumbnails li img {
  width: 70px;
  cursor: pointer;
}

.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {
  margin-top: 0;
}

.product__details-tab-content .product__details-description h2 {
  font-size: 26px;
  color: var(--tp-text-body);
  font-weight: 600;
}

.product__details-description ol.commentlist {
  padding-left: 0;
}
.product__details-description ol.commentlist li {
  margin-bottom: 15px;
  list-style: none;
}
.product__details-description ol.commentlist .review .comment_container {
  overflow: hidden;
}
.product__details-description ol.commentlist .review .comment_container img {
  float: left;
  overflow: hidden;
  border-radius: 50%;
}
.product__details-description ol.commentlist .review .comment_container .comment-text {
  overflow: hidden;
  margin-left: 75px;
}
.product__details-description ol.commentlist .review .comment_container .comment-text .meta {
  margin-bottom: 5px;
}
.product__details-description textarea {
  height: 180px;
  line-height: 1.2;
  padding-bottom: 20px;
}
.product__details-description input[type=submit] {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 17px 33px;
  border-radius: 6px;
  color: var(--tp-text-body);
  line-height: 1.2;
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
  border: none;
}
.product__details-description input[type=submit]:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.product__details-description .woocommerce-Reviews-title {
  font-family: var(--tp-ff-roboto);
  font-weight: 600;
  font-size: 24px;
  letter-spacing: -0.02em;
  margin-bottom: 25px;
}
.product__details-description .woocommerce-review__author {
  font-family: var(--tp-ff-roboto);
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 0;
  color: var(--tp-common-black);
}
.product__details-description .comment-form-rating label {
  font-family: var(--tp-ff-roboto);
  font-weight: 500;
  font-size: 15px;
  line-height: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-text-1);
}
.product__details-description .comment-form-rating .stars > span {
  color: var(--tp-text-primary);
}
.product__details-description .comment-form-rating .nice-select {
  display: none;
}
.product__details-description .comment-form-rating select {
  display: none;
}
.product__details-description .comment-reply-title {
  font-family: var(--tp-ff-roboto);
  font-weight: 600;
  font-size: 19px;
  letter-spacing: -0.02em;
  margin-bottom: 4px;
  color: var(--tp-common-black);
}
.product__details-description .comment-form-comment label {
  font-family: var(--tp-ff-roboto);
  font-weight: 500;
  font-size: 15px;
  line-height: 14px;
  letter-spacing: -0.02em;
  color: var(--tp-text-1);
  display: inline-block;
  margin-bottom: 20px;
}
.product__details-description .comment-form-author, .product__details-description .comment-form-email {
  width: 48%;
  display: inline-block;
  margin-right: 30px;
}
.product__details-description .comment-form-email {
  margin-right: 0;
  width: 49%;
}

.product__details-description table {
  width: 74.5%;
  padding: 25px 50px 25px;
  border: 1px solid #E9E9F0;
  display: inline-block;
}
.product__details-description table tbody {
  display: block;
}
.product__details-description table tbody tr {
  width: 100%;
  display: block;
  padding: 16px 0 14px;
}
.product__details-description table tbody tr:not(:last-child) {
  border-bottom: 1px solid #E9E9F0;
}
.product__details-description table tbody tr th {
  width: 34%;
  display: inline-block;
}
.product__details-description table tbody tr td {
  display: inline-block;
  width: 57%;
}
.product__details-description table tbody tr td p {
  margin-bottom: 0;
}

.product-additional-info-title {
  margin-bottom: 15px;
}

.woocommerce-message {
  background: var(--tp-text-primary);
  padding: 9px 20px;
  margin-bottom: 20px;
  border-top: 3px solid var(--tp-text-primary);
  color: #fff;
}
.woocommerce-message a.wp-element-button {
  float: right;
  color: #fff;
}
.woocommerce-message a.wp-element-button:hover {
  color: var(--tp-text-primary);
}

.product-type-variable .product__details-wrapper .product-percentage-badges {
  transform: translateY(0px);
}

.product__details-wrapper .variations_form table {
  width: 100%;
}
.product__details-wrapper .variations_form table tr {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.product__details-wrapper .variations_form table tr .nice-select {
  width: 100%;
  border-radius: 0;
  padding-right: 36px;
}
.product__details-wrapper .variations_form table tr .nice-select::after {
  right: 18px;
}
.product__details-wrapper .variations_form table tr .nice-select .list {
  border-radius: 0;
  padding-bottom: 10px;
  padding-top: 9px;
}
@media (max-width: 767px) {
  .product__details-wrapper .variations_form table tr .nice-select .list {
    margin-top: 0;
  }
}
.product__details-wrapper .variations_form table tr .nice-select .list .option {
  line-height: 29px;
  min-height: 29px;
  padding-left: 18px;
  padding-right: 18px;
}
.product__details-wrapper .variations_form table tr .nice-select .list .option:hover {
  color: var(--tp-text-primary);
}
.product__details-wrapper .variations_form table tr .nice-select .list .option.selected {
  color: var(--tp-text-primary);
}
.product__details-wrapper .variations_form table tr th.label {
  min-width: 55px;
}
.product__details-wrapper .variations_form table tr td.value {
  position: relative;
}
.product__details-wrapper .variations_form table tr .reset_variations {
  position: absolute;
  top: 8px;
  left: calc(100% + 6px);
}
.product__details-wrapper .variations_form table tr .reset_variations:hover {
  color: var(--tp-text-primary);
}

.woosw-popup {
  transition: all 0.3s;
}

.woosc-area .woosc-inner .woosc-bar .woosc-bar-btn {
  background-color: var(--tp-text-primary) !important;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-remove,
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-table-settings {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-remove:hover,
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table thead th .woosc-table-settings:hover {
  color: var(--tp-text-primary);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .add_to_cart_button {
  font-size: 14px;
  color: var(--tp-common-white);
  background-color: var(--tp-text-primary);
  width: 100%;
  padding: 5px 15px;
  display: inline-block;
  text-align: center;
  font-weight: 500;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .add_to_cart_button svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .add_to_cart_button svg, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .add_to_cart_button i {
  margin-right: 4px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .add_to_cart_button:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td p {
  margin-bottom: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td span {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-text-1);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .star-rating span {
  font-size: 0;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td .star-rating span::before {
  font-size: 11px;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 15px;
  color: #c2c2d3;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del .woocommerce-Price-amount, .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td del span {
  font-size: 13px;
  color: #c2c2d3;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td ins {
  text-decoration: none;
  font-family: var(--tp-ff-inter);
  font-weight: 500;
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td ins .woocommerce-Price-amount {
  font-size: 16px;
  color: var(--tp-common-black);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td ins span {
  color: var(--tp-common-black);
}
.woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td:first-child {
  padding-left: 30px;
}

.woosc-quick-table {
  margin-bottom: 60px;
}
.woosc-quick-table h2 {
  margin-bottom: 25px;
}
.woosc-quick-table table thead th {
  padding: 15px;
}
.woosc-quick-table table tbody tr td {
  z-index: 1;
}
.woosc-quick-table table tbody tr td .add_to_cart_button {
  font-size: 14px;
  color: var(--tp-common-white);
  background-color: var(--tp-text-primary);
  width: 100%;
  padding: 5px 15px;
  display: inline-block;
  text-align: center;
  font-weight: 500;
}
.woosc-quick-table table tbody tr td .add_to_cart_button svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.woosc-quick-table table tbody tr td .add_to_cart_button svg, .woosc-quick-table table tbody tr td .add_to_cart_button i {
  margin-right: 4px;
}
.woosc-quick-table table tbody tr td .add_to_cart_button:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.woosc-quick-table table tbody tr td p {
  margin-bottom: 0;
}
.woosc-quick-table table tbody tr td span {
  font-weight: 500;
  font-size: 11px;
  display: inline-block;
}
.woosc-quick-table table tbody tr td del {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 15px;
  color: #c2c2d3;
}
.woosc-quick-table table tbody tr td del .woocommerce-Price-amount, .woosc-quick-table table tbody tr td del span {
  font-size: 13px;
  color: #c2c2d3;
}
.woosc-quick-table table tbody tr td ins {
  text-decoration: none;
  font-family: var(--tp-ff-inter);
  font-weight: 500;
}
.woosc-quick-table table tbody tr td ins .woocommerce-Price-amount {
  font-size: 16px;
  color: var(--tp-common-black);
}
.woosc-quick-table table tbody tr td ins span {
  color: var(--tp-common-black);
}
.woosc-quick-table table tbody tr td:first-child {
  padding-left: 30px;
}
.woosc-quick-table table tbody tr:not(:first-child) td {
  padding: 15px 10px;
}
.woosc-quick-table table tbody tr:nth-child(2n) {
  background-color: var(--tp-grey-16);
}

.product__details-wrapper .grouped_form .product__details-quantity {
  margin-bottom: 0;
}
.product__details-wrapper .grouped_form tbody tr td {
  border: 1px solid #eaedff;
}
.product__details-wrapper .grouped_form tbody tr td:first-child {
  padding: 9px 15px;
}
.product__details-wrapper .grouped_form tbody tr td:not(:first-child) {
  padding: 15px 15px;
}
.product__details-wrapper .grouped_form tbody tr td span {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-text-1);
}
.product__details-wrapper .grouped_form tbody tr td del {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 15px;
  color: #c2c2d3;
}
.product__details-wrapper .grouped_form tbody tr td del .woocommerce-Price-amount, .product__details-wrapper .grouped_form tbody tr td del span {
  font-size: 13px;
  color: #c2c2d3;
}
.product__details-wrapper .grouped_form tbody tr td ins {
  text-decoration: none;
  font-family: var(--tp-ff-inter);
  font-weight: 500;
}
.product__details-wrapper .grouped_form tbody tr td ins .woocommerce-Price-amount {
  font-size: 16px;
  color: var(--tp-common-black);
}
.product__details-wrapper .grouped_form tbody tr td ins span {
  color: var(--tp-common-black);
}
.product__details-wrapper .grouped_form .woocommerce-grouped-product-list {
  margin-bottom: 35px;
}
.product__details-wrapper .grouped_form .woocommerce-grouped-product-list-item__label a {
  color: var(--tp-common-black);
}
.product__details-wrapper .grouped_form .woocommerce-grouped-product-list-item__label a:hover {
  color: var(--tp-text-primary);
}
.product__details-wrapper .grouped_form .single_add_to_cart_button {
  padding: 12px 30px;
}
.product__details-wrapper .grouped_form .single_add_to_cart_button:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}

.product__action .product-action-btn > a,
.product__list-action .product-action-btn > a {
  width: 100%;
  height: 100%;
}
.product__action .woosc-btn,
.product__list-action .woosc-btn {
  font-size: 0;
  width: 100%;
  height: 100%;
}
.product__action .woosc-btn::before,
.product__list-action .woosc-btn::before {
  font-size: 16px;
  content: "\f0ec";
  font-family: var(--tp-ff-fontawesome);
  margin: 0;
  font-weight: 300;
}
.product__action .woosc-btn.woosc-btn-added::before,
.product__list-action .woosc-btn.woosc-btn-added::before {
  content: "\f00c";
  font-family: var(--tp-ff-fontawesome);
}
.product__action .product-add-wishlist-btn button,
.product__list-action .product-add-wishlist-btn button {
  font-size: 0;
  width: 100%;
  height: 100%;
}
.product__action .product-add-wishlist-btn button::before,
.product__list-action .product-add-wishlist-btn button::before {
  font-size: 16px;
  content: "\f004";
  font-family: var(--tp-ff-fontawesome);
  margin: 0;
}
.product__action .product-add-wishlist-btn button.woosw-btn-added::before,
.product__list-action .product-add-wishlist-btn button.woosw-btn-added::before {
  font-weight: 700;
}

.woosw-item--time {
  display: none !important;
}

.woosw-item--price span {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-text-1);
}
.woosw-item--price del {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 15px;
  color: #c2c2d3;
}
.woosw-item--price del .woocommerce-Price-amount, .woosw-item--price del span {
  font-size: 13px;
  color: #c2c2d3;
}
.woosw-item--price ins {
  text-decoration: none;
  font-family: var(--tp-ff-inter);
  font-weight: 500;
}
.woosw-item--price ins .woocommerce-Price-amount {
  font-size: 16px;
  color: var(--tp-common-black);
}
.woosw-item--price ins span {
  color: var(--tp-common-black);
}

.woosw-item--add .add_to_cart_button, .woosw-item--add .added_to_cart {
  font-weight: 600;
  color: var(--tp-common-black);
  background-color: var(--tp-common-white);
  display: inline-block;
  padding: 6px 16px;
  text-align: center;
  font-size: 0;
  border: 1px solid #eaedff;
}
.woosw-item--add .add_to_cart_button:hover, .woosw-item--add .added_to_cart:hover {
  background-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}
.woosw-item--add .add_to_cart_button svg, .woosw-item--add .add_to_cart_button i, .woosw-item--add .added_to_cart svg, .woosw-item--add .added_to_cart i {
  font-size: 14px;
  margin-right: 0;
}
.woosw-item--add .woocommerce a.added_to_cart {
  font-size: 14px;
}
.woosw-item--add .woocommerce a.added_to_cart::before {
  color: var(--tp-common-black);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.woosw-item--add .woocommerce a.added_to_cart:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
}
.woosw-item--add .woocommerce a.added_to_cart:hover::before {
  color: var(--tp-common-white);
}
.woosw-item--add .woocommerce a.button.loading::before {
  color: black;
}
.woosw-item--add .woocommerce a.button.loading:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
  border-color: var(--tp-common-black);
}
.woosw-item--add .woocommerce a.button.loading:hover::before {
  color: var(--tp-common-black);
}

.woosw-item--name a {
  color: var(--tp-common-black);
}
.woosw-item--name a:hover {
  color: var(--tp-text-primary);
}

.woosw-popup-content-bot .woosw-popup-content-bot-inner a {
  color: var(--tp-common-black);
}
.woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover {
  color: var(--tp-text-primary) !important;
  border-color: var(--tp-text-primary) !important;
}

.woosw-popup.woosw-popup-right .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
  background-color: var(--tp-common-white);
  border-bottom: 1px solid #eaedff;
}

.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close:hover {
  color: var(--tp-text-primary);
}

.product_meta {
  padding-top: 34px;
  border-top: 1px solid #DADCE0;
  margin-top: 32px;
}

/* cart page css */
div.woocommerce .woocommerce-cart-form table {
  width: 100%;
  border: 0;
}
div.woocommerce .woocommerce-cart-form table thead {
  border-bottom: 1px solid var(--tp-border-1);
  font-weight: 600;
}
div.woocommerce .woocommerce-cart-form table thead th {
  border: 0;
  text-align: left;
  font-family: var(--tp-ff-inter);
  font-weight: 600;
  font-size: 14px;
  color: var(--tp-common-black);
}
div.woocommerce .woocommerce-cart-form table thead th.product-name {
  padding-left: 30px;
}
div.woocommerce .woocommerce-cart-form table tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--tp-border-1);
}
div.woocommerce .woocommerce-cart-form table tbody tr td {
  border: 0;
  text-align: left;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-thumbnail {
  width: 80px;
  padding: 10px 0;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-thumbnail img {
  width: 100%;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-name {
  padding: 12px 12px 12px 20px;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-name a {
  text-align: left;
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-name a:hover {
  color: var(--tp-text-primary);
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-price span {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-subtotal span {
  font-weight: 400;
  font-size: 16px;
  color: var(--tp-common-black);
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .product__details-quantity {
  margin-bottom: 0;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity {
  width: 100px;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus, div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus {
  height: 34px;
  line-height: 34px;
  width: 40px;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus::after, div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus::after {
  display: none;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus svg, div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus svg {
  width: 10px;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-plus i, div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-minus i {
  font-size: 12px;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-quantity .tp-product-quantity .tp-cart-input[type=text] {
  padding: 0 25px;
  height: 34px;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-remove a {
  color: #818487;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.product-remove a:hover {
  color: var(--tp-text-primary);
}
div.woocommerce .woocommerce-cart-form table tbody tr td.actions {
  padding: 25px 0;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.actions .coupon {
  float: left;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.actions .coupon label {
  display: block;
  font-size: 14px;
  color: var(--tp-common-black);
  font-weight: 500;
  margin-bottom: 7px;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.actions .coupon #coupon_code {
  width: 225px;
  height: 50px;
  line-height: 46px;
  margin-left: 0;
}
div.woocommerce .woocommerce-cart-form table tbody tr td.actions .coupon #coupon_code:focus {
  border-color: var(--tp-text-primary);
}
div.woocommerce .woocommerce-cart-form table tbody tr td.actions button {
  transform: translateY(-1px);
}
div.woocommerce .woocommerce-cart-form table tbody tr td.actions button[name=update_cart]:disabled {
  color: #C2C2D3;
  background-color: #F3F3F6;
  cursor: not-allowed;
  transform: translateY(0);
}
div.woocommerce .woocommerce-cart-form table tbody tr td.actions button:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
div.woocommerce .woocommerce-cart-form table tbody tr td.actions > button {
  float: right;
  margin-top: 30px;
}
div.woocommerce .select2-container .select2-selection--single {
  height: 46px;
  line-height: 44px;
  border: 1px solid #eaedff;
  background-color: #EFF0F2;
  border-radius: 0;
}
div.woocommerce .select2-container .select2-selection--single:focus {
  background-color: var(--tp-common-white);
}
div.woocommerce .select2-container .select2-selection--single:focus .select2-selection--single {
  background-color: var(--tp-common-white);
  border-color: var(--tp-text-primary);
}
div.woocommerce .select2-container .select2-selection__rendered {
  line-height: 44px;
  padding-left: 29px;
  padding-right: 29px;
}
div.woocommerce .select2-container .select2-selection__arrow {
  height: 46px;
  right: 25px;
}
div.woocommerce .cart_totals {
  background-color: var(--tp-common-white);
  box-shadow: 0px 30px 70px rgba(1, 15, 28, 0.1);
  padding: 20px 24px 24px;
}
div.woocommerce .cart_totals > h2 {
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 0.9375rem;
  border-bottom: 0.9375rem;
  border-bottom: 1px solid #EDEEF5;
}
div.woocommerce .cart_totals table {
  width: 100%;
  border: 0;
}
div.woocommerce .cart_totals table tbody tr:not(:last-child) {
  border-bottom: 1px solid #E0E2E3;
}
div.woocommerce .cart_totals table tbody tr th {
  border: 0;
  text-align: left;
  font-weight: 500;
  font-size: 15px;
  color: var(--tp-common-black);
  padding-left: 0;
}
div.woocommerce .cart_totals table tbody tr td {
  border: 0;
  text-align: right;
  font-size: 15px;
  font-weight: 500;
  color: #8a90a2;
}
div.woocommerce .cart_totals table tbody tr td:last-child {
  padding-right: 0;
}
div.woocommerce .cart_totals table tbody tr td[data-title=Shipping] {
  text-align: left;
  line-height: 1.3;
  padding-left: 15px;
}
div.woocommerce .cart_totals table tbody tr td[data-title=Total] {
  font-size: 16px;
  font-weight: 400;
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-button {
  margin-top: 7px;
  display: inline-block;
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .shipping-calculator-form {
  margin-top: 14px;
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator input {
  border-width: 1px;
  height: 46px;
  border: 1px solid #e7e7e7;
  padding: 0 10px;
  width: 100%;
  font-size: 16px;
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator input:focus {
  border-color: var(--tp-text-primary);
  background-color: var(--tp-common-white);
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .select2.select2-container {
  width: 215px !important;
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select {
  min-width: 100%;
  font-family: var(--tp-ff-space);
  color: var(--tp-common-black);
  font-size: 14px;
  border: 0;
  padding-left: 10px;
  padding-right: 50px;
  font-weight: 500;
  border-radius: 0;
  border: 1px solid #e7e7e7;
  float: none;
  height: 46px;
  line-height: 44px;
  background-color: var(--tp-grey-15);
  color: var(--tp-common-black);
  width: 100%;
}
[dir=rtl] div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select {
  padding-right: 26px;
  padding-left: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select {
    width: 100%;
    border-radius: 40px;
    border: 1px solid var(--tp-border-2);
    height: 50px;
    line-height: 50px;
  }
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select::after {
  right: 25px;
}
[dir=rtl] div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select::after {
  right: auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select::after {
    right: 25px;
  }
  [dir=rtl] div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select::after {
    right: auto;
    left: 15px;
  }
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list {
  margin-top: 0;
  border-radius: 0;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 9px;
}
@media (max-width: 767px) {
  div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list {
    margin-top: 0;
  }
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list .option {
  line-height: 29px;
  min-height: 29px;
  padding-left: 18px;
  padding-right: 18px;
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list .option:hover {
  color: var(--tp-text-primary);
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select .list .option.selected {
  color: var(--tp-text-primary);
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .nice-select:focus {
  border-color: var(--tp-text-primary);
  background-color: var(--tp-common-white);
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .tp-btn {
  padding: 9px 30px;
  background-color: var(--tp-text-primary);
  color: #fff;
  font-weight: 500;
}
div.woocommerce .cart_totals table tbody tr td .woocommerce-shipping-calculator .tp-btn:hover {
  background-color: var(--tp-text-primary);
  border-color: var(--tp-text-primary);
  color: var(--tp-common-white);
}
div.woocommerce .cart_totals table tbody tr.order-total td {
  color: var(--tp-common-black);
}
div.woocommerce .woocommerce-billing-fields__field-wrapper .select2-selection--single, div.woocommerce .woocommerce-shipping-fields__field-wrapper .select2-selection--single {
  height: 46px;
  line-height: 44px;
  border: 1px solid #eaedff;
  background-color: #fff;
  border-radius: 0;
}
div.woocommerce .woocommerce-billing-fields__field-wrapper .select2-selection--single:focus, div.woocommerce .woocommerce-shipping-fields__field-wrapper .select2-selection--single:focus {
  background-color: var(--tp-common-white);
}
div.woocommerce .woocommerce-billing-fields__field-wrapper .select2-selection--single:focus .select2-selection--single, div.woocommerce .woocommerce-shipping-fields__field-wrapper .select2-selection--single:focus .select2-selection--single {
  background-color: var(--tp-common-white);
  border-color: var(--tp-text-primary);
}
div.woocommerce .woocommerce-billing-fields__field-wrapper .select2-selection__rendered, div.woocommerce .woocommerce-shipping-fields__field-wrapper .select2-selection__rendered {
  line-height: 44px;
  padding-left: 29px;
  padding-right: 29px;
}
div.woocommerce .woocommerce-billing-fields__field-wrapper .select2-selection__arrow, div.woocommerce .woocommerce-shipping-fields__field-wrapper .select2-selection__arrow {
  height: 46px;
  right: 25px;
}
div.woocommerce .cart-wrapper .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method {
  list-style: none;
  margin-bottom: 10px;
}
div.woocommerce .cart-wrapper .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label:hover {
  cursor: pointer;
}
div.woocommerce .cart-wrapper .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box {
  margin-top: 10px;
  position: relative;
  padding: 20px 30px 23px;
  background-color: #F6F7F9;
  margin-left: 17px;
}
div.woocommerce .cart-wrapper .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box::after {
  position: absolute;
  content: "";
  left: 30px;
  top: -8px;
  width: 16px;
  height: 16px;
  background-color: #f6f7f9;
  transform: rotate(45deg);
}
div.woocommerce .cart-wrapper .woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box p {
  font-size: 14px;
  line-height: 1.57;
  color: #55585B;
  margin-bottom: 0;
}
div.woocommerce .woocommerce-shipping-totals .woocommerce-shipping-methods {
  padding-left: 0;
}
div.woocommerce .woocommerce-shipping-totals .woocommerce-shipping-methods li {
  list-style: none;
}
div.woocommerce .woocommerce-shipping-totals .woocommerce-shipping-methods li label {
  margin-left: 5px;
}
div.woocommerce .woocommerce-shipping-totals .woocommerce-shipping-methods li label:hover {
  cursor: pointer;
}

/* checkout css start */
.woocommerce-checkout .breadcrumb__area {
  display: none;
}
.woocommerce-checkout .tp-page-area {
  background-color: var(--tp-grey-4);
}
.woocommerce-checkout .woocommerce-form-coupon-toggle {
  position: relative;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle::before {
  color: var(--tp-text-primary);
  position: absolute;
  left: 26px;
  top: 50%;
  transform: translateY(-50%);
  text-rendering: auto;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 500;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02e";
  z-index: 1;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon {
  color: #6f7172;
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon:hover {
  color: var(--tp-text-body);
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  background-color: #f6f6f6;
  border-top: 3px solid rgba(213, 18, 67, 0.3);
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}
.woocommerce-checkout .checkout_coupon {
  margin-bottom: 30px;
}
.woocommerce-checkout .checkout_coupon p {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-bottom: 0;
}
.woocommerce-checkout .checkout_coupon p:first-child {
  font-size: 16px;
  margin-bottom: 10px;
  color: #6f7172;
  font-weight: 500;
}
.woocommerce-checkout .checkout_coupon #coupon_code {
  width: 350px;
  height: 46px;
  line-height: 46px;
  margin-bottom: 15px;
}
.woocommerce-checkout .checkout_coupon #coupon_code:focus {
  border-color: var(--tp-text-primary);
}
.woocommerce-checkout #customer_form_details {
  border: 1px solid #eaedff;
  border-radius: 4px;
  padding: 30px;
}
@media (max-width: 600px) {
  .woocommerce-checkout #customer_form_details {
    padding: 15px;
  }
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields h3 {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #EDEEF5;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .country_to_state {
  display: inline-block !important;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .country_to_state.nice-select {
  display: none !important;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row > label {
  line-height: 2;
  margin-left: 0;
  margin-top: 10px;
  color: #6f7172;
  font-size: 18px;
  margin-bottom: 4px;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row input {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row input::placeholder {
  color: #6f7172;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .form-row input:focus {
  border-color: var(--tp-text-primary);
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .select2-container .select2-results__options .select2-results__option {
  font-weight: 400;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection--single {
  border: 1px solid #eaedff;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection__rendered {
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
  margin-bottom: 20px;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection__arrow {
  height: 54px;
  right: 25px;
}
.woocommerce-checkout #customer_form_details .woocommerce-billing-fields__field-wrapper .woocommerce-form__input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 1px solid #eaedff;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields {
  margin-top: 30px;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .shipping_address {
  background: #f6f6f6;
  padding: 20px;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .shipping_address .country_to_state {
  display: inline-block !important;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .shipping_address .country_to_state.nice-select {
  display: none !important;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields span {
  color: #6f7172;
  font-size: 16px;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .form-row > label {
  line-height: 2;
  margin-left: 0;
  margin-top: 10px;
  color: #6f7172;
  font-size: 18px;
  margin-bottom: 4px;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .form-row input {
  background: var(--tp-common-white);
  border: 1px solid #eaedff;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .form-row input::placeholder {
  color: #6f7172;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .form-row input:focus {
  border-color: var(--tp-text-primary);
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .form-row input, .woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .form-row textarea {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .form-row input:focus, .woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .form-row textarea:focus {
  border-color: var(--tp-text-primary);
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .select2-container .select2-selection--single {
  height: 54px;
  line-height: 52px;
  border: 1px solid #eaedff;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .select2-container .select2-selection__rendered {
  line-height: 52px;
  padding-left: 12px;
  padding-right: 12px;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .select2-container .select2-selection__arrow {
  height: 54px;
  right: 25px;
}
.woocommerce-checkout #customer_form_details .woocommerce-shipping-fields .woocommerce-form__input[type=checkbox] {
  width: 15px;
  height: 15px;
  border: 1px solid #eaedff;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row.notes {
  margin-bottom: 0;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row > label {
  margin-bottom: 10px;
  margin-left: 0;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input {
  background: var(--tp-common-white);
  border: 1px solid #eaedff;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input:focus {
  border-color: var(--tp-text-primary);
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input, .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea {
  border: 1px solid #eaedff;
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input::placeholder, .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea::placeholder {
  color: #6f7172;
}
.woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row input:focus, .woocommerce-checkout #customer_form_details .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper .form-row textarea:focus {
  border-color: var(--tp-text-primary);
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
  margin-bottom: 15px;
  display: block;
  border: 1px dashed #AAB0B2;
  font-weight: 400;
  font-size: 14px;
  color: var(--tp-common-black);
  padding: 8px 25px;
}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a {
  color: var(--tp-text-primary);
  text-decoration: underline;
}
.woocommerce-checkout .woocommerce-form-login {
  margin-bottom: 30px;
}
.woocommerce-checkout .woocommerce-form-login p {
  font-size: 14px;
  color: var(--tp-common-black);
  margin-bottom: 0;
}
.woocommerce-checkout .woocommerce-form-login p:first-child {
  margin-bottom: 15px;
}
.woocommerce-checkout .woocommerce-form-login label {
  margin: 0;
  display: block;
  height: auto;
}
.woocommerce-checkout .woocommerce-form-login label.woocommerce-form-login__rememberme input {
  border: 1px solid #eaedff;
  background-color: transparent;
  margin-right: 5px;
  height: auto;
}
.woocommerce-checkout .woocommerce-form-login label.woocommerce-form-login__rememberme:hover {
  cursor: pointer;
}
.woocommerce-checkout .woocommerce-form-login .lost_password {
  margin-top: 15px;
  padding-bottom: 15px;
}
.woocommerce-checkout .woocommerce-form-login .lost_password a:hover {
  color: var(--tp-text-primary);
}
.woocommerce-checkout .woocommerce-form-login input {
  height: 54px;
  background-color: var(--tp-common-white);
  border-color: var(--tp-common-white);
  margin-bottom: 15px;
  border-width: 1px;
}
.woocommerce-checkout .woocommerce-form-login input:focus {
  border-color: var(--tp-text-primary);
}
.woocommerce-checkout .woocommerce-form-login .tp-btn {
  padding: 14px 30px;
}
.woocommerce-checkout .woocommerce-form-login .tp-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-button {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--tp-common-white);
  background: var(--tp-text-primary);
  text-align: center;
  font-family: var(--tp-ff-space);
  padding: 14px 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  letter-spacing: -0.02em;
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-button:hover {
  background-color: var(--tp-common-black);
}
.woocommerce-checkout .tp-free-progress-bar {
  background-color: var(--tp-common-white);
}

.cart-wrapper {
  padding: 30px;
  border: 3px solid rgba(213, 18, 67, 0.3);
}
@media (max-width: 600px) {
  .cart-wrapper {
    padding: 15px;
  }
}
.cart-wrapper .wc_payment_methods {
  padding-left: 0;
}
.cart-wrapper .wc_payment_methods .woocommerce-notice {
  list-style: none;
  color: var(--tp-text-primary);
}
.cart-wrapper #order_review_heading {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #EDEEF5;
}
.cart-wrapper .order-review-wrapper table {
  width: 100%;
  border: 0;
}
.cart-wrapper .order-review-wrapper table thead th {
  border: none;
  border-bottom: 1px solid #EDEEF5;
  padding-left: 0;
  color: #6f7172;
  padding-bottom: 0.75rem;
  text-align: left;
  font-size: 17px;
}
.cart-wrapper .order-review-wrapper table thead th:last-child {
  text-align: right;
  padding-right: 0;
}
.cart-wrapper .order-review-wrapper table tbody tr {
  border-bottom: 1px solid #eaedff;
}
.cart-wrapper .order-review-wrapper table tbody tr.cart_item td {
  font-size: 15px;
}
.cart-wrapper .order-review-wrapper table tbody tr.cart_item td:first-child {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}
.cart-wrapper .order-review-wrapper table tbody tr.cart_item td:last-child {
  padding-right: 0;
  text-align: right;
  color: var(--tp-common-black);
}
.cart-wrapper .order-review-wrapper table tbody tr td {
  border: 0;
  padding: 15px 0;
}
.cart-wrapper .order-review-wrapper table tfoot tr {
  border-bottom: 1px solid #eaedff;
}
.cart-wrapper .order-review-wrapper table tfoot tr.woocommerce-shipping-totals.shipping th {
  border: none;
  border-bottom: 1px solid #EDEEF5;
  padding-left: 0;
  color: #6f7172;
  padding-bottom: 0.75rem;
  text-align: left;
  font-size: 17px;
}
.cart-wrapper .order-review-wrapper table tfoot tr.woocommerce-shipping-totals.shipping td {
  text-align: right;
  padding: 10px 0 10px;
}
.cart-wrapper .order-review-wrapper table tfoot tr.cart-subtotal th {
  border: none;
  border-bottom: 1px solid #EDEEF5;
  padding-left: 0;
  color: #6f7172;
  padding-bottom: 0.75rem;
  text-align: left;
  font-size: 17px;
}
.cart-wrapper .order-review-wrapper table tfoot tr.cart-subtotal td {
  border: none;
  border-bottom: 1px solid #EDEEF5;
  padding-left: 0;
  color: #6f7172;
  padding-bottom: 0.75rem;
  text-align: right;
  font-size: 17px;
}
.cart-wrapper .order-review-wrapper table tfoot tr.order-total th {
  border: none;
  border-bottom: 1px solid #EDEEF5;
  padding-left: 0;
  color: #6f7172;
  padding-bottom: 0.75rem;
  text-align: left;
  font-size: 17px;
}
.cart-wrapper .order-review-wrapper table tfoot tr.order-total td {
  text-align: right;
  color: #6f7172;
}
.cart-wrapper .order-review-wrapper table tfoot tr th {
  border: 0;
  padding-left: 0;
}
.cart-wrapper .order-review-wrapper table tfoot tr td {
  border: 0;
  padding-right: 0;
}

/* wishlist css start */
.woosw-list .woosw-items {
  width: 100%;
}
.woosw-list .woosw-items .woosw-item--add .add_to_cart_button {
  font-size: 16px;
  font-weight: 500;
}
.woosw-list .woosw-items .woosw-item--add .add_to_cart_button i, .woosw-list .woosw-items .woosw-item--add .add_to_cart_button svg {
  margin-right: 7px;
}
.woosw-list .woosw-items .woosw-item--add .add_to_cart_button svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

/* product details */
.single-product .tp-shop-area .related.products h2 {
  margin-bottom: 25px;
}

.tp-login-wrapper .tp-btn {
  background-color: var(--tp-common-black);
}
.tp-login-wrapper .tp-btn:hover {
  background-color: var(--tp-text-primary);
}

/* order details css start */
.woocommerce-order .woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-size: 24px;
  font-weight: 600;
  color: var(--tp-common-black);
  border: 2px dashed var(--tp-common-green-2);
  padding: 35px 30px;
  text-align: center;
  margin-bottom: 25px;
}
.woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 20px 20px 0;
  box-shadow: 1px 6px 19px rgba(3, 4, 28, 0.1);
  margin-bottom: 55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    justify-content: start;
  }
}
.woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
  list-style: none;
  display: inline-block;
  margin-bottom: 20px;
  margin-right: 30px;
}
.woocommerce-order .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li strong {
  display: block;
}

.woocommerce-order-received .tp-page-area {
  background-color: transparent;
}

.tp-order-details-wrapper {
  display: flex;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-order-details-wrapper {
    display: block;
  }
}
.tp-order-details-wrapper .woocommerce-order-details {
  flex: 50%;
  margin-right: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-order-details-wrapper .woocommerce-order-details {
    flex: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.tp-order-details-wrapper .woocommerce-order-details .woocommerce-order-details__title {
  margin-bottom: 15px;
  font-size: 22px;
}
.tp-order-details-wrapper .woocommerce-customer-details {
  flex: 50%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .tp-order-details-wrapper .woocommerce-customer-details {
    flex: 100%;
  }
}
.tp-order-details-wrapper .woocommerce-customer-details [class*=col-] {
  width: inherit;
}
.tp-order-details-wrapper .woocommerce-customer-details .woocommerce-column__title {
  margin-bottom: 15px;
  font-size: 22px;
}
.tp-order-details-wrapper .woocommerce-customer-details .woocommerce-column--billing-address {
  margin-bottom: 35px;
}
.tp-order-details-wrapper .shop_table {
  width: 100%;
}
.tp-order-details-wrapper .shop_table thead tr th {
  text-align: left;
  padding: 8px 12px;
  color: var(--tp-heading-primary);
  font-weight: 700;
  border-color: var(--tp-border-5);
}
.tp-order-details-wrapper .shop_table tbody tr td {
  padding: 8px 12px;
  border-color: var(--tp-border-5);
}
.tp-order-details-wrapper .shop_table tbody tr td.product-name {
  text-align: left;
}
.tp-order-details-wrapper .shop_table tbody tr td.product-name a {
  color: var(--tp-heading-primary);
}
.tp-order-details-wrapper .shop_table tbody tr td.product-total {
  text-align: left;
}
.tp-order-details-wrapper .shop_table tfoot tr th {
  padding: 8px 12px;
  text-align: left;
  font-weight: 700;
  color: var(--tp-heading-primary);
  border-color: var(--tp-border-5);
}
.tp-order-details-wrapper .shop_table tfoot tr td {
  border-color: var(--tp-border-5);
  padding: 8px 12px;
  text-align: left;
}

.tp-empty-cart {
  text-align: center;
  margin-bottom: 35px;
}
.tp-empty-cart img {
  max-width: 450px;
}

.cart-empty.woocommerce-info {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 35px;
}

/* my account css */
div.woocommerce .woocommerce-MyAccount-navigation ul {
  padding-left: 0;
  border-bottom: 1px solid #eaedff;
}
div.woocommerce .woocommerce-MyAccount-navigation ul li {
  list-style: none;
  display: inline-block;
  margin-bottom: 0;
  margin-right: 20px;
}
div.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a::after {
  width: 100%;
  left: 0;
  right: auto;
}
div.woocommerce .woocommerce-MyAccount-navigation ul li a {
  font-size: 16px;
  padding: 8px 0;
  display: inline-block;
  position: relative;
}
div.woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--tp-text-primary);
}
div.woocommerce .woocommerce-MyAccount-navigation ul li a::after {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  height: 2px;
  width: 0;
  bottom: 0;
  background-color: var(--tp-text-primary);
}
div.woocommerce .woocommerce-MyAccount-content > p a {
  color: var(--tp-text-primary);
}
div.woocommerce .woocommerce-MyAccount-content .my_account_orders {
  width: 100%;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-order-downloads .shop_table {
  width: 100%;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses.u-columns {
  display: flex;
  flex-wrap: wrap;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
  width: 50%;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title {
  display: flex;
  align-items: center;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title > a {
  color: var(--tp-text-primary);
  font-weight: 500;
  font-size: 16px;
  margin-left: 40px;
  margin-bottom: 5px;
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-MyAccount-orders th {
  font-weight: 700;
}
div.woocommerce .woocommerce-MyAccount-content .edit-account fieldset {
  margin-top: 35px;
}
div.woocommerce .woocommerce-MyAccount-content .edit-account legend {
  font-size: 22px;
  color: var(--tp-common-black);
  font-weight: 500;
}
div.woocommerce .woocommerce-MyAccount-content .edit-account label {
  color: var(--tp-common-black);
}
div.woocommerce .woocommerce-MyAccount-content .edit-account input {
  height: 46px;
  line-height: 46px;
}
div.woocommerce .woocommerce-MyAccount-content .edit-account .tp-btn:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
div.woocommerce .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper input {
  height: 46px;
  line-height: 46px;
}
div.woocommerce .woocommerce-MyAccount-content .tp-btn:hover {
  background-color: var(--tp-common-black);
}

/* tp progress bar */
.tp-free-progress-bar {
  padding: 20px 30px 30px;
  border: 1px solid #eaedff;
  width: 100%;
  margin-bottom: 30px;
}
.tp-free-progress-bar .free-shipping-notice {
  color: var(--tp-common-black);
  font-size: 13px;
  margin-bottom: 5px;
  font-weight: 500;
}
.tp-free-progress-bar .free-shipping-notice a {
  color: var(--tp-text-primary);
}
.tp-free-progress-bar .free-shipping-notice span {
  color: var(--tp-text-primary);
  font-weight: 700;
}
.tp-free-progress-bar .tp-progress-bar {
  height: 6px;
  background-color: #f2f3f5;
  border-radius: 10px;
  overflow: hidden;
}
.tp-free-progress-bar .tp-progress-bar .progress {
  background-color: var(--tp-text-primary);
  height: 6px;
}
.tp-free-progress-bar .progress-bar-striped {
  background-image: linear-gradient(45deg, rgb(255, 255, 255) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
}

.cartmini__widget .woocommerce-mini-cart__total {
  padding: 20px;
  margin-bottom: 0;
}
.cartmini__widget .woocommerce-mini-cart__total span {
  float: right;
}
.cartmini__widget .product_list_widget {
  max-height: 700px;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(245, 9, 99, 0.5) #fff;
}
.cartmini__widget .product_list_widget::-webkit-scrollbar {
  display: thin; /* for Chrome, Safari, and Opera */
}
.cartmini__widget .woocommerce-mini-cart__buttons {
  padding: 20px;
}
.cartmini__widget .woocommerce-mini-cart__buttons .button {
  display: inline-block;
  font-weight: 500;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-space);
  padding: 10px 30px;
  font-size: 15px;
  text-transform: capitalize;
  border: 1px solid #eaedff;
  text-align: center;
  width: 100%;
}
.cartmini__widget .woocommerce-mini-cart__buttons .button:hover {
  background-color: var(--tp-common-black);
  color: var(--tp-common-white);
}
.cartmini__widget .woocommerce-mini-cart__buttons .button:not(.checkout) {
  background-color: var(--tp-grey-1);
  color: var(--tp-common-black);
  margin-bottom: 15px;
}
.cartmini__widget .woocommerce-mini-cart__buttons .button:not(.checkout):hover {
  color: var(--tp-common-white);
  background-color: var(--tp-common-black);
  border-color: var(--tp-common-black);
}

.woosq-open .select2-container {
  z-index: 9;
}

/* product sidebar */
div.product__widget {
  /* rating filter */
  /* product filter by color list*/
  /* price range slider */
  /* filter categories */
}
div.product__widget .product__widget-title {
  font-family: var(--tp-ff-roboto);
  font-weight: 400;
  font-size: 17px;
  line-height: 12px;
  color: var(--tp-common-black-solid);
  border-bottom: 1px solid #DADCE0;
  padding: 10px 0;
  margin-bottom: 25px;
  position: relative;
}
div.product__widget .product__widget-title::after {
  position: absolute;
  content: "\f107";
  font-family: var(--tp-ff-fontawesome);
  background-image: none;
  top: 37%;
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  color: var(--tp-common-black-solid);
  width: auto;
  height: auto;
  font-weight: 500;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
div.product__widget .product__widget-title:hover {
  cursor: pointer;
  color: var(--tp-text-primary);
}
div.product__widget .product__widget-title:hover::after {
  color: var(--tp-text-primary);
}
div.product__widget .product__widget-title.tp-widget-active::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
div.product__widget .select2-container {
  margin-bottom: 20px;
}
div.product__widget .select2-container .select2-selection--single {
  height: 40px;
  line-height: 38px;
  border: 1px solid #eaedff;
  background-color: var(--tp-common-white);
  border-radius: 0;
}
div.product__widget .select2-container .select2-selection--single:focus {
  background-color: var(--tp-common-white);
}
div.product__widget .select2-container .select2-selection--single:focus .select2-selection--single {
  background-color: var(--tp-common-white);
  border-color: var(--tp-text-primary);
}
div.product__widget .select2-container .select2-selection__rendered {
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
div.product__widget .select2-container .select2-selection__arrow {
  height: 40px;
  right: 20px;
}
div.product__widget .select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  padding-right: 4px;
  z-index: 2;
  background-color: var(--tp-common-white);
  top: -2px;
}
div.product__widget.widget_rating_filter ul li {
  list-style: none;
}
div.product__widget .woocommerce-widget-layered-nav-list li {
  list-style: none;
  font-size: 14px;
  color: #998f8f;
  margin-bottom: 5px;
}
div.product__widget .woocommerce-widget-layered-nav-list li span {
  font-weight: 400;
}
div.product__widget .woocommerce-widget-layered-nav-list li a {
  position: relative;
  padding-left: 15px;
  color: var(--tp-text-1);
}
div.product__widget .woocommerce-widget-layered-nav-list li a:hover {
  color: var(--tp-text-primary);
}
div.product__widget .woocommerce-widget-layered-nav-list li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 53%;
  height: 4px;
  width: 4px;
  background-color: var(--tp-text-1);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.product__widget .woocommerce-widget-layered-nav-list li a:hover {
  color: var(--tp-text-primary);
}
div.product__widget .price_slider_wrapper {
  padding-top: 5px;
}
div.product__widget .ui-widget-content {
  position: relative;
  height: 4px;
  background-color: #ECECEC;
  margin-bottom: 1.5625rem;
}
div.product__widget .ui-widget-content .ui-slider-range {
  position: absolute;
  display: block;
  width: 100%;
  height: 4px;
  border: 0;
  background-color: var(--tp-common-black);
  border-radius: 8px;
  z-index: 1;
}
div.product__widget .ui-widget-content .ui-slider-handle {
  left: 0%;
  position: absolute;
  z-index: 2;
  outline: 0;
  cursor: pointer;
  background-color: var(--tp-common-black);
  border-radius: 100%;
  border: 0;
  height: 14px;
  top: -5px;
  width: 14px;
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
div.product__widget .ui-widget-content .ui-slider-handle:last-child {
  left: 100%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
div.product__widget .price_slider_amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
div.product__widget .price_slider_amount .button {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  height: auto;
  margin-left: auto;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: var(--tp-common-black);
}
div.product__widget .price_slider_amount .button:hover {
  color: var(--tp-text-primary);
}
div.product__widget .price_slider_amount .price_label {
  font-size: 14px;
}
div.product__widget .price_slider_amount .price_label span {
  font-weight: 500;
  color: var(--tp-common-black);
}
div.product__widget.widget_product_categories li {
  list-style: none;
}
div.product__widget.widget_product_categories li a {
  position: relative;
  padding-left: 15px;
}
div.product__widget.widget_product_categories li a:hover {
  color: var(--tp-text-primary);
}
div.product__widget.widget_product_categories li a::after {
  position: absolute;
  content: "";
  left: 0;
  top: 53%;
  height: 4px;
  width: 4px;
  background-color: var(--tp-text-1);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
div.product__widget.widget_product_categories li .children {
  padding-left: 15px;
  padding-top: 0;
  padding-bottom: 0;
}
div.product__widget.widget_top_rated_products ul li, div.product__widget.widget_recent_reviews ul li, div.product__widget.widget_products ul li {
  list-style: none;
}
div.product__widget.widget_top_rated_products ul li:not(:last-child), div.product__widget.widget_recent_reviews ul li:not(:last-child), div.product__widget.widget_products ul li:not(:last-child) {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eaedff;
}
div.product__widget .tp-product-sidebar-rating-thumb img {
  max-width: inherit;
  width: 90px;
}
div.product__widget .tp-product-sidebar-rating-title {
  font-size: 16px;
}
div.product__widget .tp-product-sidebar-rating-title a:hover {
  color: var(--tp-text-primary);
}
div.product__widget .tp-product-sidebar-rating-price span {
  font-family: var(--tp-ff-inter);
  font-weight: 500;
  font-size: 13px;
  color: var(--tp-text-1);
}
div.product__widget .tp-product-sidebar-rating-price del {
  color: #c2c2d3;
}
div.product__widget .tp-product-sidebar-rating-price del .woocommerce-Price-amount, div.product__widget .tp-product-sidebar-rating-price del span {
  font-size: 13px;
  color: #c2c2d3;
}
div.product__widget .tp-product-sidebar-rating-price ins {
  text-decoration: none;
}
div.product__widget .tp-product-sidebar-rating-price ins .woocommerce-Price-amount {
  font-size: 14px;
  color: var(--tp-common-black);
}
div.product__widget .tp-product-sidebar-rating-price ins span {
  color: var(--tp-common-black);
}
div.product__widget .tp-product-sidebar-rating-content .star-rating {
  display: block;
}
div.product__widget .tp-product-sidebar-rating-content .reviewer span {
  font-weight: 400;
}
div.product__widget .tp-product-sidebar-rating-content .reviewer span span {
  font-weight: 500;
}
div.product__widget.widget_product_tag_cloud .tagcloud a {
  border: 1px solid #EAEAEF;
  box-shadow: none;
}

.woocommerce-ordering .nice-select ul.list {
  width: auto;
  left: auto;
  right: 0;
}

.product__details-price del .woocommerce-Price-amount, .product__details-price del .woocommerce-Price-currencySymbol {
  font-size: 18px;
  color: var(--tp-grey-6);
  font-weight: 500;
  margin-left: 0;
}
.product__details-price del .woocommerce-Price-amount bdi, .product__details-price del .woocommerce-Price-currencySymbol bdi {
  margin-right: 7px;
}
.product__details-price .price ins {
  text-decoration: none;
}

.woosc-quick-table-products .woosc_table td img {
  width: 100px;
}
.woosc-quick-table-products .woosc_table .star-rating {
  display: inline-block;
}
.woosc-quick-table-products .woosc_table a.added_to_cart.wc-forward {
  background: var(--tp-text-primary);
  padding: 5px 20px;
  color: #fff;
}
.woosc-quick-table-products .woosc_table a.ajax_add_to_cart.added {
  display: none !important;
}

.woocommerce-product-gallery ol.product-thumbnails {
  padding-left: 0;
}

.outofstock .woocommerce-grouped-product-list-item__quantity .cart-button {
  display: none;
}

.stock.out-of-stock {
  text-decoration: underline;
  color: var(--tp-text-primary);
}

.product-filter-area .nice-select.open .list {
  width: auto;
  z-index: 15;
}

@media (max-width: 575px) {
  .woocommerce-ordering .nice-select ul.list {
    right: auto;
  }
}
.has_gallery_thumb.tpproduct-details__list-img .tpproduct__thumb-topsall {
  right: 50px;
}

.tpproduct-details__list-img .tpproduct__thumb-topsall {
  animation: none;
  right: 25px;
  left: auto;
}

/*mini cart */
.tp-mini-card {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.tp-mini-card div.mini_shopping_cart_box {
  position: absolute;
  top: 110%;
  right: 0;
  width: 300px;
  background: #fff;
  padding: 1.25rem;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 10px rgba(62, 68, 90, 0.1);
  box-shadow: 0px 5px 10px rgba(62, 68, 90, 0.1);
  border: 1px solid #edeef5;
  border-radius: 10px;
  transition: 0.3s;
  opacity: 0 !important;
  visibility: hidden;
  z-index: 10;
  text-align: left;
}
@media (max-width: 767px) {
  .tp-mini-card div.mini_shopping_cart_box {
    display: none;
  }
}
.tp-mini-card div.mini_shopping_cart_box .cartmini__empty .tp-btn {
  margin-left: 0;
  font-size: 14px;
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border-bottom: 1px solid #EDEEF5;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__thumb a {
  margin-left: 0;
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__thumb a img {
  width: 60px;
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item .mini-cart-remove a:hover {
  color: var(--tp-text-primary);
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content {
  position: static;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content h5 {
  margin-bottom: 0;
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content a {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 600;
  display: inline-block;
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content a:hover {
  color: var(--tp-text-primary);
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content .cartmini__price-wrapper {
  margin-left: 10px;
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content .cartmini__price-wrapper .quantity {
  display: inline-block;
  margin-right: 0;
  margin-bottom: 0;
  font-size: 14px;
}
.tp-mini-card div.mini_shopping_cart_box .mini_cart_item .cartmini__content .cartmini__price-wrapper .quantity .woocommerce-Price-amount.amount {
  color: var(--tp-text-primary);
}
.tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__total {
  margin-top: 20px;
}
.tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__total > strong {
  font-size: 15px;
  font-weight: 600;
  color: #C2C2D3;
}
.tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__total .woocommerce-Price-amount {
  float: right;
}
.tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__total .woocommerce-Price-amount bdi {
  font-weight: 600;
  color: var(--tp-text-primary);
}
.tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__buttons .wc-forward {
  float: none;
  color: #222;
  display: block;
  border: 1px solid #ddd;
  text-align: center;
  padding: 7px 15px;
  margin-top: 10px;
  background: none;
  margin-left: 0;
  font-size: 20px;
}
.tp-mini-card div.mini_shopping_cart_box .woocommerce-mini-cart__buttons .wc-forward.checkout {
  background: var(--tp-text-primary);
  border-color: var(--tp-text-primary);
  color: #fff;
}

.tp-mini-card:hover .mini_shopping_cart_box {
  opacity: 1 !important;
  visibility: visible;
  top: 105%;
}

#woosq-popup .variations select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
#woosq-popup .star-rating {
  display: inline-block;
}

#review_form .comment-input label {
  font-size: 18px;
  color: var(--tp-text-body);
  font-weight: 500;
  margin-bottom: 10px;
}

.woocommerce-cart-form .tpproduct-details__quantity {
  padding: 10px 15px;
}
.woocommerce-cart-form input {
  width: 40px;
  margin: 0 5px;
}

#customer_login {
  display: flex;
}
@media (max-width: 768px) {
  #customer_login {
    display: block;
  }
}
#customer_login .u-column1 {
  width: 50%;
  display: inline-block;
  padding: 20px;
}
@media (max-width: 768px) {
  #customer_login .u-column1 {
    width: 100%;
  }
}
#customer_login .u-column1 h2 {
  font-size: 30px;
  font-weight: 600;
  color: var(--tp-text-body);
  border-bottom: 1px solid #eaedff;
  padding-bottom: 10px;
  margin-bottom: 0;
}
#customer_login .u-column1 label {
  margin-left: 0;
  margin-bottom: 10px;
}
#customer_login .u-column1 label.woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
}
#customer_login .u-column1 label.woocommerce-form__label-for-checkbox span {
  font-size: 16px;
  cursor: pointer;
}
#customer_login .u-column1 input {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#customer_login .u-column1 input[type=checkbox] {
  width: 15px;
  margin-right: 8px;
  cursor: pointer;
}
#customer_login .u-column1 .woocommerce-form-login__submit {
  background: var(--tp-text-primary);
  border-radius: 6px;
  color: var(--tp-common-white);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  padding: 22px 50px;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
}
#customer_login .u-column1 .lost_password {
  font-size: 16px;
  color: #6f7172;
  text-decoration: underline;
}
#customer_login .u-column1 .lost_password:hover {
  color: var(--tp-text-primary);
}
#customer_login .u-column2 {
  width: 50%;
  display: inline-block;
  padding: 20px;
}
@media (max-width: 768px) {
  #customer_login .u-column2 {
    width: 100%;
  }
}
#customer_login .u-column2 h2 {
  font-size: 30px;
  font-weight: 600;
  color: var(--tp-text-body);
  border-bottom: 1px solid #eaedff;
  padding-bottom: 10px;
  margin-bottom: 0;
}
#customer_login .u-column2 label {
  margin-left: 0;
  margin-bottom: 10px;
}
#customer_login .u-column2 label.woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
}
#customer_login .u-column2 label.woocommerce-form__label-for-checkbox span {
  font-size: 16px;
}
#customer_login .u-column2 input {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#customer_login .u-column2 input[type=checkbox] {
  width: 15px;
  margin-right: 8px;
}
#customer_login .u-column2 .woocommerce-form-register__submit {
  background: var(--tp-text-primary);
  border-radius: 6px;
  color: var(--tp-common-white);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  padding: 22px 50px;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
}

.woocommerce-ResetPassword label {
  margin-left: 0;
  margin-bottom: 10px;
}
.woocommerce-ResetPassword label.woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
}
.woocommerce-ResetPassword label.woocommerce-form__label-for-checkbox span {
  font-size: 16px;
}
.woocommerce-ResetPassword input {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  display: block;
}
.woocommerce-ResetPassword input[type=checkbox] {
  width: 15px;
  margin-right: 8px;
}
.woocommerce-ResetPassword .woocommerce-Button {
  background: var(--tp-text-primary);
  border-radius: 6px;
  color: var(--tp-common-white);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  padding: 22px 50px;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
}

.woocommerce-notices-wrapper .woocommerce-error {
  list-style: none;
  padding-left: 20px;
}
.woocommerce-notices-wrapper .woocommerce-error li {
  background-color: #f6f6f6;
  border-top: 3px solid rgba(213, 18, 67, 0.3);
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.woocommerce-form-login label {
  margin-left: 0;
  margin-bottom: 10px;
}
.woocommerce-form-login label.woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
}
.woocommerce-form-login label.woocommerce-form__label-for-checkbox span {
  font-size: 16px;
}
.woocommerce-form-login input {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  display: block;
}
.woocommerce-form-login input[type=checkbox] {
  width: 15px;
  margin-right: 8px;
}
.woocommerce-form-login .woocommerce-form-login__submit {
  background: var(--tp-text-primary);
  border-radius: 6px;
  color: var(--tp-common-white);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  padding: 22px 50px;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
}

.edit-account label {
  margin-left: 0;
  margin-bottom: 10px;
}
.edit-account label.woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
}
.edit-account label.woocommerce-form__label-for-checkbox span {
  font-size: 16px;
}
.edit-account input {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  display: block;
}
@media (min-width: 992px) {
  .edit-account input {
    width: 500px;
  }
}
.edit-account input[type=checkbox] {
  width: 15px;
  margin-right: 8px;
}
.edit-account .woocommerce-Button {
  background: var(--tp-text-primary);
  border-radius: 6px;
  color: var(--tp-common-white);
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  padding: 22px 50px;
  text-align: center;
  touch-action: manipulation;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
}

.woosw-copy-label {
  color: #6f7172;
}

#woosw_copy_btn {
  padding: 3px 20px;
  background: var(--tp-text-primary);
  color: #fff;
  font-weight: 500;
  border: none;
  margin-left: 10px;
}

.product__action .tinvwl_add_to_wishlist-text {
  display: none;
}

a.icon-btn.woosq-btn {
  display: none;
}

.product__list-action span.tinvwl_add_to_wishlist-text {
  display: none;
}

.product__action a.icon-btn.woosq-btn, .product__list-action a.icon-btn.woosq-btn {
  display: inline-block;
}

.tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-loop-button-wrapper {
  display: none;
}

/*rating*/
.product__rating .star-rating {
  margin-bottom: 0;
}

.star-rating {
  position: relative;
  font-size: 11px;
  width: 77px;
  overflow: hidden;
  line-height: 1;
  display: flex;
}

.tpproduct-details__tag-area .star-rating {
  margin-left: 15px;
}

.star-rating::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f005\f005\f005\f005\f005";
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #D9D9EA;
}

.star-rating span {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  font-size: 11px;
}

.star-rating span::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f005\f005\f005\f005\f005";
  text-transform: uppercase;
  letter-spacing: 3px;
  color: var(--tp-text-primary);
  font-weight: 900;
  display: inline-block;
}

/*rating end*/
a.ajax_add_to_cart.added {
  display: none;
}

/*rating icon*/
@font-face {
  font-family: star;
  src: url(assets/fonts/woo/star.eot);
  src: url(assets/fonts/woo/star.eot?#iefix) format("embedded-opentype"), url(assets/fonts/woo/star.woff) format("woff"), url(assets/fonts/woo/star.ttf) format("truetype"), url(assets/fonts/woo/star.svg#star) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: WooCommerce;
  src: url(assets/fonts/woo/WooCommerce.eot);
  src: url(assets/fonts/woo/WooCommerce.eot?#iefix) format("embedded-opentype"), url(assets/fonts/woo/WooCommerce.woff) format("woff"), url(assets/fonts/woo/WooCommerce.ttf) format("truetype"), url(assets/fonts/woo/WooCommerce.svg#WooCommerce) format("svg");
  font-weight: 400;
  font-style: normal;
}
.woocommerce p.stars a {
  position: relative;
  height: 1em;
  width: 1em;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
}

.woocommerce p.stars a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-family: WooCommerce;
  content: "\e021";
  text-indent: 0;
}

.woocommerce p.stars a:hover ~ a::before {
  content: "\e021";
}

.woocommerce p.stars:hover a::before {
  content: "\e020";
}

.woocommerce p.stars.selected a.active::before {
  content: "\e020";
}

.woocommerce p.stars.selected a.active ~ a::before {
  content: "\e021";
}

.woocommerce p.stars.selected a:not(.active)::before {
  content: "\e020";
}

/*spinner */
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.woocommerce a.button.loading::before, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
  font-family: WooCommerce;
  content: "\e01c";
  vertical-align: top;
  font-weight: 400;
  top: 0.618em;
  right: 1em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  color: red;
  display: inline-block;
}

.product__action a.added_to_cart.wc-forward::after {
  content: "✔";
  position: relative;
  font-family: var(--icon-font);
  font-size: 16px;
  font-weight: 700;
}

.product__action .added_to_cart.wc-forward {
  font-size: 0;
}

.loading svg {
  display: none;
}

/*compare*/
.woosc-area {
  background: no-repeat !important;
}

/* archive */
.tpproduct__rating .star-rating span::before {
  color: var(--tp-text-primary);
}

.product__item .added_to_cart.wc-forward {
  font-size: 0;
}

.tp-core-product:hover {
  position: relative;
  z-index: 10;
}

section.woosc-quick-table > h2 {
  font-size: 26px;
  color: var(--tp-text-body);
  font-weight: 600;
}

.has_gallery.woocommerce-product-gallery.woocommerce-product-gallery--with-images {
  position: relative;
  padding-right: 25px;
  padding-left: 90px;
}

.flex-control-nav.flex-control-thumbs {
  list-style: none;
  padding-left: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.flex-control-nav.flex-control-thumbs li {
  margin-bottom: 15px;
}

.woocommerce-product-gallery .product-thumbnails li.slick-current img {
  border: 1px solid var(--tp-text-primary);
}

.woocommerce .cart-button.price-empty {
  display: none;
}

a.cart-button.icon-btn.button.stock-out {
  display: none;
}

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

.tpproduct-details__title-area {
  margin-bottom: 7px;
}

.tpproduct-details__tag-area.d-flex.align-items-center.mb-5 {
  margin-bottom: 8px !important;
}

.grouped_form a {
  color: var(--tp-text-body);
}
.grouped_form a:hover {
  color: var(--tp-text-primary);
}
.grouped_form .variations .nice-select {
  float: none;
}
.grouped_form .tpproduct-details__quantity {
  padding: 5px 13px;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 0;
}
.grouped_form .tpproduct-details__quantity .tp-cart-minus, .grouped_form .tpproduct-details__quantity .tp-cart-plus {
  font-size: 14px;
}
.grouped_form .tpproduct-details__quantity input {
  font-size: 14px;
}
.grouped_form del {
  font-size: 16px;
  color: var(--tp-grey-6);
  font-weight: 600;
}
.grouped_form del .woocommerce-Price-amount {
  font-size: 15px;
  color: var(--tp-grey-6);
  font-weight: 500;
}
.grouped_form ins {
  text-decoration: none;
}
.grouped_form ins .woocommerce-Price-amount {
  color: var(--tp-text-body);
  font-weight: 600;
  font-size: 16px;
}
.grouped_form .woocommerce-Price-amount {
  color: var(--tp-text-body);
  font-weight: 600;
  font-size: 16px;
}

.footer-logo img {
  width: 115px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .validate-state .state_select {
  display: inline-block !important;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .validate-state .state_select.nice-select {
  display: none !important;
}

.woocommerce-cart .wc-block-cart-items table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}
.woocommerce-cart .wc-block-cart-items table tbody tr {
  display: flex;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid #e6e6e6;
}
.woocommerce-cart .wc-block-cart-items table tbody tr:hover {
  background-color: #f9f9f9;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image {
  flex: 0 0 80px;
  text-align: left;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image img {
  max-width: 60px;
  max-height: 60px;
  border-radius: 4px;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image a {
  display: inline-block;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__product {
  flex: 1;
  padding: 0 1rem;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-name {
  font-size: 1rem;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-name:hover {
  color: #d51243;
  text-decoration: underline;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-cart-item__prices .wc-block-components-product-price__value {
  font-size: 1rem;
  font-weight: bold;
  color: #d51243;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__product .wc-block-cart-item__wrap .wc-block-components-product-metadata__description p {
  font-size: 0.9rem;
  color: #777;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity {
  margin-top: 1rem;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity .wc-block-components-quantity-selector {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity .wc-block-components-quantity-selector__input {
  width: 50px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity .wc-block-components-quantity-selector__button {
  background: #d51243;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  cursor: pointer;
  opacity: 1;
  z-index: 1;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity .wc-block-components-quantity-selector__button:hover:not(:disabled) {
  background: #005d85;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity .wc-block-components-quantity-selector__button:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity .wc-block-components-quantity-selector__button--minus {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity .wc-block-components-quantity-selector__button--plus {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
  display: inline-block !important;
  margin-top: 0.5rem !important;
  font-size: 13px !important;
  color: #d51243 !important;
  text-transform: uppercase !important;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__total {
  flex: 0 0 100px;
  text-align: right;
}
.woocommerce-cart .wc-block-cart-items .wc-block-cart-item__total .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-price__value {
  font-size: 1rem;
  font-weight: bold;
  color: #333;
}
.woocommerce-cart .wc-block-components-sidebar {
  background-color: #f9f9f9;
  padding: 1.5rem !important;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-cart__totals-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 1rem;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper {
  margin-bottom: 1rem;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__button {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #0071a1;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__button:hover {
  text-decoration: underline;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__button-icon {
  margin-right: 0.5rem;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__content {
  margin-top: 1rem;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__content__form {
  display: flex;
  gap: 0.5rem;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__content__form__input {
  flex: 1;
  position: relative;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__content__form__input input {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1rem;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__content__form__input label {
  position: absolute;
  top: -8px;
  left: 10px;
  background: #f9f9f9;
  padding: 0 0.25rem;
  font-size: 0.8rem;
  color: #777;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__content__form__button {
  padding: 0.5rem 1rem;
  background: #0071a1;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__content__form__button:hover:not([disabled]) {
  background: #005d85;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-coupon__content__form__button:disabled {
  background: #ccc;
  cursor: not-allowed;
  pointer-events: none;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-item {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  font-size: 1rem;
  color: #333;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-item__label {
  font-weight: bold;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-item__value {
  font-weight: bold;
  color: #d51243;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-footer-item__label {
  font-weight: bold;
}
.woocommerce-cart .wc-block-components-sidebar .wc-block-components-totals-wrapper .wc-block-components-totals-footer-item__value {
  font-weight: bold;
  color: #d51243;
}
.woocommerce-cart .wc-block-cart__payment-options {
  margin: 1.5rem 0;
}
.woocommerce-cart .wc-block-cart__submit {
  text-align: center;
}
.woocommerce-cart .wc-block-cart__submit-button {
  display: inline-block;
  padding: 1rem 2rem;
  background: #d51243;
  color: #fff;
  font-size: 1.2rem;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
}
.woocommerce-cart .wc-block-cart__submit-button:hover {
  background: #a30f33;
}
.woocommerce-cart .wc-block-components-totals-coupon__button span {
  display: inline-block;
  padding: 0.8rem 2rem;
  background: #d51243;
  color: #fff;
  font-size: 1.2rem;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
}
.woocommerce-cart .wc-block-components-totals-coupon__button span:hover {
  background: #a30f33;
}
.woocommerce-cart .wc-block-components-totals-coupon__button:hover {
  text-decoration: none !important;
}

.woocommerce-checkout .wc-block-checkout__main {
  background: #eee;
  padding: 20px 20px !important;
}
.woocommerce-checkout .wc-block-checkout__main input {
  border-color: #ddd !important;
}
.woocommerce-checkout .wc-block-checkout__main .wc-block-components-radio-control-accordion-option {
  box-shadow: none;
  border: 2px solid #fff;
  background: #fff;
}
.woocommerce-checkout .wc-block-checkout__main .wc-block-components-button {
  padding: 0 !important;
}
.woocommerce-checkout .wc-block-checkout__main .wc-block-components-button .wc-block-components-button__text {
  padding: 0.8rem 2rem;
  background: #d51243;
  color: #fff;
  font-size: 1.2rem;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  width: 100%;
}
.woocommerce-checkout .wc-block-checkout__main .wc-block-components-button .wc-block-components-button__text:hover {
  background: #a30f33;
}
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
  background: #eee;
}
.woocommerce-checkout .wc-block-components-totals-coupon__button span {
  display: inline-block;
  padding: 0.8rem 2rem;
  background: #d51243;
  color: #fff;
  font-size: 1.2rem;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
}
.woocommerce-checkout .wc-block-components-totals-coupon__button span:hover {
  background: #a30f33;
}
.woocommerce-checkout .wc-block-components-totals-coupon__button:hover {
  text-decoration: none !important;
}

/*# sourceMappingURL=ninico-core.css.map */