/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap');

@font-face {
  font-family: 'ProximaNovaRegular';
  src: url('../fonts/ProximaNovaRegular.woff') format('woff');
}

:root {
  --font-default: "ProximaNovaRegular";
  --font-primary: "Titillium Web", sans-serif;
}

/* Colors */
:root {
  --color-default: #fafafa;
  --color-primary: #ffffff;
  --color-secondary: #161718;
  --c1:#101010;
}

/* Smooth scroll behavior */
:root {
  scroll-behavior: smooth;
  cursor: none;
}

/* html, :hover {
  cursor: url(../img/cursor.png) 2 2, pointer;
} */


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: var(--font-default);
  color: var(--color-default);
  background-color: #0c0c0c;
  overflow-x: hidden;
}

a {
  color: var(--color-primary);
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-primary);
}

i {
  font-family: fontawesome;
  font-style: normal;
}

a.btn-get-started {
  background: #fff;
  color: #000;
  text-transform: uppercase;
  padding: 7px 10px 7px 20px;
  border-radius: 40px;
  letter-spacing: 2px;
  transition: 0.5s all;
  position: relative;
  line-height: 35px;
  display: inline-block;
}

a.btn-get-started img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  background: #000;
  border-radius: 50%;
  padding: 5px;
  transition: 0.5s all;
  margin-left: 20px;
}

.container-fluid {
  padding: 0 40px;
}

.common-col h2 {
  font-size: 40px;
  letter-spacing: 4px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.common-col p {
  font-size: 16px;
  color: #ffffff85;
  margin-bottom: 25px;
}

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

h5.title {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 6px;
}

p.availablity {
  font-size: 16px;
  color: #ffffff85;
  margin-bottom: 10px;
}

p.price {
  font-size: 24px;
  font-family: var(--font-primary);
  letter-spacing: 0;
}

p.price span.sales {
  color: #ffffff75;
  text-decoration: line-through;
  margin-left: 20px;
}

/*--------------------------------------------------------------
# Sections & Section Header
--------------------------------------------------------------*/
.section-header {
  padding-bottom: 40px;
}

.section-header h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  font-family: var(--font-primary);
}

.section-header h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #5bd9a9;
  margin: 4px 10px;
}

.section-header p {
  margin: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  font-family: var(--font-default);
  color: #fff;
}

/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
  padding: 120px 0 60px 0;
  min-height: 30vh;
  position: relative;
}

.page-header h2 {
  font-size: 56px;
  font-weight: 500;
  color: #fff;
  font-family: var(--font-default);
}

.page-header p {
  color: rgba(255, 255, 255, 0.8);
}

.page-header .cta-btn {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 4px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: 0.3s;
  color: #fff;
  background: var(--color-primary);
}

.page-header .cta-btn:hover {
  background: #2cbc85;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
  transition: 0.3s;
  margin-right: 30px;
  line-height: 30px;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #fff;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: var(--color-secondary);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #fff;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

.search-box--wrapper {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 min-height: 50vh;
	 background: #000;
	 box-shadow: 0 0 15px #ccc;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: flex-start;
	 padding: 8em;
	 color: #fff;
	 transition: 1s;
	 z-index: 999;
	 top: -100%;
}
 .search-box--wrapper.searchExpended {
	 top: 0;
	 transition: 1s;
}
 .search-box--wrapper .search-box--content {
	 width: 100%;
	 position: relative;
}
 .search-box--wrapper .search-box--content .search-toggleClose {
	 position: absolute;
	 top: -2em;
	 right: 0;
	 display: inline-block;
	 font-size: 3rem;
	 color: #fff;
}
 .search-box--wrapper h2 {
	 margin-bottom: 0.5em;
	 font-size: 3rem;
}
 .search-box--wrapper input.search-input.form-control {
	 border-radius: 0;
	 border: 0;
	 border-bottom: 1px solid #fff;
	 background: transparent;
}
 .search-box--wrapper input.search-input.form-control:focus {
	 box-shadow: none;
	 border: 0;
}
 
/*--------------------------------------------------------------
# Mega Menu
--------------------------------------------------------------*/
.hd-Dropdown_Backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -3;
  width: 100vw;
  background-color: #0006;
  opacity: 0;
  visibility: hidden;
  will-change: opacity;
  pointer-events: none;
  transition: opacity .2s ease .2s,visibility .2s ease .2s;
}
.hd-Banner_Item:focus-within .hd-Dropdown_Backdrop, .hd-Banner_Item:hover .hd-Dropdown_Backdrop {
  opacity: 1;
  visibility: visible;
}
.hd-Dropdown_Holder {
  height: 100%;
  background-color: #020202c2;
}
.hd-Banner_Item:focus-within .hd-Dropdown, .hd-Banner_Item:hover .hd-Dropdown {
  z-index: -1;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: transform .2s ease .2s,opacity 0s ease .2s,visibility 0s ease .2s;
}
.hd-Dropdown {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  max-width: 480px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translate(-100%);
  transition: transform .2s ease .4s,opacity .2s ease .4s,visibility .2s ease .4s;
}
.hd-Banner_Item:focus-within .hd-Dropdown, .hd-Banner_Item:hover .hd-Dropdown {
  z-index: -1;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: transform .2s ease .2s,opacity 0s ease .2s,visibility 0s ease .2s;
}
.hd-Dropdown_Inner {
  position: relative;
  flex-direction: column;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 180px 70px;
  opacity: 0;
  transition: opacity .2s ease 0s;
}
.hd-Banner_Item:focus-within .hd-Dropdown_Inner, .hd-Banner_Item:hover .hd-Dropdown_Inner {
  opacity: 1;
  transition: opacity .2s ease .4s;
}
.hd-Dropdown_Body {
  margin-bottom: 30px;
}
.hd-Banner_Item:focus-within .hd-Dropdown, .hd-Banner_Item:hover .hd-Dropdown {
    z-index: -1;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: transform .2s ease .2s,opacity 0s ease .2s,visibility 0s ease .2s;
}
.hd-NavItems_Item {
    border-top: 1px solid #1b1818;
    padding: 6px 0;
}
.hd-NavItem {
    border-bottom: 1px solid #1b1818;
}
.hd-NavItem_Link {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: var(--Grid_Gutter);
    padding-bottom: var(--Grid_Gutter);
    transition: color .5s ease;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .2em;
    line-height: 16px;
    text-transform: uppercase;
}

.hd-NavItems_Item {
    width: 100%;
}

.hd-Dropdown_Socials {
    margin-top: 30px;
}
.hd-NavItem_Social {
    position: relative;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100%;
    padding-bottom: 20px;
    transition: color .3s ease !important;
}
.hd-Social_Icon {
    width: 20px;
    height: 30px;
    margin-right: 15px;
    color: #787878;
}
.hd-Social_Text {
    color: #787878;
    transition: color .3s ease;
}
ul.hd-Nav_Items {flex-direction: column;}
a.hd-NavItem_Social:hover span , a.hd-NavItem_Social:hover a {
    color: #fff;
}

.hd-NavItems_Item:hover a {
    color: white !important;
}


.hd-NavItems_Item:hover a {
    opacity: 0.5;
}
.hd-NavItem_Social:hover a {
    color: #fff;
}
/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: -15px;
  z-index: 99999;
  background: var(--color-primary);
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: #000;
  line-height: 0;
}

.scroll-top:hover {
  background: rgb(0 0 0 / 80%);
  color: #fff;
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
  bottom: 15px;
}

.scroll-top:hover i {
  color: #fff;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  display: flex;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  z-index: 99999;
}

#preloader:before,
#preloader:after {
  content: "";
  background-color: var(--color-secondary);
  position: absolute;
  inset: 0;
  width: 50%;
  height: 100%;
  transition: all 0.3s ease 0s;
  z-index: -1;
}

#preloader:after {
  left: auto;
  right: 0;
}

#preloader .line {
  position: relative;
  overflow: hidden;
  margin: auto;
  width: 1px;
  height: 280px;
  transition: all 1.2s ease 0s;
}

#preloader .line:before {
  content: "";
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 50%;
  width: 1px;
  height: 0%;
  transform: translateY(-50%);
  -webkit-animation: lineincrease 1000ms ease-in-out 0s forwards;
  animation: lineincrease 1000ms ease-in-out 0s forwards;
}

#preloader .line:after {
  content: "";
  position: absolute;
  background-color: #999;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  transform: translateY(-100%);
  -webkit-animation: linemove 1200ms linear 0s infinite;
  animation: linemove 1200ms linear 0s infinite;
  -webkit-animation-delay: 2000ms;
  animation-delay: 2000ms;
}

#preloader.loaded .line {
  opacity: 0;
  height: 100% !important;
}

#preloader.loaded .line:after {
  opacity: 0;
}

#preloader.loaded:before,
#preloader.loaded:after {
  -webkit-animation: preloaderfinish 300ms ease-in-out 500ms forwards;
  animation: preloaderfinish 300ms ease-in-out 500ms forwards;
}

@-webkit-keyframes lineincrease {
  0% {
    height: 0%;
  }

  100% {
    height: 100%;
  }
}

@keyframes lineincrease {
  0% {
    height: 0%;
  }

  100% {
    height: 100%;
  }
}

@-webkit-keyframes linemove {
  0% {
    transform: translateY(200%);
  }

  100% {
    transform: translateY(-100%);
  }
}

@keyframes linemove {
  0% {
    transform: translateY(200%);
  }

  100% {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes preloaderfinish {
  0% {
    width: 5 0%;
  }

  100% {
    width: 0%;
  }
}

@keyframes preloaderfinish {
  0% {
    width: 5 0%;
  }

  100% {
    width: 0%;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.secondary-header .top-mid {
  text-align: center;
}

.secondary-header .secondary-header-social-links {
  text-align: end;
}

.secondary-header {
  position: relative;
  z-index: 999;
}

.secondary-header p {
  margin: 0;
  font-size: 12px;
}

.secondary-header {
  padding: 10px 30px;
}

.secondary-header .row {
  align-items: center;
}

.secondary-header-social-links a {
  margin-left: 20px;
}

.header {
  transition: all 0.5s;
  z-index: 997;
  padding: 80px 30px 0;
  position: absolute;
}

.header .logo {
  transition: 0.3s;
}

.header .logo img {
  max-height: 40px;
  margin-right: 8px;
}

.header .logo h1 {
  font-size: 32px;
  margin: 0;
  font-weight: 400;
  color: #fff;
  font-family: var(--font-default);
}

.header .logo i {
  font-size: 32px;
  margin-right: 8px;
  line-height: 0;
}

.header .header-social-links a {
  color: #fff;
  padding-left: 15px;
  display: inline-block;
  line-height: 0px;
  transition: 0.3s;
  font-size: 16px;
  margin-left: 15px;
}

.header .header-social-links a:hover {
  color: #fff;
}

/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
.hero img.bg-img {
  width: 100%;
  height: 990px;
  object-fit: cover;
  object-position: bottom;
}

.hero .container-fluid {
  padding: 0;
}

.hero .absulte-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 60px;
  z-index: 99;
}

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

.hero a.btn-get-started {
  margin-top: 60px;
}

.hero span.swiper-pagination-bullet {
  background: #fff;
  margin: 0 9px !important;
}

.hero span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  outline: 1px solid #fff !important;
  outline-offset: 4px !important;
  margin: 0 10px;
}

.hero .swiper-pagination {
  text-align: left;
  padding-left: 40px;
  padding-bottom: 30px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  padding: 100px 0 !important;
  margin-top: 30px;
  padding: 10px 0;
  font-size: 14px;
  background-color: red;
  background: url(../img/footer-bg.png) no-repeat;
  background-size: cover;
  background-position: right top;
  padding-bottom: 0 !important;
}

.footer .copyright {
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  background-color: #000000;
  padding: 15px 0;
}

.footer .credits {
  padding-top: 6px;
  text-align: center;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}

.footer .credits a {
  color: var(--color-primary);
}

/*--------------------------------------------------------------
# Category Area
--------------------------------------------------------------*/

.categories .category img.bg-img {
  width: 100%;
}


.categories .absulte-content {
    position: absolute;
    bottom: 0;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    padding-bottom: 30px;
    background: url(../img/shadow.png) no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}

.categories .category {
  position: relative;
  overflow: hidden;
}

.categories h3 {
  font-size: 50px;
  text-transform: uppercase;
  font-family: var(--font-default);
  font-weight: 400 !important;
  letter-spacing: 3px;
  margin-top: 9rem;
}


/*--------------------------------------------------------------
#  Customer Reviews Section
--------------------------------------------------------------*/
.customers-reviews--tabs {
	 border-radius: 30px;
	 overflow: hidden;
	 border: 1px solid #fff;
}
 .customers-reviews--tabs ul.nav.nav-pills {
	 display: flex;
	 justify-content: space-between;
	 width: 100%;
	 align-items: center;
	 margin: 0;
	 border-bottom: 1px solid #fff;
}
 .customers-reviews--tabs ul.nav.nav-pills li {
	 width: 50%;
}
 .customers-reviews--tabs ul.nav.nav-pills li button.nav-link {
	 width: 100%;
	 color: #fff;
	 border-radius: 0;
	 border: 0;
	 text-transform: uppercase;
	 letter-spacing: 2px;
	 background: transparent;
}
 .customers-reviews--tabs ul.nav.nav-pills li button.nav-link.active {
	 background: white;
	 color: #000;
}




.customers-reviews--list li {
	 display: flex;
	 flex-wrap: wrap;
	 margin-bottom: 3em;
}
 .customers-reviews--list li:last-child {
	 margin: 0;
}
 .customer-review--profile {
	 width: 4em;
	 height: 4em;
	 display: inline-block;
	 margin-right: 1em;
	 border-radius: 50%;
	 overflow: hidden;
}
 .customer-review--profile img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 .customer-review--details {
	 display: inline-block;
	 width: 93%;
	 position: relative;
}
 .customer-review--details .quote-icon {
	 position: absolute;
	 top: 0;
	 right: 0;
	 font-size: 3em;
	 opacity: 0.5;
	 line-height: 1;
}
 .customer-review--details .name {
	 font-size: 1.2em;
	 text-transform: uppercase;
	 letter-spacing: 1px;
}
 .customer-review--details .review {
	 font-size: 0.875em;
	 width: 95%;
}
 .customer-review--details .customer-history {
	 display: inline-block;
	 padding-top: 10px;
	 border-top: 1px solid;
	 width: 100%;
	 text-transform: uppercase;
	 font-size: 0.875em;
	 opacity: 0.5;
}
 .customer-review--details textarea {
	 width: 100%;
	 height: 5em;
	 margin-bottom: 0.5rem;
	 border: 1px solid #fff;
	 background: transparent;
	 color: #fff;
	 padding: 0.5rem;
}
 .customers-reviews--action {
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
}
 .signin-toReview {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 gap: 1rem;
	 flex-direction: column;
}
 .signin-toReview p {
	 margin: 0;
	 text-transform: uppercase;
	 font-size: 1rem;
}
 
 
 


/*--------------------------------------------------------------
#  Best Seller
--------------------------------------------------------------*/
.best-seller {
  padding: 100px 0;
}

.best-seller .absulte-content {
  position: absolute;
  left: 0;
  top: 0;
  margin: 15px 15px;
  opacity: 0;
  transition: 1s;
}

.best-seller .absulte-content ul li img {
  height: 40px;
}

.best-seller .absulte-content ul {
  padding: 0;
}

.best-seller .absulte-content ul li {
  list-style-type: none;
  margin-bottom: 15px;
  border: 1px solid #ffffff29;
  padding: 30px 20px;
}

.Products-img {
  position: relative;
}

.best-seller .Products-img {
  height: 530px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.best-seller .swiper-slide.swiper-slide-active .Products-img {
  border: 1px solid #ffffff29;
}

.best-seller .swiper-slide {
  text-align: center;
  min-height: 660px !important;
}

.best-seller .swiper-slide.swiper-slide-active .absulte-content {
  opacity: 1;
  transition: 1s;
}

.best-seller .Products-content {
  opacity: 0;
  transition: 1s;
}

.best-seller .swiper-slide.swiper-slide-active .Products-content {
  opacity: 1;
  margin-top: 40px;
}


.best-seller .portfolio-details-slider {
  width: 85%;
}

.best-seller .swiper-wrapper {
  padding-bottom: 100px;
  min-height: 700px;
}

.best-seller .swiper-pagination-bullet {
  width: 110px;
  background: white !important;
  border-radius: 0;
  height: 2px;
  margin: 0 11px !important;
  position: relative;
  transition: 1s;
}


.swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  bottom: -40px;
  top: auto;
  left: 0;
  right: 0;
  background: url(../img/cursor.png) no-repeat center center;
  height: 30px;
  width: 30px;
  margin: 0 auto;
  transition: 1s;
}

.best-seller .swiper-pagination {
  bottom: 40px !important;
}

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







.circle {
  height: 24px;
  width: 24px;
  border-radius: 24px;
  background-color: black;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 99999999;
  /* so that it stays on top of all other elements */
}


/* Points Section  */
section.points-sec img {
  width: 100%;
}

section.points-sec .absulte-content {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

section.points-sec {
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

section.points-sec .absulte-content img {
  width: 30px !important;
}

section.points-sec .absulte-content p {
  width: 60%;
  font-family: 'ProximaNovaRegular';
  font-size: 16px;
  color: #ffffff85;
  margin-bottom: 25px;
}

section.points-sec .absulte-content h2 {
  font-size: 40px;
  font-family: 'Titillium Web';
  font-weight: 200;
  letter-spacing: 5px;
  margin-bottom: 25px;
  text-transform: uppercase;
}

/* Points Section End */

/* Post Section */
.common-section .swiper-pagination {
  padding-bottom: 50px;
  bottom: 0px !important;
  margin-left: -45px;
  z-index: 999999 !important;
}

.common-section img {
  width: 100%;
  /* height: 640px !important; */
}

.Post-img img {
  width: 100%;
  object-fit: cover !important;
  transition: 1s ease all !important;
}

.Post-img {
  margin-bottom: 130px;
  position: relative;
  overflow: hidden;
}

.common-section .absulte-content {
  position: absolute;
  bottom: 0;
  z-index: 99;
  right: 0;
  left: 0;
  padding: 15px 40px;
}

.common-section {
  position: relative;
  padding: 100px 0;
  overflow: hidden !important;
}

.Post-img:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 99;
  background: url(../img/post-shadow.png) no-repeat;
  top: 30%;
  background-size: cover;
}

.Post-content h3 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 2px;
}

.Post-content p {
  color: #ffffff85;
}

.common-section .position-relative {
  max-width: 2200px;
  width: 2200px;
  padding: 0;
  margin-left: -45px;
}

.common-section .swiper-pagination-bullet {
  width: 110px;
  background: white !important;
  border-radius: 0;
  height: 2px;
  margin: 0 11px !important;
  position: relative;
  transition: 1s;
}

/* Post Section End   */

/* Best Seller Section */

section#best-seller-section {
  padding: 50px 0;
  padding-top: 100px;
}

section#best-seller-section .position-relative {
  margin-left: 0 !important;
  padding: 0 40px;
  width: 115%;
}

section#best-seller-section .Post-img:before {
  top: 50%;
}

.common-section .container-fluid {
  padding: 0 !important;
}

section.about-sec {
  padding: 100px 0;
}

section.about-sec .col-md-6 {
  padding: 0;
}

section.about-sec .about-img img {
  width: 100%;
}

.about-sec .about-content {
  width: 70% !important;
  margin-left: 150px;
  margin-top: 150px;
}

.about-sec .about-content h2 {
  font-size: 50px;
  margin-bottom: 30px;
}

.about-sec .about-content p {
  color: #ffffff85;
}

section.about-sec .col-bg {
  background: url(../img/about-bg.jpg) no-repeat;
  background-size: cover;
}

section.about-sec .container-fluid {
  padding: 0 50px;
}

.about-sec .about-content a {
  margin-top: 30px;
}

/* Icons Css */
section.icons-sec {
  padding: 60px 0;
}

section.icons-sec .inner-box {
  text-align: center;
}

section.icons-sec .inner-box img {
  width: 120px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 20px;
}

section.icons-sec .inner-box h5 {
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Titillium Web';
  font-weight: 400;
  letter-spacing: 1px;
}

/* Footer Css */
footer#footer .join-sec {
  width: 30%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 100px;
}

footer#footer .join-sec h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-family: 'Titillium Web';
  font-weight: 300;
  letter-spacing: 5px;
  margin-bottom: 20px;
}

footer#footer .join-sec p {
  margin-bottom: 30px;
  color: #ffffff85;
}

footer#footer .join-sec form {
  width: 70%;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
}

footer#footer .join-sec input {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  font-family: 'ProximaNovaRegular';
  height: 50px;
  border-radius: 30px 30px;
  padding-left: 20px;
  font-size: 14px;
}

footer#footer .join-sec small {
  font-size: 12px;
  font-weight: 300;
  font-family: 'ProximaNovaRegular';
}

footer#footer .join-sec button {
  background-color: black !important;
  color: #fff;
  height: 47px;
  width: 47px;
  border-radius: 50%;
  position: absolute;
  right: 2px;
  top: 2px;
}

li {
  list-style-type: none;
}

.footer-content h4 {
  font-size: 24px;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 20px;
}

.footer-content li {
  padding: 3px 0;
  font-size: 18px;
  font-weight: 300;
  font-family: 'Titillium Web';
}

.footer-content li a:hover {
  color: #000;
}

ul.footer-list {
  margin-top: 20px;
}

.footer-content li svg {
  font-size: 14px !important;
  margin-right: 10px;
  width: 20px;
}

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

.copyright ul {
  display: flex;
  margin: 0;
}

.copyright li {
  margin-right: 10px;
}

.copyright li img {
  width: 100%;
  border-radius: 5px;
  margin: 0 !important;
}

.copyright select {
  background-color: transparent !important;
  color: #fff;
  border: 0;
}

.copyright .row {
  align-items: center;
}

.copyright p.copy-text {
  margin: 0;
  line-height: 31px;
  margin-right: 30px;
  color: #fff;
  font-family: 'Titillium Web';
}

.footer .copyright ul.payment-card {
  justify-content: flex-end;
}

a.floating-btn {
  position: fixed;
  bottom: 150px;
  right: 50px;
  background-color: white;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-animation: glide 1.5s ease-in-out alternate infinite;
  z-index: 999999 !important;
}


@-webkit-keyframes glide {
  from {
    right: 50px;
    bottom: 170px;
  }

  to {
    right: 50px;
    bottom: 140px;
  }

}

/* Animationss */
.line::before {
  content: "";
  background-color: #0c0c0c;
  position: absolute;
  transition: 0 !important;
}

.line::after {
  content: "";
  background-color: #0c0c0c;
  position: absolute;
  transition: 0s !important;
}

.line-top::before {
  top: -1px;
  right: 0;
  left: 0px;
  height: 2px;
  width: 100%;
}

.line-top::after {
  right: 0;
  left: 0;
  height: 2px !important;
  top: -1px;
  width: 100%;
}

.line-bottom::after {
  right: 0;
  left: 0;
  height: 2px !important;
  bottom: -1px;
  width: 100%;
}

.line-bottom::before {
  right: 0;
  left: 0;
  height: 2px !important;
  bottom: -1px;
  width: 100%;
}

.line-left::before {
  top: 0px;
  left: -1px;
  height: 100%;
  width: 2px;
  bottom: 0px;
}

.line-left::after {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  bottom: 0;
}

.line-right::before {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  bottom: 0;
}

.line-right::after {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  bottom: 0;
}

.best-seller .swiper-slide-active .line-right::before {
  top: -1px;
  right: -1px;
  height: 30px;
  width: 2px;
  bottom: initial !important;
  transition: 1.2s !important;
}

.best-seller .swiper-slide-active .line-right::after {
  top: initial !important;
  right: -1px;
  height: 30px;
  width: 2px;
  bottom: -1px;
  transition: 1.2s !important;
  left: inherit;
}

.best-seller .swiper-slide-active .line-left::before {
  top: -1px;
  right: 0px;
  height: 30px;
  width: 2px;
  bottom: initial !important;
  transition: 1.2s !important;
}

.best-seller .swiper-slide-active .line-left::after {
  top: initial !important;
  left: -1px;
  height: 30px;
  width: 2px;
  bottom: -1px;
  transition: 1.2s !important;
}

.best-seller .swiper-slide-active .line-bottom::before {
  right: 0px;
  left: 0px;
  width: 30px;
  transition: 1.2s !important;
}

.best-seller .swiper-slide-active .line-bottom::after {
  left: inherit;
  width: 30px;
  right: 0;
  transition: 1.2s !important;
}

.best-seller .swiper-slide-active .line-top::before {
  right: 0 !important;
  left: 0;
  width: 30px;
  transition: 1.2s !important;
}

.best-seller .swiper-slide-active .line-top::after {
  left: inherit;
  width: 30px;
  right: 0;
  transition: 1.2s !important;
}

span.line {
  transition: 1.2s !important;
  visibility: hidden !important;
}

.best-seller .swiper-slide.swiper-slide-active span.line {
  visibility: visible !important;
}

.best-seller .swiper-slide-duplicate-next ::before {
  display: none !important;
}

.best-seller .swiper-slide-duplicate-next ::after {
  display: none !important;
}

.best-seller .swiper-slide.swiper-slide-active ::before,
.best-seller .swiper-slide.swiper-slide-active ::after {
  background-color: white !important;
}


.Post-img:hover  img {
  transform: scale(1.2) !important;
}

.btn-get-started:hover {
     background: #35363a;
     color: #fff;
}
.btn-get-started img:hover{
  transform: rotate(360);
}
a.btn-get-started:hover img {
    transform: rotate(360deg);
}

.categories .category:hover .btn-get-started {
  background: #35363a;
  color: #fff;
}
.categories .category:hover .btn-get-started img {
  transform: rotate(360deg);
}

.image-style-1 {
    position: relative;
    overflow: hidden;
}
.image-style-1 img {
    transition: all .7s;
}
.image-style-1:hover img {transform: scale(1.1);}
.image-style-2 {
    overflow: hidden;
    position: relative;
}
.image-style-2 img {
    transition: all .7s;
}
.image-style-2:hover img {
    transform: scale(1.1);
}
.image-style-2:before {
    display: table;
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 30%);
    transition: all .7s;
    z-index: 1;
}
.image-style-2:hover:before {
    left: 100%;
}

.breadcrumb-sec, .breadcrumb-sec .breadcrumb {
  text-align: center;
  justify-content: center;
  margin-top: 8rem;
}

.breadcrumb-sec .breadcrumb {
  font-size: 16px;
  text-transform: uppercase;
}

.breadcrumb-sec h3 {
  font-size: 40px;
  text-transform: uppercase;
}

.breadcrumb-sec p {
  font-size: 16px;
  color: #d1d1d1;
  font-weight: 300;
}

/* blogs start */

.main-blogs .Post-img {
  margin-bottom: 1.5rem;
}
.main-seller .Post-img {margin-bottom: 1.5rem;}

.main-seller .feature-img {
    height: 500px;
}
/* blogs end */
/* section faqs start */
section.faq button.btn.btn-link {
  background-color: #0c0c0c;
  color: #fff;
  padding: 25px 45px;
  font-family: var(--font-primary);
  font-size: 16px;
  position: relative;
  line-height: 1.2;
  font-weight: 600;
  border-radius: revert;
  text-transform: uppercase;
}

section.faq .card {
  margin-bottom: 35px;
  border: none;
}

section.faq .card-body {
  padding: 0px 45px 25px;
  color: #777777;
  background: #0c0c0c;
  font-size: 14px;
  line-height: 2;
}

section.faq button.btn.btn-link {
  text-decoration: none;
}

section.faq button.btn.btn-link:focus {
  text-decoration: none;
}

section.faq button.btn.btn-link.collapsed {
  border-bottom: 1px solid #2f2f2f;
}

section.faq button.btn.btn-link p {
  word-break: break-word;
}

section.faq button.btn.btn-link i {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  transition: var(--tran-all);
}

section.faq button.btn.btn-link .btn-content {
  white-space: pre-wrap;
}

section.faq button.btn.btn-link.collapsed i {
  transform: translateY(-50%);
}

section.faq {
  padding: 60px 0 60px;
}
.view-all .btn.btn-pri {
  background-color: var(--sec-clr);
  border-radius: 6px;
  padding: 16px 26px;
  font-size: 20px;
  font-weight: 600;
}

.view-all {
  text-align: center;
  text-transform: uppercase;
}
section.faq button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.faq button.btn.btn-link.collapsed:before {
    position: absolute;
    font-weight: 900;
    content: "\2b";
    right: 50px;
    top: 26px;
    font-family: "Font Awesome 6 free";
}

section.faq button.btn.btn-link:before {
    position: absolute;
    font-weight: 900;
    content: "\f068";
    right: 49px;
    font-family: "Font Awesome 6 free";
    top: 24px;
}
/* section faqs start */

.pages-banner .logo-img {
  width: 80%;
}


/* CONTACT SECTION Start */
/* .contact-form h3 {
  font-size: 45px;
  line-height: 55px;
} */

.contact-form input,
.contact-form textarea {
  font-size: 15px;
  line-height: 25px;
  border: 1px solid #141414;
  padding: 16px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  background: #141414;
  resize: none;
}
/* 
.contact-form button {
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
} */

.map-sec iframe {
  width: 100%;
  display: block;
  object-fit: cover;
  height: 320px;

}
.map-sec {

  position: relative;
}
.map-sec:before {
  position: absolute;
  content:""; 
  background-color: #0000005d;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
}
.contact-form .form-group {
  margin-bottom: 1.5rem;
}

.contact-form a {display: table;margin: 12px 0 0 auto;}
/* .contact-list {
  margin-top: 30px;
}

.contact-list ul li a {
  font-size: 16px;
  line-height: 35px;
  color: #000;
 
}

.contact-list ul li {
  margin-bottom: 10px;
}

.contact-list ul li a i {
  font-size: 25px;
  line-height: 35px;
  color: #063a69;
  min-width: 30px;
}

 */
 .contact-main-list ul {
  padding: 0;
  margin: 0;
}

.contact-list {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
  align-items: center;
}

.contact-content h6 a ,.contact-content h6 span {
  display: block;
  color: #626060;
  font-size: 18px;
  line-height: 1.5;
}

.contact-icon {
  font-size: 24px;
}
.contact-sec-box {
  background: var(--c1);
  padding: 8rem;
}
.contact-form h3 {
    font-size: 50px;
    color: #cfc7c7;
    text-align: center;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 2rem;
}
.contact-form {
  margin-left: 2rem;
}
.contact-form h3:after {content: "";width: 163px;height: 3px;background: #2f2f2f;z-index: 9999999;display: table;margin: 0px auto;margin-top: 1rem;}
/* CONTACT SECTION END */


   /* CART-PAGE START */
    
   .pc-p-6 {
    padding: 6% 0;
}

.cart-page .table tr {
    border: none;
    border-bottom: 2px solid #f2f2f2;
}

.cart-page .table td {
    border: none;
    vertical-align: middle;
}

.cart-page .table thead tr th {
    font-size: 16px;
    font-weight: 700;
    color: #111111;
    line-height: 28px;
    text-transform: uppercase;
    border: none;
}

.cart-page .table .cart-product-thumbnail {
    display: flex;
    align-items: center;
}

.cart-page .table .cart-product-thumbnail figure {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 0;
    margin-right: 20px;
    margin-bottom: 0px;
}

.cart-page .table .cart-product-thumbnail figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cart-page .table .cart-product-thumbnail h4 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    margin: 0;
    margin-bottom: 5px;
    font-family: 'Poppins', sans-serif;
}

.cart-page .table .cart-product-thumbnail ul li {
    padding: 0;
    font-size: 15px;
    color: #f0aba8;
}

.cart-page .table tbody td {
    padding: 15px 10px;
}

.cart-page .table tbody h3 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 26px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

.cart-delete {
    display: block;
    font-size: 20px;
    color: #868686;
    transition: all .5s ease-in-out;
}

.cart-delete:hover {
    color: #16c79a;
}

.cart-btns {
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-btns a {
    display: inline-block;
    background: #f5f5f5;
    padding: 12px 30px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    text-transform: uppercase;
    transition: all .5s ease-in-out;
    text-align: center;
    border-radius: 40px;
}

.cart-btns a i {
    margin-right: 5px;
}



/* skin 1 */

.num-block {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.skin-1 .num-in {
    float: left;
    padding: 0px;
    background: transparent;
    border-radius: 0;
    border: 1px solid #868686;
}

.skin-1 .num-in span {
    display: block;
    float: left;
    width: 30px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.skin-1 .num-in input {
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 0;
    border: none;
    background: transparent;
    font-size: 10.37px;
    font-weight: 600;
}

.skin-1 .num-in span.minus:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #fff;
    top: 50%;
    left: 10px;
}

.skin-1 .num-in span.plus:before,
.skin-1 .num-in span.plus:after {
    content: '';
    position: absolute;
    right: 10px;
    width: 10px;
    height: 2px;
    background-color: #fff;
    top: 50%;
}

.skin-1 .num-in span.plus:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
/* / skin 1 */

.cart-total a {
    display: block;
}

.cart-total {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    color: #000;
}
.skin-1 h4 {
  color: #868686;
  font-size: 16px;
  margin: 0;
  display: flex;
}

.cart-total {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    color: #000;
}
.skin-1 h4 {
  color: #868686;
  font-size: 16px;
  margin: 0;
  display: flex;
}

.cart-count {
    display: flex;
    align-items: center;
    padding: 1em 0;
    margin-top: 2rem;
    position: relative;
}

.cart-product-thumbnail {
    margin-right: 1.5em;
}

.cart-product-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}

.card-product-content--title {
    width: 60%;
    text-align: left;
}

.cart-product-content h4 {
  margin: 0;
}

.cart-product-content h5 {
  font-size: 1em;
  margin: 0;
  color: #868686;
}

/* .cart-product-content .num-block {
  position: absolute;
  bottom: 1em;
  right: 1em;
} */

.cart-count li.cancel {
  position: absolute;
  top: 0;
  right: 0;
}

.cart-product-content h4 a {
    /*margin-bottom: 1.2rem;*/
    display: block;
    font-size: 24px;
    text-transform: uppercase;
}

.cart-product-thumbnail figure img {
    width: 60px;
}

.cart-product-thumbnail figure {
    margin: 0;
    border: 1px solid #f2f2;
    padding: 1.5rem;
}
.cart-items-content h3 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 500;
}

.cart-items-content {
  position: relative;
  padding-bottom: 1rem;
}

.cart-items-content:before {
  position: absolute;
  content: "";
  width: 150px;
  height: 1px;
  bottom: 0;
  background: #2f2f2f;
}

.cart-items-content p {
  letter-spacing: 0.9px;
}

.cart-items-box {
  padding: 4rem;
  background: var(--c1);
  text-align: center;
}

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

.order-summary:before {
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
.order-summary-detail p {
    font-size: 24px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-summary-detail p span {
    font-size: 16px;
}

.order-summary-detail {
    padding: 3rem 0;
}

.order-summary-detail--total {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-summary-detail--total .amount {
    display: inline-block;
    font-size: 1.25rem;
}

.cart-page {
  padding: 3rem 0;
}
/* CART PAGE END */
/* check out start  */
.cart-items-box .cart-items-content {
  text-align: start;
}
.checkout-ship h3 {
  font-size: 32px;
}

.checkout-ship p {
  font-size: 14px;
  line-height: 2;
}
.checkout-form h3 {
  text-align: start;
  letter-spacing: 0px;
  text-transform: uppercase;
}

.checkout-form h3:after {margin: 16px 0px 0px 0px;}

.shipping-form .form-check {
	 display: flex;
	 align-items: center;
	 gap: 1em;
	 margin-bottom: 1.5rem;
}
 .shipping-form .form-check input {
	 box-shadow: 0 0 5px #ccc;
	 border: 1px solid #fff;
}
 .shipping-form .form-check .form-check-input:checked {
	 background-color: #0c0c0c;
}
 
 

.checkout-form form .btn-get-started {
  margin: 0;
}
.checkout-ship {
  margin-left: 3rem;
}
.checkout-ship .order-summary-detail {
  padding-top: 2rem;
  padding-bottom: 0rem !important;
}

.checkout-ship .order-summary-detail p {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

.checkout-ship .order-summary-detail p span {
  font-size: 14px;
  color: #7d7d7d;
}

.cart-items-box.checkout-ship .cart-product-thumbnail {
	 margin-right: 0.75em;
}
 .cart-items-box.checkout-ship .cart-count {
	 padding: 2em 0;
}
 .cart-items-box.checkout-ship .cart-product-content .card-product-content--title {
	 width: 40%;
	 text-align: left;
}
 .cart-items-box.checkout-ship .cart-product-content h4 {
	 margin: 0;
	 font-size: 1em;
}
 .cart-items-box.checkout-ship .cart-product-content h4 a {
	 font-size: 18px;
}
 
 
/* check out end  */



/* model login start  */
.login-form .modal-dialog {color: #fff;padding: 2rem 10rem;background: #101010;}
.login-form .login-title h5 {
    font-size: 36px;
}

.login-form .login-title p {
    font-size: 14px;
}

.modal.fade .modal-dialog .modal-content {
    background-color: transparent;
}
.login-form .login-title {
    text-align: center;
}
.login-box .sign-up-form span {
  cursor: pointer;
  margin-left: 6px;
}

.login-box .sign-up-form span:hover {
  color: #d2d2d2;
}
.login-box label {
  display: table;
  margin: 0 0 auto;
  width: 100%;
}
.login-box .btn-get-started {
  margin: 0 auto;
  margin-bottom: 1rem;
}
.sign-up-form {
  font-size: 15px;
  text-align: center;
}
/* model login end */


/* shop section start  */
.swiper-slide.pro-item:hover .Products-img {
  border: 1px solid #ffffff29;
}
.swiper-slide.pro-item:hover .absulte-content {
  opacity: 1;
  transition: 1s;
}


.swiper-slide.pro-item:hover .Products-img {
border: 1px solid #ffffff29;
}

.best-seller .swiper-slide {
text-align: center;
min-height: 660px !important;
}

.best-seller .swiper-slide.pro-item:hover .absulte-content {
opacity: 1;
transition: 1s;
}

.best-seller .swiper-slide.pro-item .Products-content {
opacity: 1;
margin-top: 40px;
}

.best-seller .swiper-slide.pro-item:hover .line-right::before {
top: -1px;
right: -1px;
height: 30px;
width: 2px;
bottom: initial !important;
transition: 1.2s !important;
}

.best-seller .swiper-slide.pro-item:hover .line-right::after {
top: initial !important;
right: -1px;
height: 30px;
width: 2px;
bottom: -1px;
transition: 1.2s !important;
left: inherit;
}

.best-seller .swiper-slide.pro-item:hover .line-left::before {
top: -1px;
right: 0px;
height: 30px;
width: 2px;
bottom: initial !important;
transition: 1.2s !important;
}

.best-seller .swiper-slide.pro-item:hover .line-left::after {
top: initial !important;
left: -1px;
height: 30px;
width: 2px;
bottom: -1px;
transition: 1.2s !important;
}

.best-seller .swiper-slide.pro-item:hover .line-bottom::before {
right: 0px;
left: 0px;
width: 30px;
transition: 1.2s !important;
}

.best-seller .swiper-slide.pro-item:hover .line-bottom::after {
left: inherit;
width: 30px;
right: 0;
transition: 1.2s !important;
}

.best-seller .swiper-slide.pro-item:hover .line-top::before {
right: 0 !important;
left: 0;
width: 30px;
transition: 1.2s !important;
}

.best-seller .swiper-slide.pro-item:hover .line-top::after {
left: inherit;
width: 30px;
right: 0;
transition: 1.2s !important;
}
.best-seller .swiper-slide.pro-item:hover  span.line {
visibility: visible !important;
}
.best-seller  .swiper-slide.pro-item:hover ::before,
.best-seller  .swiper-slide.pro-item:hover ::after {
background-color: white !important;
}

.best-seller .pro-item .absulte-content {
  position: absolute;
  left: 0;
  top: 0;
  margin: 15px 15px;
  opacity: 0;
  transition: 1s;
  z-index: 9;
}
.pro-item {
  margin-bottom: 5rem;
}
/* shop section end */

/* shop detail  start */
/* Single Product */
.singleProduct {
  margin: 4rem 0px;
}

.singleProduct__contentSubtitle {
  font-size: 1.25rem;
  line-height: 1;
  margin-bottom: 0.25rem;
}

.singleProduct__contentTitle {
  font-size: 35px;

}

.singleProduct__review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  margin: 1.5rem 0px;
}

.singleProduct__review span {
  flex: 1;
  margin-left: 1rem;
}

.singleProduct__review a {
  display: inline-block;
  color: #6a6a6a;
  font-weight: 500;
  padding: 0px 0.25rem;
}

.singleProduct__review a:hover {
  color: var(--color-primary);
  text-decoration: underline !important;
}

.singleProduct__info {
  margin: 1.2rem 0px;
}

.singleProduct__info>li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-text-color);
  font-size: 14px;
  margin-bottom: 0.5rem;
}

.singleProduct__info>li>p:first-child {
  flex: 0.35;
  margin-bottom: 0;
}

.singleProduct__info>li>p:last-child {
  flex: 0.65;
  color: #000;
  font-weight: bold;
  margin-bottom: 0;
}

.singleProduct__price ins {
  color: var(--pri-color);
  font-size: 34px;
  font-weight: bold;
  vertical-align: middle;
}

.singleProduct__price del {
  font-weight: bold;
  text-decoration: line-through !important;
  vertical-align: middle;
  margin-left: 0.5rem;
}

.singleProduct__stockLeft {
  font-weight: bold;
  margin: 1.5rem 0px;
}

.singleProduct__stockLeftBar {
  width: 100%;
  height: 6px;
  position: relative;
  background-color: #00000020;
  border-radius: 20px;
  overflow: hidden;
  margin: 0.75rem 0px;
}

.singleProduct__stockLeftBar::before {
  content: "";
  width: 75%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--pri-color);
}

.singleProduct__colors {
  font-weight: bold;
  margin: 2rem 0px 1rem;
}

.singleProduct__colors p {
  margin-bottom: 0;
}

.singleProduct__colors>ul {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0rem;
  margin: 0;
}

.singleProduct__colors>ul>li {margin-top: 2rem;}



.singleProduct__quantity {
  font-weight: bold;
}

.singleProduct__quantity>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
}

.singleProduct__quantityCounter {
  flex: 0.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  border: 1px solid #00000020;
  border-radius: 0.25rem;
  overflow: hidden;
}

.singleProduct__quantityCounter>button {
  display: inline-block;
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 0.25rem;
  outline: none;
  padding: 0.5rem 0.75rem;
}

.singleProduct__quantityCounter>button:active {
  box-shadow: 0px 0px 10px 1px #00000020;
}

.singleProduct__quantityCounter>input {
  width: 30px;
  text-align: center;

  border: none;
  border-radius: 0.25rem;
}

.singleProduct__quantityCounter>input::-webkit-outer-spin-button,
.singleProduct__quantityCounter>input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.singleProduct__quantityCounter>input[type="number"] {
  -moz-appearance: textfield;
}

.singleProduct__quantity>div>.themeBtn {
  flex: 0.6;
}

.singleProduct__quantity>.themeBtn {
  width: 100%;
  color: #000;
  background: transparent;
  border: 1px solid #00000020;
  margin: 1rem 0px;
}

.singleProduct__quantity>ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  font-size: 14px;
}

.singleProduct__quantity>ul a:hover {
  color: var(--color-primary);
}

.singleProduct__quantity>ul a {
  color: inherit;
}

.singleProduct__social {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}

.singleProduct__social a {
  display: inline-block;
  color: #000;
  font-size: 20px;
  padding: 0.25rem;
  margin: 1rem 1.5rem;
  margin-left: 0;
  background: #fff;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .5s;
  transform: scale(1);
}

.singleProduct__social a:hover {
  transform: scale(1.1);
  box-shadow: 0 0 15px #ccc;
}

.myaccordion {
  width: 100%;

  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
  border: none;
}

.myaccordion .card-header {
  border-bottom-color: #acacac;
  background: transparent;
}

.myaccordion .fa-stack {
  font-size: 18px;
}

.myaccordion .btn {
  width: 100%;
  font-weight: 400;
  color: #000;
  padding: 0;
  text-transform: uppercase;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}

.myaccordion li+li {
  margin-top: 10px;
}

.singleProduct__pictures .slick-slide img {
  margin-bottom: 1rem;
  border: 1px solid #1e1e1e;
  padding: 1rem;
}
.singleProduct__img .slick-track img {
  height: 720px;
  object-fit: contain;
}
.singleProduct__pictures {
  padding: 0;
}
/* shop detail  end*/
.cart-items-box .cart-items-content.order-summary {
    text-align: center;
}

.cart-items-box .cart-items-content.order-summary p {
    font-size: 14px;
    color: #828282;
}
.product-category-section .Post-img {
  margin-bottom: 30px;
}
.product-category-section  .absulte-content.Post-content {
  position: absolute;
  bottom: 80px;
  left: 20px;
  z-index: 99;
}

.product-detail img.bg-img {
  height: 550px !important;
}

.single-product-size ul {
  padding: 0;
  font-size: 22px;
  display: flex;
  gap: 10px;
}

.single-product-size ul li {border: 1px solid;width: 50px;height: 50px;line-height: 50px;text-align: center;}

.single-product-size ul li.active {
    background: #fff;
    color: #000;
}

.singleProduct__quantity .skin-1 .num-in span {
  width: 40px;
  height: 34px;
}

.singleProduct__quantity .skin-1 .num-in {
  border: 1px solid;
}
.singleProduct__quantity .skin-1 .num-in input {font-size: 16px;}
.singleProduct__colors>ul>li img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  border: 1px solid #1e1e1e;
  padding: 1rem;
}

.currency_sign {
  display: inline-block;
}

.currency_amount {
  display: inline-block;
}

.single-product-pro ul li {
    border: 1px solid;
    width: 53px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.single-product-pro ul li.active {
    background: #fff;
    color: #000;
}

.single-product-pro ul {
  padding: 0;
  font-size: 15px;
  display: flex;
  gap: 10px;
}