body,html {
  width: 100%;
  height: 100%;
  color: var(--text-color-primary-bg);
  font-size: 12px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}

#inputMobile {
  direction: ltr;
}

.w-img img {
  width: 100%;
}

.box-1-1 .content {
  position:relative;
}


::selection{background: var(--primary-color); color: var(--text-color-primary-bg);};

.customModal {
  z-index:9999;
}

.account-content .empty {
  font-weight:600;
  text-align:center;
}

.loyalty_button_footer {
  z-index:300!important;
}

.loyalty_footer_btn {
  color:#fff!important;
  position: fixed!important;
  bottom: 15px!important;
  left:15px!important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  font-weight:700!important;
  gap:5px!important;
}

.loyalty-rewards-popup {
  z-index: 9999!important;
}

.loyalty-rewards-popup__rewards_row {
  margin-top: 30px!important;
  border-radius: 15px!important;
  border: 2px solid #f9f9f9!important;
}

.loyalty-points-section {
  border: 1px solid #f8f8f8!important;
  border-radius: 15px!important;
  padding: 10px 15px!important;
}

.loyalty-points-section .loyalty-points-redemption-form select {
  border:1px solid #f8f8f8!important;
}

.loyalty-points-section .loyalty-points__info {
  margin-bottom:30px!important;
}

.loyalty-points-section .loyalty-points-redemption-form select, .loyalty-points-section .loyalty-points-redemption-form button {
  height:45px!important;
  border-radius:15px!important;
}

.loyalty-points-products-section {
  margin-bottom:15px!important;
  border:1px solid #f0f0f0!important;
  border-radius:15px!important;
  margin-top:0!important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.loyalty-points-products-section .loyalty-points-rewards-logo {
  width:30px!important;
}


body {
  overflow-x: hidden
}

.overflowH {
  overflow: hidden
}

.card {
  border-radius:10px;
  overflow:hidden;
}

/* width */
*::-webkit-scrollbar {width: 6px}
/* Track */
*::-webkit-scrollbar-track {background: transparent}
/* Handle */
*::-webkit-scrollbar-thumb {background: var(--primary-color)}
/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {background: var(--primary-color)}

a {
  transition: all .3s ease 0s;
  color: var(--text-color-primary-bg);
  text-decoration: none
}

.pswp__button--arrow--right,.pswp__button--arrow--left {
  background: 100% 0!important
}

.dropdown-menu {
  top: 100%!important;
  left: 0;
  right: unset!important;
  transform: none!important;
  text-align: left
}

.row.row-reverse {
  flex-direction: row-reverse
}

.account-content {
  padding:70px 0;
}

.profilePage .account-content{
  padding:0;
}

.form-control {
  border: 1px solid #f0f0f0;
  border-radius: 0;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 45px;
  border-radius:10px;
}

a:hover {
  text-decoration: none
}

.header {
  position: relative
}

.slickNext,.slickPrev {
  transition: all .3s ease 0s
}

.app {
  width: 100%;
  min-height: 100%
}

.fixedHeader.sticky {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%
}

.app-content-padded {
  padding-top: 70px
}

button.more-button,a.more-button {
  display: inline-block;
  position: relative;
  z-index: 1;
  border: 1px solid var(--primary-color);
  background-color: transparent;
  padding: 0 25px;
  min-width: 200px;
  height: 50px;
  color: var(--primary-color);
  font-weight: 600;
  font-size: 16px;
  border-radius:30px;
  line-height: 50px
}

button.more-button:hover,
a.more-button:hover {
  background-color: var(--primary-color);
  color: var(--white-color)
}

.row-slide {
  overflow-x: hidden;
  scroll-behavior: smooth
}

.main-navigation {
  background-color: #dedede
}

.navbar-items {
  padding: 15px;
  font-weight: var(--font-weight-sizeOne);
  font-size: 15px
}

.navbar-items .nav-item .nav-link {
  margin-right: 30px;
  color: #6b6b6b
}

.slider .carousel-inner .overlay {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: var(--text-color-primary-bg);
  width: 100%;
  height: 100%
}

.slider .carousel-item {
  background-size: cover
}

.slider .carousel-indicators li {
  cursor: pointer;
  border-radius: 50%;
  height: 8px;
  color: var(--text-color-primary-bg)
}

.ParentMainSlider .container.mainContainer {
  max-width:1500px;
}

.main-slider {
  box-sizing: content-box;
  width: 100%
}


.main-slider img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index:-3;
}

.main-slider .mobileImg {
  display: none!important
}

.main-slider .slideContent {
  display: flex;
  align-items: center;
  z-index: 2;
  padding: 50px 70px;
  width: 100%;
  height: 100vh;
  min-height: 700px;
  color: var(--white-color);
  text-align: left
}

@media(min-width:992px) {
  .container .main-slider .slideContent
  {
    height:auto;
    min-height:600px;
  } 
}

.main-slider .slideContent .container {
  display:flex;
  justify-content: space-between;
  align-items: center;
} 

.main-slider .slideContent .mask {
  width:400px;
  max-width:100%;
  position: relative;
  z-index:1;
  background-color:var(--white-color);
  border-radius: 35px;
  height:470px;
}

.main-slider .slideContent .mask:after {
  content:"";
  position:absolute;
  right: -5px;
  top: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background-color:var(--white-color);
  z-index:-1;
  border-radius: 40px;
  border: 2px dashed var(--primary-color);
  opacity: 0.3;
}


.main-slider .slideContent img {
  position: static;
  width: 100%;
  height: 100%;
  border: 3px solid var(--primary-color);
  border-radius: 35px;
  
}

.main-slider .title {
  margin-bottom: 30px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: 5rem!important;
  text-shadow: var(--primary-color) -3px 0
}

.main-slider .slideContent .content {
  position:relative;
  z-index:1;
}

.main-slider .content .count {
  margin-bottom:30px;
}

.main-slider .subtitle {
  margin-bottom: 15px;
  color: #000;
  font-weight: 500;
  font-size: 3.5rem!important;
  line-height: 80px;
  display:inline-block
}

.main-slider .subtitle:after,
.main-slider .subtitle:before{
  content:"";
  position:absolute;
  left:0;
  bottom:16px;
  height:35px;
  width:10px;
  z-index:-1;
  border-radius:20px;
   background-color:var(--primary-color);
  transform:rotate(-15deg);
  opacity:0.3;
  transition:all 0.3s;
}

.main-slider .subtitle:before {
  right:0;
  left:auto;
  transform:rotate(15deg);
}

.main-slider .label {
  padding:3px 10px;
  border-radius:30px;
  position:absolute;
  left:20px;
  top:15px;
  background:var(--primary-color);
}

.main-slider .count {
  position:absolute;
  top:0;
  right:20px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  width:100%;
  height:100%;
  z-index:1;
  align-items: end;
  justify-content: center;
}

.main-slider .count.center {
  align-items: center;
  justify-content: center;
  flex-direction: row;
  right:0;
}

.main-slider .count .countContent {
  background-color:rgba(0,0,0,.8);
  padding:10px;
  border-radius:5px;
  text-align:center;
  display:flex;
  gap:5px;
  flex-direction:column;
  min-width: 65px;
}

.main-slider .count.white .countContent
{
  background-color:rgba(255,255,255,.8);
  color:#000;
}

.main-slider .count .count-num {
  margin-bottom:0;
  font-size: 15px;
}

.main-slider .count .count-date {
  margin-bottom:0;
  font-size: 0.9rem;
}

.main-slider .sliderBtn {
  position: relative;
  transition: all .3s ease-in-out 0s;
  border: none;
  border-radius: 0;
  background: var(--white-color);
  padding: 7px 25px;
  min-width: 170px;
  max-width: 100%;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0;
  text-align: left;
  border-radius: 30px;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.main-slider .mask .sliderBtn
{
  position: absolute;
  bottom: 20px;
  left: 20px;
  height:40px;
  line-height:40px;
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
  min-width: 160px;
}

.main-slider .mask .sliderBtn i {
  top: 6px;
  right: 10px;
}

.main-slider .sliderBtn i {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 30px
}

.main-slider .sliderBtn i:before {
  content:"\e684"
}

.main-slider .slick-dots {
  bottom: 50px;
}

.main-slider .slick-dots li {
  width:auto;
  height:auto;
}

.main-slider .slick-dots li button {
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 5px;
  border: 2px dashed var(--primary-color);
}

.slick-dots li button:before {
  display:none;
}



.slick-dots li button {
  opacity: .7;
  transition: all .3s ease 0s;
  border-radius: 0;
  background-color: var(--white-color);
  width: 10px;
  height: 10px;
}

.animateIntro {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
  width: 100%;
  height: 100%
}

.animateIntro div {
  height:100%;
}

.main-slider .nextArrowSection, 
.main-slider .prevArrowSection {
  display: block;
  position: absolute;
  top: calc(50% - 22.5px);
  left: 20px;
  z-index: 1;
  cursor: pointer;
  background-color:var(--primary-color);
  color: var(--white-color);
  width: 45px;
  height: 45px;
  font-size: 23px;
  line-height: 33px;
  text-align: center;
  border-radius: 50%;
  border: 2px dashed var(--primary-color);
  background-clip: content-box;
  padding: 3px;
  transition: all .3s ease;
}

.main-slider .nextArrowSection {
  left: auto;
  right: 20px;
}

.main-slider .nextArrowSection:hover, 
.main-slider .prevArrowSection:hover
{
  color:var(--primary-color);
  background-color: var(--white-color);
}

.announcement-bar {
  position: relative;
  background: var(--primary-color);
  height: 50px;
  overflow: hidden
}

.announcement-bar .content {
  width: 100%;
  height: 100%;
  overflow: hidden
}

.availability-bar {
  background-color: #1f1f1f
}

.announcement-bar a {
  display: block;
  position: relative
}

.availability-bar .announcement-text,.announcement-bar .announcement-text {
  color: var(--white-color);
  font-size: 1.3rem;
  line-height: 26px;
  padding-right: 100px;
  padding-left: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.announcement-bar .close-announcement {
  position: absolute;
  top: 7px;
  right: 20px;
  transition: all .3s ease 0s;
  cursor: pointer;
  border-radius: 2px;
  padding-top: 0;
  width: 25px;
  height: 25px;
  color: var(--white-color);
  font-size: 22px;
  text-align: center;
  font-size: 37px;
  line-height: 37px;
}

.announcement-bar .slick-arrow {
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
  cursor: pointer;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .4);
  width: 35px;
  height: 35px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  z-index:99;
  transition: all .3s ease 0s;
}

.announcement-bar .slick-arrow.arrow-up {
  left:20px;
}

.announcement-bar .slick-arrow:hover {
  background-color: rgba(255,255,255,.7)
}

.account-lang-currency {
  border-bottom: .5px solid var(--header-border-color);
  padding: 15px 0
}

.language-currency {
  border: 1px solid var(--header-text-color-primary-bg);
  border-radius: 5px;
  background-color: transparent!important;
  max-height: 30px;
  overflow: hidden
}

.loginBtn {
  color: var(--header-text-color-primary-bg);
  font-weight: 700;
  font-size: 1.1rem;
  background:none;
  border:none;
  cursor:pointer;
  padding:0;
}

.mobileMenu .loginBtn {
  margin-top:20px;
  border-radius:30px;
  background-color:var(--primary-color);
  color:var(--white-color);
  padding:7px 15px;
}

.header-left {
  display: flex;
  top: 3px;
  flex-direction: row-reverse;
  gap: 12px;
  padding-top: 0;
  align-items: center;
}

.header-left .icons {
  display: flex;
  top: 3px;
  flex-direction: row-reverse;
  gap: 12px;
}

.profileMenu {
  position: absolute;
  bottom: calc(50% - 15px);
  right: 25px;
  flex-direction: row-reverse;
  gap: 15px;
  visibility: hidden;
  opacity: 0;
  transition: all .5s ease 0s;
}

.fixedHeader.sticky .profileMenu {
  right: 20px;
  visibility: visible;
  opacity: 1;
}

.profileMenu i,
.header-left i {
  color: #000;
  font-size: 21px
}

.profileMenu button,
.profileMenu a, 
.header-left button,
.header-left a {
  position: relative;
  cursor: pointer;
  outline: 0;
  border: 0;
  background: 100% 0;
  padding: 0;
  height: 30px;
  line-height: 36px;
}

.mini-cart button svg.cartIcon {
  width:25px;
  position: relative;
  top: -5px;
}


.mini-cart button svg.cartIcon path {
  stroke:transparent
}

.header-left button img {
    width: 24px;
    position: relative;
    top: -2px;
}


.mini-cart a.cart-toggle-btn {
  margin-top: 2px
}

.header .mini-cart .giftBox p {
  font-weight: 700
}

.header .mini-cart .giftBox .giftButton a {
  border-radius: 30px;
  background-color: var(--primary-color);
  padding: 0;
  width: 85px;
  height: 30px;
  color: var(--white-color)!important;
  font-weight: 600;
  line-height: 30px
}


.header-left .headerSearch button {
  cursor: pointer;
  margin-top: 1px
}

.header-left .headerSearch .form-group {
  display: flex;
}

.search-input-input {
  border-radius: 0;
  padding: 0 15px;
  height: 35px;
  width: 280px;
  border: none;
  box-shadow: none;
  background: var(--header-input-bg)!important;
  border-top-left-radius: 20px;
  min-height: auto;
  border-bottom-left-radius: 20px;
  /* border: none; */
}

.header-left .headerSearch .form-group .search-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 20px;
  line-height: 30px;
  background-color: var(--primary-color);
  padding: 0 15px;
  display: flex;
  align-items: center;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  height: 35px;
  margin: 0;
}

.header-left .headerSearch .form-group .search-btn i {
  font-size: 20px;
  color: var(--white-color);
}

.search-input-input::placeholder {
  color: var(--header-text-color-primary-bg);
  font-weight: 600
}

.autocomplete-items.active {
  visibility: visible;
  opacity: 1
}

.autocomplete-items {
  border-image: initial;
  background: var(--white-color);
  padding: 0;
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 1002;
  width: 100%;
  border-radius: 10px;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.04);
  max-height: 240px;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
}

.autocomplete-items a {
  padding: 0 15px;
  height: 35px;
  color: var(--text-color-primary-bg);
  height: 40px;
  line-height: 40px;
}

.autocomplete-items a:hover {
  padding-left: 20px;
  color: var(--primary-color)
}

.autocomplete-items div:not(:last-of-type) a {
  border-bottom: 1px solid #f0f0f0
}

.cart-items-counter {
  transform: translate(-5px,-5px);
  border: 1px solid #ab0000;
  border-radius: 50%;
  background-color: #ab0000;
  width: 17px;
  height: 17px;
  color: var(--white-color);
  font-size: .857rem;
  line-height: 16px
}

.cart-section .cart-icon-section {
  display: grid;
  gap: 15px
}

.cart-section .cart-icon-section * {
  grid-area: 1/1
}

.cart-total-price {
  color: var(--white-color);
  font-size: 1.286rem;
  line-height: 33px
}

.categories-list {
  overflow: scroll hidden;
  list-style: none;
  word-break: keep-all
}

.header .header-left,.header .account-area {
  position: relative;
  left: 0;
  visibility: visible;
  opacity: 1;
  transition: all .5s ease 0s
}

.header .header-left {
  right:0;
  left:unset;
}

.header.toggleIcons .header-left,.header.toggleIcons .account-area {
  left: -10px;
  visibility: hidden;
  opacity: 0
}

.header.toggleIcons .header-left {
  right: -10px;
  left: unset;
}

.fixedHeader {
  position: relative;
  z-index: 1000!important;
  transition: all .3s ease 0s;
  box-shadow: 0 6px 5px -3px rgba(0,0,0,.06);
  background-color: var(--header-primary-color);
  min-height: 70px
}

.fixedHeader .cartBox {
  padding: 0
}

.fixedHeader.sticky .cartBox {
  top: 100%
}

.header .giftBox.disabled {
  visibility: hidden!important;
  opacity: 0!important
}

.fixedHeader .cart-empty .cart-icon {
  display: block;
  margin-bottom: 10px
}

.fixedHeader .cart-empty h1 {
  margin-bottom: 0
}

.fixedHeader .container {
  transition: all .5s ease 0s
}

.fixedHeader.scrollUp {
  top: -80px;
  visibility: hidden;
  opacity: 0
}

.menu-header {
  background-color:var(--header-primary-color);
}

.menu-header .image-logo {
  padding: 0;
  max-width: 100%
}

.menu-header ul.main-nav {
  padding-right:70px;
  justify-content: initial!important
}

.menu-header ul.main-nav>li>a {
  display: block;
  transition: all .35s linear 0s;
  background: 100% 0;
  padding: 0 9px;
  color: var(--header-text-color-primary-bg);
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 70px;
}

.menu-header ul.main-nav>li>a:hover {
  color: var(--primary-color)
}

.menu-header ul.main-nav>li>a .fa-angle-down {
  position: relative;
  top: 1px;
  margin-left: 5px;
  font-size: 17px
}

.ic.menu {
  display: none
}

ul.main-nav {
  display: block;
  position: relative
}

ul.main-nav>li>div.sub-menu-block {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  transform: rotateX(90deg);
  transform-origin: center top;
  visibility: hidden;
  opacity: 0;
  z-index: 3;
  transition: all .4s ease 0s;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: rgba(0,0,0,.06) 0 6px 7px 0;
  background-color: #f9f9f9;
  width: auto;
  color: var(--header-text-color-primary-bg);
  font-size: 16px
}

ul.main-nav>li>div.sub-menu-block a {
  display: block;
  padding: 0 15px;
  padding-right: 50px;
  width: max-content;
  height: 45px;
  color: var(--header-text-color-primary-bg);
  font-weight: 500;
  font-size: 1.16rem;
  line-height: 44px;
  position: relative;
  overflow: hidden;
  max-width: none;
  min-width: 100%;
}

ul.main-nav>li:not(:last-of-type)>div.sub-menu-block a {
  border-bottom: 1px solid #f9f9f9
}

ul.main-nav>li:hover>div.sub-menu-block {
  transform: rotateX(0deg);
  visibility: visible;
  opacity: 1;
  background-color: var(--white-color)
}

ul.main-nav>li>div.sub-menu-block * {
  transition-duration: .4s;
  transition-property: all;
  margin: 0
}

.categories-list li.menu {
  padding: 10px 40px;
  color: var(--white-color);
  font-size: 1.286rem;
  white-space: nowrap
}


.header .langCurrecyModal i {
  display: inline-block;
  transition: all .5s ease 0s
}

.giftStyle .giftIcon svg path {
  stroke: var(--primary-color)
}

.giftBox {
  position: absolute;
  top: 36px;
  right: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1001;
  transition: all .3s ease 0s;
  box-shadow: rgba(0,0,0,.06) 0 0 6px 3px;
  border-top: none;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-image: initial;
  background: var(--white-color);
  border-radius: 15px;
  color: var(--header-text-color-primary-bg)
}

.form-icon {
  position: absolute;
  z-index: 5;
  padding: 1.25rem;
  pointer-events: none;
  color: var(--secondary-color-alt1);
  font-size: 1.5rem
}

.form-input {
  position: relative;
  z-index: 3;
  height: 3.833rem
}

.input-group {
  width: 600px;
  max-width:100%;
}

.cart-items {
  width: 400px
}

.cart-title {
  padding: 10px;
  color: var(--primary-color);
  text-align: left
}

.cart-content {
  margin: 10px;
  border: 1px solid;
  border-radius: 5px;
  padding: 10px
}

.cart-content p {
  font-size: 1rem;
  text-decoration: underline
}

.cart-content .cart-price {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1.167rem
}

.cart-show {
  color: var(--primary-color);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.333rem;
  text-align: center
}

.footer-horizontal-line {
  margin-top: 100px;
  border-top: 0.5px solid var(--footer-text-color-primary-bg,var(--text-color-primary-bg))
}

.store-section img {
  display: block;
  margin-bottom: 20px;
  width: 140px
}

.store-section .footer-about-us-div h1 {
  margin-top: 0;
}

.store-section h1 {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  padding-bottom:20px;
  font-weight: 600;
  font-size: 1.5rem
}

.store-section h1:after {
  content: "";
  width: 30px;
  height: 2px;
  background: var(--primary-color);
  position:absolute;
  left:0;
  bottom: 0px;
}

.store-section h1:before {
  content: "";
  width: 20px;
  height:2px;
  background: var(--primary-color);
  position:absolute;
  left:0;
  bottom:-5px;
}

.store-section p {
  margin-bottom: 20px;
  max-width: 302px
}

.store-section .contactFooter {
  position: relative;
  margin-bottom: 15px;
  border-radius: 5px;
  background: #ffffff0a;
  transition: all .3s ease;
}

.store-section .contactFooter.address,
.store-section .contactFooter a{
  padding: 10px 7px 10px 33px;
}

.store-section .contactFooter:hover {
  background-color:#ffffff0f;
}


.store-section .contactFooter i {
  position: absolute;
  top: 11px;
  left: 7px;
  width: 20px;
  color: var(--primary-color);
  font-size: 18px;
  text-align: center
}

.store-section .contactFooter i.fa-map-marker {
  top: 11px;
  font-size: 22px
}

.store-section .contactFooter i.fa-mobile {
  top: 8px;
  font-size: 22px
}

.store-section .contactFooter i.fa-envelope-o {
  top: 11px;
  font-size: 16px
}



.store-section .contactFooter a {
  display: inline-block;
  font-weight: 600;
  direction: ltr;
  display:block;
}

.store-section a {
  cursor: pointer;
  color: var(--footer-links-color);
  font-size: 1.1rem;
  text-decoration: none;
  display:block;
}

.footer .links a {
  padding-left: 17px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

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

.footer .links a:after {
  content: "\f101";
  font: normal normal normal 14px / 1 FontAwesome;
  position: absolute;
  left: 0;
  top: 2px;
  color: var(--primary-color);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer .links a:hover:after {
  left: 5px;
  color: var(--primary-color);
}

.footer-section-2 {
  padding-top: 50px
}

.subscribe-bar {
  border: 1px solid #ddd7d7;
  border-radius: 5px;
  background: var(--primary-color);
  width: 100%;
  max-width: 490px
}

#subscribe-input {
  border: none;
  border-radius: 5px;
  background: var(--primary-color);
  padding: 5px;
  height: 60px;
  color: var(--white-color)
}

#subscribe-input:focus {
  outline: none
}

.subscribe-bar button {
  border-radius: 5px;
  background: var(--white-color)!important;
  width: 70px;
  height: 30px;
  color: var(--primary-color)
}

.footer {
  background: var(--footer-primary-color);
  color: var(--footer-text-color-primary-bg);
  position: relative;
  overflow:hidden;
  z-index:1;
  padding:0 15px;
}

.footer .waves {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  z-index: 5;
  transform: rotateY(-180deg);
  transform: rotate(-180deg);
}

.footer .waves svg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:120px;
	z-index: 5
}

.footer .waves .rotateSvg {
  	transform:rotateY(-180deg);
  	-webkit-transform:rotateY(-180deg);
  	-moz-transform:rotateY(-180deg);
  	-o-transform:rotateY(-180deg);
  	-ms-transform:rotateY(-180deg);
    opacity: 0.4;
}

.footer-store-section {
  padding-top: 140px;
  padding-bottom: 30px;
}

.footer-store-section .container {
  padding:0;
}

.footer-store-section-bars {
  border: none;
  padding: 10px 0 15px
}

.footer .icons a,.footer .logistics-pay-icons a {
  padding: 5px 8px
}

.vat-crn-sections span {
  font-size: 1.1rem
}

.vat-crn-sections div {
  margin-right: 15px
}

.footer-title {
  color: #6b6b6b;
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.16667rem
}

.footer-text {
  padding-left: 0;
  list-style-type: none
}

.footer-text a {
  color: #6b6b6b;
  font-weight: var(--font-weight-sizeOne);
  font-size: 14px
}

.footer-sub-text {
  padding: 10px 10px 10px 0;
  color: #6b6b6b;
  font-weight: var(--font-weight-sizeOne);
  font-size: 14px
}

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

.gallery .video {
  margin-top: 83px;
  position:relative;
}

.video .fa-play-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  color: var(--white-color);
  z-index: 1;
  cursor: pointer;
}

.video .fa-play-circle:after {
  content:"";
  position:absolute;
  width:30px;
  height:30px;
  z-index:-1;
  background-color:#fff;
  left:10px;
  bottom:10px;
  border-radius:50%
}

.product-images-carousel-thumbs .video .fa-play-circle {
  font-size:30px;
  pointer-events:none;
}

.product-images-carousel-thumbs .video .fa-play-circle:after {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  z-index: -1;
  background-color: #fff;
  left: 3px;
  bottom: 4px;
  border-radius: 50%;
}

.gallery .video iframe {
  height:300px;
  border:none;
}

.category-section {
  background-color: #363636
}

.category-image h3 {
  padding-top: 10px;
  color: var(--white-color);
  font-weight: 500;
  font-size: 18px;
  text-align: center
}

.products-slider .nextArrowSection,
.products-slider .prevArrowSection {
  position: absolute;
  bottom: calc(50% - 20px);
  right: -40px;
  z-index: 1;
  cursor: pointer;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  background-color: var(--primary-color);
  padding: 0;
  width: 35px;
  height: 35px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 33px;
  text-align: center;
}

.container-fluid .products-slider .nextArrowSection {
  right:0px;
}

.container-fluid .products-slider .prevArrowSection {
  left:0px;
  right:unset;
}

.products-slider .prevArrowSection {
  left: -40px;
  right:unset;
}

.product-title {
  color: #363636;
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 48px
}

.sub-title {
  padding: 15px;
  color: #494949;
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 16px
}

.image-gallery {
  margin: 20px
}

.testimonials-customer-card {
  position: relative;
  margin: 10px 15px 8px;
  outline: none;
  box-shadow: rgba(0,0,0,.07) 0 0 15px 0;
  border-radius: 8px;
  background-color: var(--white-color);
  padding: 20px;
  width: auto;
  min-width: 0;
  min-height: 140px;
  overflow-wrap: break-word
}


.testimonials-customer-icon {
  color: var(--secondary-color-alt9);
  font-size: 45px;
  line-height: initial
}

.testimonials-customer-name {
  margin-top: 9px;
  margin-bottom: 9px;
  margin-right: 6px;
  font-size: 16px
}

.testimonials-customer-date {
  margin-top: 9px;
  margin-right: auto
}

.products-slider .prod-col {
  padding:0 15px;
}

.home-products-section.style2 .products-slider,.home-products-section.style3 .products-slider {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  row-gap: 30px;
}

.style2 .products-slider .prod-col {
  width: 33.33333%;
}

.home-products-section.style3 .prod-col {
  width: 50%;
  overflow: hidden;
}


.home-products-section.style3 .prod-col .product-item .content {
  display: flex;
  position: absolute;
  top: 0;
  right: -1px;
  flex-direction: column;
  justify-content: center;
  align-items: right;
  border-left: 1px solid #f8f8f8;
  padding: 15px;
  width: 50%;
  height: 100%;
  min-height: 133px;
  text-align: left
}

.home-products-section.style3 .product-item .mask {
  width:50%;
}


.products-slider .prod-col .product-item {
  border:1px solid #f0f0f0;
  border-radius:15px;
  overflow:hidden;
  position:relative;
  height:100%;
  display: flex;
  flex-direction: column;
}

.partners-item {
  margin: 10px 15px
}

.partners-slider.slick-slider .slick-track {
  display: flex
}

.partners-slider .slick-track .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  background-color:var(--white-color);
  border-radius:15px;
  padding:15px;
  border:1px solid #f0f0f0;
  transition: all .3s ease 0s;
}

.partners-slider .slick-track .slick-slide:hover {
  border:1px solid var(--primary-color);
}

.product-item .mask {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  border-bottom:1px solid #f0f0f0;
}

.product-item .mask.no-image {
  display: flex;
  align-items: center;
  justify-content: center
}

.product-item .mask .product-card-bundle-offer.bundle-offer-product-tag {
  display: block
}

.product-item .mask .imagesSlider .slickPrev,.product-item .mask .imagesSlider .slickNext {
  position: absolute;
  top: calc(50% - 17.5px);
  left: 10px;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border-radius: 50%;
  background-color: var(--white-color);
  width: 35px;
  height: 35px;
  color: var(--text-color-primary-bg);
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  border:1px solid #f0f0f0
}

.testimonials-slider .slick-dots li button,.testimonials-slider .slick-dots li button::before {
  margin: 0 auto;
  font-size: 0
}

.testimonials-slider .slick-dots li:hover button,.testimonials-slider .slick-dots li.slick-active button {
  background: var(--primary-color)
}

.product-item:hover .mask .imagesSlider .slickPrev,.product-item:hover .mask .imagesSlider .slickNext {
  opacity: .5
}

.product-item .mask .imagesSlider .slickNext {
  left: auto;
  right: 10px
}

.product-item .mask .image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.product-item .mask .labels {
  /* position: absolute; */
  top: 20px;
  right: 0;
  z-index: 1;
  text-align: right
}

.prodImages .out-of-stock-label {
  background-color: #f8d7da;
  color: #721c24;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  left: 15px;
  top: 15px;
  z-index:9;
}


.product-item .mask .labels .out-of-stock-label {
    padding: 10px 20px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    transform: rotate(-30deg);
    background-color: rgba(255, 255, 255, .7);
    position: absolute;
    right: calc(50% - 120px);
    top: calc(50% - 40px);
    z-index: 1;
    font-weight: 700;
    backdrop-filter: blur(1px);
    color: var(--text-color-primary-bg);
    text-align: center;
}

.product-item .mask .labels .product-discount {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 51px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  background: var(--primary-color);
  text-align: center;
  direction: ltr;
  color: var(--white-color);
  z-index: 2;
  transform: rotate(45deg);
  transition: all .3s ease;
  box-shadow: rgb(255,255,255,0.7) 0px 0px 10px 2px
}

.product-item:hover .mask .labels .product-discount {
  transform: rotate(0deg)
}

.product-item .mask .optionsRepleat {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
  display: flex;
  direction: rtl;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  width:100%;
  white-space:nowrap;
  gap:15px;
  overflow:hidden;
} 

.product-item .mask .optionsRepleat.disableAnimate {
  display:block;
  white-space:normal;
  mask-image: none;
  top:0;
  padding:0 15px;
}

.product-item .mask .optionsRepleat.disableAnimate .options:last-child {
  display:none;
}

.product-item .mask .optionsRepleat.disableAnimate .options {
  animation: none;
  flex-direction: column;
  align-items: start;
  width:100%;
  gap:5px;
  display:flex;
  overflow:hidden;
}

.product-item .mask .options {
  padding: 15px 0;
  flex-shrink: 0;
  min-width: 100%;
  display:table;
  animation: move 5s linear infinite;
  -webkit-animation: move 5s linear infinite;
  animation-direction: reverse;
}

/* .product-item:hover .mask .options
{
  animation-play-state: paused;
} */

@keyframes move {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(calc(-100% - 15px))
  }
}

.product-item .mask .options small {
  display: inline-block;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all .3s ease 0s;
  border-radius: 10px;
  background-color: var(--primary-color);
  padding: 4px 15px;
  color: var(--white-color);
  font-size: 10px;
  margin:0 7.5px;
}

.product-item .mask .optionsRepleat.disableAnimate .options small {
  left:-100%;
  right:unset;
  transition: all .5s ease 0s;
  opacity:0;
}

.product-item .mask .optionsRepleat.disableAnimate .options small:nth-of-type(even) {
  transition: all .3s ease 0s;
}

.product-item:hover .mask .optionsRepleat.disableAnimate .options small
{
  left:0;
  right:unset;
  opacity:1;
}

.product-item .mask .options .product-card-bundle-offer {
  /* display: inline-block;
  transition: all .3s ease 0s;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #f25f5f;
  padding: 0 10px;
  height: 25px;
  color: var(--white-color);
  font-weight: 600;
  font-size: 10px;
  z-index: 1;
  line-height: 25px;
  display: none */
  display: none
}

.product-item .count
{
  display: flex;
  gap: 10px;
  flex-direction: row;
  z-index: 9;
  width: 100%;
  justify-content: space-around;
  padding: 0 15px;
}

.product-item .mask .count {
  position: absolute;
  bottom: 21px;
  left: 0;
}

.product-item .content .count
{
  padding: 0;
}
.product-item .count .countContent {
  padding: 5px 5px 7px;
  border-radius: 5px;
  text-align: center;
  display: flex;
  gap: 2px;
  flex-direction: column;
  color: var(--text-color-primary-bg);
  border: 1px solid #f0f0f0;
  background-color: var(--white-color);
  height: 55px;
  width: 100%;
}

.product-item .count .countContent h5 {
  font-size:11px;
  margin:0;
}

.product-item .count .countContent p {
  font-size:14px;
  margin:0;
}

.product-item .content {
  padding: 15px;
  position:relative;
  z-index:1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height:180px;
}

.product-item .content .add-to-wishlist {
  position: absolute;
  right: 10px;
  top: -16px;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}


.product-item .content .add-to-wishlist button,
.product-item .content .add-to-wishlist a,
.add-to-wishlist .loader {
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #f0f0f0;
  background: var(--white-color);
  font-size: 13px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  overflow:hidden;
  color:#d3d3d3;
  position: relative;
}

.product-item .content .add-to-wishlist .loader,
.product-item .content .add-to-wishlist button.filled,
.product-item .content .add-to-wishlist a.filled {
  background: var(--primary-color);
  color: var(--white-color);
  border-color: var(--primary-color);
}

.home-products-section.style3 .product-item .content .add-to-wishlist
{
  top:auto;
  bottom:15px;
  right:15px;
}

.home-products-section.style3 .product-item .mask {
  border-bottom:none;
}

.product-item .content .title {
  margin-bottom: 5px;
  max-width: 100%;
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-item .content .title a:hover {
  color: var(--primary-color)
}

.product-item .content .title .product-crd-spec {
  flex-grow:2
}

.product-item .content .rating-wrapper {
  display: flex;
  margin-bottom: 5px
}

.product-item .content .rating-wrapper .rating-count {
  display: inline-block;
  margin-top: -2px;
  margin-left: 5px;
  color: #b9b9b9
}


.product-item .content .addCart {
  align-items: center;
  gap: 5px;
  z-index: 1;
  transition: all .3s ease 0s;
  padding-top:10px;
  align-self: normal;
  /* flex-grow: 2; */
}

.product-item .content .addCart .btn-product-card {
  transition: all .3s ease 0s;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  color: var(--white-color);
  font-size: 15px;
  text-align: center;
  padding: 0 15px;
  background-color: var(--primary-color);
  height: 45px;
  gap:5px;
  line-height: 45px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media(max-width:480px) {
  .product-item .content .addCart .btn-product-card {
    font-size:13px;
    padding:0;
  }
}

.product-item .content .addCart.disabled .btn-product-card
{
  background-color: #f0f0f0;
  color:#000;
  pointer-events: none;
}

.product-item .content .addCart.disabled .btn-product-card svg {
  fill:#000;
}

.product-item .content .addCart .btn-product-card svg {
  fill:var(--white-color);
  width:22px;
  position:relative;
  top:-1px;
}

.price {
  margin-bottom: 6px
}

.price .salePrice {
  color: var(--primary-color);
  font-weight: 700;
  font-size: 15px
}

.price .oldPrice {
  color: #d6d6d6;
  font-size: 11px;
  text-decoration: line-through
}

.availability-bar .ab-close,.announcement-bar .ab-close {
  position: absolute;
  top: 10px;
  left: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  font-weight: 700;
  font-size: 16px
}

.availability-bar .ab-close {
  color: #97564c
}

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

.social-icons span {
  position: relative;
  z-index: 1;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  background: var(--primary-color);
  padding: 5px;
  width: 35px;
  height: 35px;
  overflow: hidden;
  color: var(--white-color);
  font-size: 16px;
  border-radius:5px;
}

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

.social-icons a {
  margin: 0 4.5px
}

.cart-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  transition: all .5s ease 0s;
  background: var(--white-color);
  width: 0;
  height: 100%
}

.cart-sidebar-header {
  color: var(--primary-color);
  font-size: 2.25rem
}

.empty-cart-title {
  color: #494949;
  font-size: 1.285rem
}

.cart-item {
  justify-content: space-around;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 8px 0
}

.cart-item-img {
  background: #585858;
  width: 46px;
  height: 46px
}

div.light nav {
  background-color: var(--secondary-color-alt1)
}

.main-nav-wrapper {
  height: 41px;
  overflow: hidden scroll;
  scrollbar-width: none
}

ul.main-nav {
  margin: 0;
  padding: 0;
  max-width: 100%;
  font-size: 0;
  list-style-type: none
}

ul.main-nav>li {
  display: inline-block;
  position: relative;
  padding: 0
}

ul.main-nav>li ul.sub-menu-lists {
  display: block;
  position: absolute;
  top: 0;
  left: calc(100% + 5px);
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease 0s;
  margin: 0;
  box-shadow: rgba(0,0,0,.06) 0 6px 7px 0;
  background: var(--white-color);
  padding: 0;
  width: auto;
  height: auto;
  list-style-type: none
}

.fixedHeader.sticky .profileMenu .giftIcon:hover ~ .giftBox,
.fixedHeader .profileMenu .giftBox:hover,
.giftStyle .giftIcon:hover ~ .giftBox,
.giftStyle .giftBox:hover,
ul.main-nav > li .sub-menu-head:hover .sub-menu-lists,
ul.main-nav > li ul.sub-menu-lists:hover {
  visibility: visible;
  opacity: 1;
}


.sub-menu-head a::after {
  speak: none;
  display: inline;
  position: absolute;
  top: 13px;
  right: 7px;
  content: "\e684";
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: normal;
  font-family: pe-icon-7-stroke
}

.banners-area {
  margin-top: 1.16667rem;
  padding-top: 15px
}

.cards-wrapper {
  display: flex;
  justify-content: center
}

.card img {
  max-width: 100%;
  max-height: 100%
}

.card-slider {
  margin: 0 .5em;
  border: none;
  border-radius: 0
}

.card-img-top {
  margin-left: -15px;
  width: 100%
}

.star-rate {
  margin-left: 5px
}

.carousel-control-prev,.carousel-control-next {
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #e1e1e1;
  width: 5vh;
  height: 5vh
}

.card-title {
  color: var(--secondary-color-alt3);
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.333rem
}

.card-price {
  color: var(--primary-color);
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.333rem
}

.card-text {
  color: var(--secondary-color-alt6);
  font-weight: var(--font-wieght-sizeOne);
  font-size: 1.333rem
}

.filter-allResult {
  margin-left: 200px;
  color: var(--secondary-color-alt3);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.167rem
}

.btn-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 42px;
  transition: all .3s;
  cursor: pointer;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  background-color: var(--white-color);
  padding: 10px 15px
}

.btn-filter svg {
  fill: #cbcbcb
}

.btn-filter:hover,.btn-filter.active {
  border-color: var(--primary-color)
}

.btn-filter.active svg {
  fill: var(--primary-color)
}

.count-products {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 13px
}

.products-filter .count-products .cols {
  display: flex
}

.products-filter .count-products .cols button {
  cursor: pointer;
  margin-right: 5px;
  padding: 10px 0;
  width: 40px
}

.products-filter .count-products .cols .threeCol svg {
  position: relative;
  top: 2px
}

.dropdown-menu {
  border: 1px solid #f0f0f0;
  border-radius: 0
}

.dropdown-orderEvent {
  display: inline-block;
  position: relative;
  margin-left: 20px;
  border: .5px solid var(--secondary-color-alt4);
  border-radius: 5px;
  background-color: var(--white-color)
}

.dd-input:checked+.order-menu {
  display: block;
  width: 110px
}

.modal .modal-body {
  border-radius: 0;
  padding: 20px
}

.modal-header .close {
  left: auto;
  right: 20px
}

.btn-cancel {
  margin-right: 10px;
  border-color: var(--secondary-color-alt7);
  background-color: transparent;
  padding: 5px 20px
}

.btn-save {
  background-color: var(--primary-color);
  padding: 5px 20px;
  color: var(--white-color)
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  border-radius: 50%;
  background-image: initial;
  background-position: initial;
  background-size: initial;
  background-repeat: initial;
  background-origin: initial;
  background-clip: initial;
  background-attachment: initial;
  background-color: var(--primary-color);
  color: #454545;
  font-weight: 400
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  background-color: var(--primary-color);
  height: 100%
}

.icon-404 {
  font-size: 288px
}

.four-title {
  color: var(--black-color);
  font-weight: var(--font-weight-sizeOne);
  font-size: 5.167rem
}

.card-accordion {
  display: flex;
  position: relative;
  flex-direction: column;
  margin-bottom: 20px;
  border: none;
  background-clip: border-box;
  background-color: var(--white-color);
  min-width: 0;
  overflow-wrap: break-word
}

.icon-expand_more1::before {
  content: ""
}

.faqs-title {
  color: var(--primary-color);
  font-size: 1.833rem
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 1px solid var(--primary-color);
  border-left: 0;
  border-bottom: 0;
  border-right: 0;
  border-image: initial
}

.blog-title h1 {
  color: var(--primary-color);
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 2.833rem
}

.blog-text p {
  color: var(--secondary-color-alt11);
  font-weight: var(--font-wieght-sizeOne);
  font-size: 1.167rem
}

.blog-text>* {
  max-width: 100%;
  overflow-wrap: break-word
}

.shipping-nav {
  background-color: var(--secondary-color-alt4);
  padding: 5px
}

.shipping-nav-title {
  color: var(--primary-color);
  font-weight: var(--font-wieght-sizeOne);
  font-size: 1.167rem
}

.shipping-tabs {
  background-color: var(--sub-primary-color)
}

.shipping-payment {
  margin: auto
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
  border-radius: 10px;
  background: rgba(255,255,255,.3)!important;
  width: 334px;
  height: 117px;
  color: var(--white-color)
}

.shipping-tabs a {
  color: var(--white-color)
}

.bank-account-tab {
  margin: 10px 20px;
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.333rem
}

.bank-account-sub-title {
  margin-left: 60px;
  font-size: 1rem
}

.icon-local_shipping,.icon-payments_black,.icon-account_balance {
  margin-top: 5px;
  font-size: 40px
}

.container-mobile {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.card-mobile {
  background-color: var(--sub-primary-color);
  padding: 10px 30px;
  color: var(--white-color)
}

#accordion-mobile {
  margin-top: 10px;
  margin-left: 60px;
  color: var(--white-color)
}

.checkbox-label {
  color: var(--secondary-color-alt10);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.333rem
}

.checkbox-extra {
  margin-top: 3px;
  margin-left: 50px;
  color: var(--primary-color);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.167rem
}

.card-tard-icon {
  margin-left: 1.25rem
}

.shipping-section-title {
  color: var(--sub-primary-color);
  font-weight: var(--font-wieght-sizeOne);
  font-size: 1.333rem
}

.btn-primary {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--text-color-primary-bg)
}

.btn-primary.disabled,.btn-primary:disabled {
  border-color: #ccc;
  background-color: #ccc
}

.form-control:focus {
  box-shadow: none!important;
  border-color: #ccc
}

.btn-primary:focus,.btn-primary.focus.btn-primary:focus,.btn-primary.focus,.btn-outline-primary:focus,.btn-outline-primary.focus {
  box-shadow: none!important
}

.btn-outline-primary {
  border-color: var(--primary-color);
  color: var(--primary-color)
}

.btn-outline-primary:hover {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--white-color)
}

.div-dropdown label {
  display: block;
  color: var(--primary-color)
}

.div-dropdown select {
  display: block;
  appearance: none;
  border-color: #ccc;
  border-radius: 3px;
  padding: 10px 5px;
  width: 100%
}

.div-dropdown>div.form-group>div::after {
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #ccc;
  padding: 5px 8px;
  width: 40px;
  height: 40px;
  pointer-events: none;
  content: "";
  color: var(--text-color-primary-bg);
  font-size: 20px
}

.row-language-currency {
  margin-left: -7.5px;
  margin-right: -7.5px
}

.row-language-currency>div {
  padding-left: 7.5px;
  padding-right: 7.5px;
  width: 50%
}

#langCurrecyModal .modal-content {
  border-radius:20px;
}

#langCurrecyModal button {
  padding: 5px 25px;
  font-size: 1.1rem
}

#langCurrecyModal .close {
  position: absolute;
  top: 10px;
  left: 4px;
  width: 44px;
  height: 22px
}

.theme-bg-primary {
  background-color: var(--primary-color)
}

.theme-bg-primary-dark-1 {
  filter: brightness(80%);
  background-color: var(--header-primary-color,var(--primary-color))
}

.footer-theme-bg-primary-dark-1 {
  filter: brightness(80%);
  background-color: var(--footer-primary-color,var(--primary-color))
}

.theme-bg-primary-dark-2 {
  filter: brightness(120%);
  background-color: var(--header-primary-color,var(--primary-color));
  color: var(--white-color)
}

.theme-title-primary {
  color: var(--primary-color)!important
}

.theme-border-primary {
  border-color: var(--primary-color)!important
}

.header-theme-text-primary {
  color: var(--header-primary-color,var(--primary-color))
}

.menu-header-theme-bg-primary {
  filter: var(--header-primary-brightness);
  background-color: var(--menu-header-primary-color,var(--primary-color))
}

.menu-header-theme-bg-primary-brightness-100 {
  filter: brightness(100%)
}

.menu-header-theme-text-primary {
  color: var(--menu-header-primary-color,var(--primary-color))
}

.menu-header-theme-text-for-primary-bg {
  color: var(--menu-header-text-color-primary-bg,var(--text-color-primary-bg))
}

.footer-theme-bg-primary {
  background-color: var(--footer-primary-color,var(--primary-color))
}

.footer-theme-text-primary {
  color: var(--footer-primary-color,var(--primary-color))
}

.footer-theme-text-for-primary-bg {
  color: var(--footer-text-color-primary-bg,var(--text-color-primary-bg))
}

.div-bg-absolute {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%
}

.footer-copyrights span {
  padding: 5px 0;
  color: inherit;
  font-size: .929rem
}

.footer-copyrights a {
  color: inherit
}

.blog-text img {
  display: inline-block;
  max-width: 100%!important;
  height: auto!important
}

.s-slider::-webkit-scrollbar {
  display: none!important
}

.product-card-rating-count {
  color: #8b8b8b
}

.product-card-rating>span {
  margin-left: 2.5px
}

.product-card-rating .rating-count {
  color: #b9b9b9
}

.product-card-rating .fa-star {
  color: #ffaa17;
  font-size: 14px
}

.product-card-rating .fa-star.deactive::before {
  color: #e6e6e6
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.categories {
  padding: 60px 0;
  position:relative;
  z-index:1;
}

.categories  .bg {
  width:100%;
  height:50%;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  background: var(--primary-color);
}

.categories .section-title {
  font-size: 3.271rem;
  color: var(--white-color);
  margin-bottom:30px;
  text-align:center;
}

.single-category .item {
  position: relative;
  z-index: 1;
}

.single-category .item a.image[href="#"] {
  cursor: default;
  pointer-events: none;
}

.single-category .item a.image {
  display: block;
  margin-bottom:20px;
  border: 8px solid var(--white-color);
  box-shadow: -2px 2px 5px rgb(0 0 0 / 7%);
  position:relative;
}

.single-category .item a.image:after {
  content: '';
  position: absolute;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, var(--primary-color) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, var(--primary-color) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--primary-color) 100%);
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
  z-index: 9;
  opacity: 0;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.single-category .item a.image:hover:after {
  opacity: 0.8;
}
.single-category .item img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.single-category .item a.image .discount {
  position: absolute;
  right:15px;
  top:15px;
  border-radius:50%;
  width:60px;
  height:60px;
  line-height:60px;
  overflow:hidden;
  font-size:15px;
  font-weight:700;
  background: var(--primary-color);
  text-align:center;
  direction:ltr;
  color: var(--white-color);
}
.single-category .item a.image:hover .discount {
  animation: rotateAndScale 1s infinite;
}
@keyframes rotateAndScale {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(-360deg) scale(1.2);
  }
  100% {
    transform: rotate(-720deg) scale(1);
  }
}


.single-category .item .category-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 2px;
  padding:0 20px;
  text-align: center;
  z-index:3;
}

.single-category .item .category-content a,
.single-category .item .category-content h3 {
  transition: all .3s ease 0s;
  margin-bottom: 10px;
  color: var(--primary-color);
  font-weight: 700;
  font-size: 20px;
  display:inline-block;
}

.single-category .item .category-content p {
  transition: all .3s ease 0s;
  margin-bottom: 0;
  color: var(--text-color-primary-bg);
  font-size: 16px;
  font-weight: 700;
}

.categories .arrow-right:after {
  content:"";
  height: 90px;
  border-right: 2px dashed var(--bg-collections);
  position: absolute;
  bottom: 100%;
  right: calc(50% - 1px);
  pointer-events: none;
}

.categories .arrow-left:after {
  content:"";
  height: 90px;
  border-right: 2px dashed var(--bg-collections);
  position: absolute;
  bottom: 100%;
  right: calc(50% - 1px);
  pointer-events: none;
}


.categories .arrow-right,.categories .arrow-left {
  display: block;
  position: absolute;
  top: calc(50% - -30px);
  left: -65px;
  z-index: 22;
  cursor: pointer;
  background-color: var(--bg-collections);
  color: var(--white-color);
  width: 40px;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
  text-align: center
}

.categories .arrow-left {
  left: auto;
  right: -65px
}

.footer .footer-copyrights-vat-certificate {
  text-align: center;
}

.footer .footer-copyrights-vat-certificate .container {
  border-top: 1px solid rgb(40 40 40 / 70%);
  padding:15px 0 0;
}

.footer-copyrights-vat-certificate .footer-copyrights {
  margin-bottom: 0;
  font-size: 13px;
  color: var(--footer-text-color-primary-bg);
}

.features-section {
  padding: 50px 0 0;
  text-align: center;
  overflow: hidden
}

.features-section .feature {
  margin-bottom: 50px;
  background: var(--white-color);
  box-shadow: -5px 6px 13px 3px rgb(0 0 0 / 4%);
  border-radius: 10px;
  padding: 30px 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height:205px;
  border: 1px solid #f9f9f9;
}

.features-section .feature:after {
  content: attr(data-number);
  position: absolute;
  bottom: -64px;
  left: 5px;
  color: var(--primary-color);
  font-weight: 700;
  font-size: 107px;
  z-index: -1;
  opacity: 0.1;
  transition: all .3s ease 0s;
}

.features-section .feature:hover:after {
  bottom: 0px;
  left: 20px;
  font-size: 45px;
  opacity: 1;
  text-shadow: #f0f0f0 -5px 0;
}

.features-section .feature img {
  margin-bottom: 10px;
  height:55px;
}

.features-section .feature .title {
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: 18px;

}

.features-section .feature .des {
  margin: 0 auto;
  max-width: 300px;
  color: var(--features-text-color);
  font-size: 14px;
  line-height:26px;
}

.footer-companies {
  display:block;
  width:100%;
  text-align:center;
}

.footer-companies .footer-icons {
  justify-content: space-between;
  align-items: center;
  margin-bottom:20px;
}


.footer-companies .icons .logistics-pay-icons {
  display: inline-block;
  margin:0 -5px;
}

.footer-companies .icons .logistics-pay-icons a {
  position: relative;
  z-index: 1;
  background-color: var(--white-color);
  display:block;
  width:35px;
  height:35px;
  line-height:35px;
  border-radius:5px;
  padding:0;
  margin-left:5px;
  margin-right:5px;
}

.footer-companies .icons .logistics-pay-icons a img {
  max-width:100%;
}

.footer-companies .icons .logistics-pay-icons a:not(:first-of-type)::after {
  position: absolute;
  top: 8px;
  left: 0;
  background-color: #f0f0f0;
  width: 1px;
  height: 15px;
  content: ""
}

.footervattext.fw-bold {
  font-weight: 600;
}

.header-cart {
  margin-right: 20px;
  width: 150px;
  min-height: 100px
}

.header-logo {
  margin-right:20px;
}

.header-logo.horizontal {
  width: 100px;
  min-height: 100px;
  display: flex;
  align-items: center;
}

.header-logo.vertical a {
  width: 115px;
  padding: 10px;
  background: var(--header-primary-color);
  border: 2px solid var(--header-border-color);
  border-bottom-left-radius: 35px;
  border-bottom-right-radius: 35px;
  border-top: none;
  height: 115px;
  margin-bottom: -87px;
  display: block;
}

.header-logo a img {
  max-width:100%;
}

.header-cart {
  flex-grow: unset
}

.cart-badge {
  position: absolute;
  top: calc(100% - 16px);
  left: calc(50% - 8.5px);
  border-radius: 50%;
  background: var(--primary-color);
  width: 17px;
  height: 17px;
  font-size:12px;
  color: var(--white-color);
  font-weight: 600;
  font-size: .866667rem;
  line-height: 17px;
  text-align: center
}

.top-main-menu-wrapper {
  margin-left: -22px;
  margin-right: -22px
}

.ic.menu {
  position: relative;
  left: 4px;
  text-align: right
}

.ic.menu,.sm-search-icon {
  margin-left: 20px
}

.icon-menu-top {
  margin-left: 10px!important
}

.sm-search-div {
  display: none;
  position: absolute;
  right: 0;
  transform: translateY(-100%);
  visibility: hidden;
  z-index: 1;
  transition: all .3s ease 0s;
  background-color: var(--header-primary-color,var(--primary-color));
  padding: 0 15px 20px;
  width: 100%
}

.sm-search-div.show {
  transform: translateY(0%);
  visibility: visible
}

.footer .apps-social-icons:nth-child(2) {
  padding-right: 0
}

.footer .google-app-stores {
  margin-left: -4px;
  margin-right: -4px
}

.slick-next.slick-arrow>span,.slick-prev.slick-arrow>span {
  color: var(--primary-color);
  font-size: 3.3rem
}

.categoriesStyle {
  padding: 50px 0;
  overflow: hidden
}

.categoriesStyle .slickPrev,.categoriesStyle .slickNext {
  position: absolute;
  bottom: calc(50% - 20px);
  right: -40px;
  z-index: 1;
  cursor: pointer;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  background-color: var(--primary-color);
  padding: 0;
  width: 35px;
  height: 35px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 33px;
  text-align: center
}

.categoriesStyle .container .slickPrev {
  left: -40px
}

.categoriesStyle .full-width .slickPrev {
  left: 10px
}

.categoriesStyle .full-width .slickNext {
  right: 10px
}

.category-item .img{
  display: block;
  background-color: var(--white-color);
  width: 100%;
  height: 100%;
  object-fit: cover;
  text-align: center
}

.category-item .parentItem {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  width: 100%;
  height:340px;
  border-radius: 15px;
}

.category-item .parentItem .img {
  width:100%;
  height:100%;
  overflow: hidden;
  object-fit: cover;
}

.category-item .parentItem .img img {
  width:100%;
}

.category-item .parentItem .img:after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.3);
  z-index:1;
  border-radius: 15px;
  transition: all .3s ease 0s;
}

.category-item:hover .parentItem .img:after
{
  background:rgba(0,0,0,.7);
}

.category-item .content {
  margin-top: 15px;
  position:absolute;
  bottom: 0;
  left:0;
  z-index: 2;
  padding:20px;
}

.category-item .content .title {
  font-weight: 700;
  font-size: 1.3rem;
  white-space: break-spaces;
  color: var(--white-color);
  transition: all .3s ease 0s;
  position:relative;
  display:inline-block;
}

.category-item:hover .content .title {
  padding-bottom:15px;
  margin-bottom:15px;
}

.category-item .content .title:after {
  content:"";
  transition: all .3s ease 0s;
  background:transparent;
  position:absolute;
  width:0;
  bottom:0;
  left:0;
  height:2px;
}

.category-item:hover .content .title:after {
  width:30px;
  background:var(--primary-color);
}

.category-item .content p {
  font-size: 1rem;
  position:relative;
  transition: all .3s ease 0s;
  color:transparent;
  margin-bottom:0;
  height:0;
  overflow: hidden;
}

.category-item:hover .content p
{
  color: var(--white-color);
  height: 55px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.categories-slider .category-item {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%
}

.section-title {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  padding-bottom: 20px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 2.271rem;
  text-align: left;
}

.section-title:nth-letter(2) {
  color:#00f
}

.section-title .underTitle {
  position: absolute;
  top: 100%;
  border-top: 1px solid #f0f0f0;
  width: 100%;
  left: 0;
}

.section-title.center .underTitle i
{
  position:absolute;
  left:calc(50% - 13.5px)
}

.section-title .underTitle i:after,
.section-title .underTitle i:before {
  content: "";
  border-radius: 30px;
  background-color: var(--primary-color);
  width: 13px;
  height: 13px;
  position: absolute;
  top: -1px;
  left: 14px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.section-title .underTitle i:before {
  left:0;
}


.home-products-section {
  padding: 50px 0
}

.products-slider .prod-col,.categories-slider .cat-col {
  display: block;
  width: auto;
  outline:none;
  box-shadow:none;
}

/* Fallback width so cards don't collapse if the Slick slider fails to init.
   Slick sets an inline width on each slide once initialized, overriding this. */
.home-products-section.style1 .products-slider:not(.slick-initialized) .prod-col {
  width: 100%;
}

.category-page-slider .products-slider .prod-col,.categories-slider .cat-col {
  transition: all .5s ease 0s;
  padding-left: 15px;
  padding-right: 15px
}

.category-page-slider .home-categories-section {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 40px
}

.products-list .prod-col,.bundle-offer-products .prod-col {
  padding: 15px;
  width: 33.3333%
}

.select-dropdown .dropdown-item {
  padding-top: 7.5px;
  padding-bottom: 7.5px
}

.select-dropdown .dropdown-item:hover,.select-dropdown .dropdown-item:focus {
  background-color: var(--primary-color);
  color: var(--white-color)
}

#products-list-filter-form-close {
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px
}

.products-pagination {
  margin-bottom: 24px;
  padding: 0 15px;
  margin-top:30px;
}

.products-pagination .page-link {
  display: block;
  margin: 0 5px!important;
  border: 1px solid var(--primary-color);
  border-radius: 10px!important;
  background-color: var(--primary-color);
  padding: 0;
  width: 45px;
  height: 45px;
  color: var(--white-color);
  font-size: 1.2rem;
  line-height: 45px;
  text-align: center
}

.products-pagination .page-link:hover,
.products-pagination li.active .page-link,
.products-pagination .page-link.active,
.products-pagination .page-link.active:hover {
  background-color: var(--white-color);
  color: var(--primary-color);
  border-color: var(--primary-color)
}


.products-container.flex-grow-1.pt-4 {
  width: 100%
}

.products-container .products-list {
  justify-content: center;
  padding:0;
}

.cart-header-total {
  margin-left: 10px;
  color: var(--header-text-color-primary-bg,var(--text-color-primary-bg));
  font-size: 1.6rem
}

.box-1-1.ratio2_1::before {
  padding-top: 50%
}

.box-1-1.ratio1_2::before {
  padding-top: 200%
}

.box-1-1.ratio4_3::before {
  padding-top: 75%
}

.box-1-1.ratio16_9::before {
  padding-top: 56.25%
}

.box-1-1.ratio21_9::before {
  padding-top: 42.85%
}

.product-item-out-of-stock img {
  filter: grayscale(1)
}

.sm-search-div .autocomplete-items,.lg-search-div .autocomplete-items {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border-top: none;
  border-left: 1px solid #d4d4d4;
  border-bottom: none;
  border-right: 1px solid #d4d4d4;
  border-image: initial
}

.sm-search-div .autocomplete-items div,.lg-search-div .autocomplete-items div {
  border-bottom: 1px solid #d4d4d4;
  background-color: var(--white-color)
}

.sm-search-div .autocomplete-items div:hover,.lg-search-div .autocomplete-items div:hover {
  background-color: #e9e9e9
}

.sm-search-div .autocomplete-items div a,.lg-search-div .autocomplete-items div a {
  display: block;
  cursor: pointer;
  padding: 10px;
  color: inherit
}

.ic-menu-back {
  margin-left: 16px;
  font-weight: 700;
  font-size: 22px
}

.gift-popover-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 115px;
  max-width: 100%;
  height: 140px
}

.popover {
  top: 40px
}

.popover .arrow {
  top: -.5rem;
  right: 5px
}

.popover .arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem;
  border-bottom-color: var(--white-color)
}

.popover .arrow ::after {
  top: 1px;
  border-width: 0 .5rem .5rem;
  border-bottom-color: var(--white-color)
}

.video-section {
  padding: 35px 0
}

.video-section .section-title {
  margin-bottom: 40px
}

.video-section video {
  border: 2px dashed #f0f0f0;
  padding: 10px;
  width: 100%
}

.ggallery .gallery:not(.gallery-1) .section-title {
  margin-bottom: 20px
}

.ggallery .gallery .gallery-item {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  border-radius:15px;
  overflow: hidden;
  color: #000
}

.ggallery .gallery .gallery-item .count {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  height: 100%;
  z-index: 9;
  align-items: end;
  justify-content: center;
  max-width:100%;
  max-height:100%;
}

.gallery-section .gallery-item.content-center .content .count {
  justify-content: center;
}

.ggallery .gallery .gallery-item .count .countContent {
  background-color: rgba(0, 0, 0, .8);
  padding: 10px;
  border-radius: 5px;
  text-align: center;
  display: flex;
  gap: 5px;
  flex-direction: column;
  min-width: 65px;
  color:var(--white-color);
}

.ggallery .gallery .gallery-item.white .count .countContent {
  color:#000;
  background-color: rgba(255,255,255,0.8);
}

.ggallery .gallery .gallery-item .count .count-num {
  margin-bottom: 0;
  font-size: 15px;
}

.ggallery .gallery .gallery-item .count .count-date {
  margin-bottom: 0;
  font-size:1rem
}


.ggallery .gallery .gallery-item .mask {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  min-width: 100%;
  min-height: 100%
}

.ggallery .gallery .gallery-item .mask::after {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  z-index: 2;
  transition: all .5s ease 0s;
  background-color: rgba(255,255,255,.5);
  width: 100%;
  height: 100%;
  content: ""
}

.ggallery .gallery .gallery-item .mask.show-bg::after {
  opacity: 1!important
}

.ggallery .gallery .gallery-item.white .mask::after {
  background-color: rgba(0,0,0,.5)
}

.ggallery .gallery .gallery-item .mask img {
  transition: all 2s ease 0s;
  min-width: 100%;
  height: auto!important;
  min-height: 100%;
  position: absolute
}

.ggallery .gallery .gallery-item:hover .mask img {
  transform: scale(1.05);
  filter: blur(3px)
}

.ggallery .gallery .gallery-item .content {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  z-index: 2;
  padding: 30px 40px;
  min-height: 439px;
  text-align: left;
  align-items: flex-start;
}
.ggallery .gallery .gallery-item.content-center .content {
  align-items: center;
  text-align: center;
}

.ggallery .gallery .gallery-item .content h2 {
  -webkit-box-orient: vertical;
  margin: 0;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 700;
  font-size: 2.5rem;
  line-height:33px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ggallery .gallery .gallery-item .content p {
  margin: 0;
  font-size: 1.3rem;
  font-weight:500;
}

.ggallery .gallery .gallery-item .content a {
  position: relative;
  transition: all .3s ease-in-out 0s;
  border-radius: 0;
  background: var(--white-color);
  padding: 0 20px;
  color: var(--text-color-primary-bg);
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0;
  border-radius: 30px;
  text-align: center;
  min-width: 170px;
  height: 40px;
  overflow:hidden;
  line-height: 39px;
}

.ggallery .gallery .gallery-item .content a:hover {
  background: var(--primary-color);
  color: var(--white-color)
}

.ggallery .gallery .gallery-item .content a:hover::before,.ggallery .gallery .gallery-item .content a:hover::after {
  border-color: var(--primary-color);
  width: calc(100% - 12px);
  height: calc(100% - 12px)
}

.ggallery .gallery .gallery-item .content i {
  position: absolute;
  top: 7px;
  right: 15px;
  font-size: 30px
}

.gallery-section .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .content h2 {
  font-size: 1.8rem
}

.gallery-section .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .content p {
  font-size: 1.2rem
}

.ggallery .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item.content-center .count,
.ggallery .gallery.gallery-3 .col-md-6:nth-of-type(3) .gallery-item.content-center .count,
.ggallery .gallery .gallery-item .count.style2
{
  position:static;
  flex-direction: row;
  align-items: center;
}

.ggallery .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .count,
.ggallery .gallery.gallery-3 .col-md-6:nth-of-type(3) .gallery-item .count {
  flex-direction: row;
  align-items: center;
}

.gallery-section .gallery.gallery-4 .col-md-6:nth-of-type(1) .gallery-item .content {
  padding-top: 100px;
  padding-bottom: 100px
}

.gallery-section .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .content h2 {
  font-size: 1.5rem
}

.gallery-section .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .content p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 1.2rem
}

.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .count,
.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(3) .gallery-item .count,
.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(4) .gallery-item .count
{
  position:static;
  flex-direction: row;
  align-items: start;
}

.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item.content-center .count,
.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(3) .gallery-item.content-center .count,
.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(4) .gallery-item.content-center .count
{
  align-items: start;
}


.ggallery .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .count .countContent,
.ggallery .gallery.gallery-3 .col-md-6:nth-of-type(3) .gallery-item .count .countContent,
.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .count .countContent,
.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(3) .gallery-item .count .countContent,
.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(4) .gallery-item .count .countContent
{
  gap:0;
  min-width:50px;
  padding:5px 5px 7px;
}

.ggallery .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .count h5,
.ggallery .gallery.gallery-3 .col-md-6:nth-of-type(3) .gallery-item .count h5,
.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .count h5,
.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(3) .gallery-item .count h5,
.ggallery .gallery.gallery-4 .col-md-6:nth-of-type(4) .gallery-item .count h5 {
  font-size:1rem
}

.gallerySlider.gallery .item {
  padding:0 15px;
}

.gallerySlider.gallery .gallery-item .content {
  min-height:251px;
  padding-right:30px;
  padding-left:30px;
  padding-top:20px;
  padding-bottom:20px;
}

.gallerySlider.gallery .gallery-item .count .countContent {
  min-width: 53px;
  gap: 1px;
  padding: 5px;
}

.gallerySlider.gallery .gallery-item .count .count-num {
  font-size:14px;
}
.gallerySlider.gallery .gallery-item .count .count-date {
  font-size:12px;
}

.gallerySlider.gallery .gallery-item .content h2,
.gallerySlider.gallery .gallery-item .content p:not(.count-num) {
  max-width:80%;
  text-overflow: unset;
  white-space: normal;
}

.gallerySlider.gallery .gallery-item .content h2 {
  font-size:1.9rem
}

.gallerySlider.gallery .gallery-item .content p {
  font-size:1rem
}

.gallerySlider .nextArrowSection, 
.gallerySlider .prevArrowSection {
  display: block;
  position: absolute;
  top: calc(50% - 60px);
  left: -10px;
  z-index: 22;
  cursor: pointer;
  background-color: var(--primary-color);
  color: var(--white-color);
  width: 40px;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
}

.container-fluid .gallerySlider .nextArrowSection {
  left: auto;
  right: 0;
}

.container-fluid .gallerySlider .nextArrowSection:after {
  left: calc(50% + 5px);
}

.container-fluid .gallerySlider .prevArrowSection {
  left: 0;
  right: auto;
}

.container-fluid .gallerySlider .prevArrowSection:after {
  left: calc(50% - 15px);
}

.gallerySlider .nextArrowSection {
  left: auto;
  right: -10px;
}

.gallerySlider .nextArrowSection:after {
  content:"";
  position:absolute;
  left:calc(50% - 5px);
  top:calc(100% - 1px);
  border-top: 8px solid var(--primary-color);
  border-right: 10px solid transparent;
}


.gallerySlider .prevArrowSection:after {
  content:"";
  position:absolute;
  left:calc(50% - 5px);
  top:calc(100% - 1px);
  border-top: 8px solid var(--primary-color);
  border-left: 10px solid transparent;
}

.partners {
  padding: 50px 0;
  background-color:#f9f9f9
}

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

.partners .partners-item img { 
  max-width:120px;
}

.partners .slickNext,.partners .slickPrev {
  position: absolute;
  top: calc(50% - 17.5px);
  right: -40px;
  z-index: 1;
  cursor: pointer;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  background-color: var(--primary-color);
  padding: 0;
  width: 35px;
  height: 35px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 33px;
  text-align: center
}

.partners .slickPrev {
  left: -40px
}

.whatsChat {
  position: fixed;
  right: 20px;
  bottom: 14px;
  z-index: 999;
}

.whatsChat .whatsTitle {
  display: block;
  position: relative;
  cursor: pointer;
  margin-top: 11px;
  border-radius: 50px;
  width: 54px;
  height: 55px;
  color: var(--text-color-primary-bg);
  line-height: 60px;
  text-align: center
}

.whatsChat .whatsTitle i {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 50%;
  background: var(--primary-color);
  width: 45px;
  height: 45px;
  font-size: 24px;
  line-height: 45px
}

.circle-svg__spin {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  animation: 10s linear 0s infinite normal none running spin;
  width: 55px;
  height: 55px
}

.circle-svg__spin circle {
  stroke-width: 2px;
  fill: none
}

@keyframes spin {
  0% {
      stroke-dasharray: 10
  }

  50% {
      stroke-dasharray: 50
  }

  100% {
      stroke-dasharray: 10;
      transform: rotate(-360deg)
  }
}

.whatsChat .angleDown {
  position: absolute;
  right: -70px;
  bottom: 67px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease 0s;
  box-shadow: rgba(0,0,0,.1) 0 0 10px 3px;
  border-radius: 15px;
  width: 320px;
  z-index:99;
}

.whatsChat .angleDown.active {
  right: 0;
  visibility: visible;
  opacity: 1
}

.whatsChat .angleDown::after {
  position: absolute;
  right: 17px;
  bottom: -20px;
  content: "";
  color: var(--white-color);
  font: 34px/1 FontAwesome
}

.whatsChat .content .head {
  position: relative;
  z-index: 1;
  cursor: pointer;
  box-shadow: rgba(0,0,0,.09) 0 3px 3px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: var(--white-color);
  padding: 11px 20px;
  direction: ltr
}

.whatsChat .content .head .details {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 15px
}

.whatsChat .content .head .details .imgStyle span.circle {
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  background-color: var(--primary-color);
  width: 10px;
  height: 10px
}

.whatsChat .content .head .details img {
  border-radius: 50%;
  width: 40px;
  height: 40px
}

.whatsChat .content .head .details .Name {
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 14px
}

.whatsChat .content .bodyMsgs {
  padding: 20px;
  height: 300px;
  overflow: auto
}

.whatsChat .content .bodyMsgs .messageStyle {
  position: relative;
  left: -50px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease 0s;
  margin-left: 0;
  margin-right: auto;
  max-width: 93%;
  text-align: left
}

.whatsChat .content .bodyMsgs.active .messageStyle {
  left: 0;
  visibility: visible;
  opacity: 1
}

.whatsChat .content .bodyMsgs .messageStyle:not(:last-of-type) {
  margin-bottom: 15px
}

.whatsChat .content .bodyMsgs .messageStyle .message {
  display: inline-block;
  box-shadow: rgba(0,0,0,.09) 0 3px 3px;
  border-radius: 10px;
  background-color: var(--white-color);
  padding: 10px 15px;
  color: var(--text-color-primary-bg);
  font-weight: 500;
  font-size: 12px;
  line-height: 22px
}

.whatsChat .content .bodyMsgs .messageStyle .message::before {
  position: absolute;
  left: -13px;
  bottom: 10px;
  border-width: 13px;
  border-style: solid;
  border-color: transparent transparent var(--white-color);
  width: 0;
  height: 0;
  content: ""
}

.whatsChat .content .bodyMsgs .messageStyle .message .desc {
  font-weight: 500
}

.whatsChat .content .footerWhats {
  position: relative;
  z-index: 2;
  box-shadow: rgba(0,0,0,.09) 0 -3px 3px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: var(--white-color);
  padding: 15px;
  width: 100%;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 12px;
  text-align: center
}

.whatsChat .content .footerWhats a {
  display: inline-block;
  margin-left: 5px;
  color: var(--primary-color);
  font-size: 13px;
  direction: ltr
}

.custom-scroll {
  scroll-behavior: smooth
}

.custom-scroll::-webkit-scrollbar-track {
  box-shadow: #f9f9f9 0 0 6px inset
}

.custom-scroll::-webkit-scrollbar {
  width: 5px
}

.custom-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--primary-color)
}

.back-to-top {
  display: none;
  z-index: 99;
  cursor: pointer;
  margin: 0 auto;
  box-shadow: rgba(0,0,0,.1) 0 0 5px;
  background-color: var(--white-color);
  width: 40px;
  height: 40px;
  color: var(--text-color-primary-bg);
  font-size: 24px;
  line-height: 40px;
  border-radius:50%;
  text-align: center
}

.loader {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  background-color: var(--primary-color);
  width: 100%;
  height: 100%;
  overflow: hidden
}

.loader .loadProgress {
  position: relative;
  transition: all .5s ease 0s;
  margin: 0 auto;
  background-color: var(--text-color-primary-bg);
  height: 2px;
  max-width: 100%;
  width: 250px;
  overflow: hidden
}

body.loaded .loader .loadProgress {
  background-color: var(--white-color);
  width: 100%
}

.loader .loadProgress .lineStyle {
  position: absolute;
  top: 0;
  left: 0;
  animation: 1s linear 0s infinite normal none running move-progress;
  background-color: var(--white-color);
  height: 100%;
  width: 80px
}

@keyframes move-progress {
  0% {
    left: -100%
  }

  100% {
    left: 100%
  }
}

@-webkit-keyframes move-progress {
  0% {
    right: 0
  }

  100% {
    right: 100%
  }
}

body.loaded .loader .loadProgress .lineStyle {
  opacity: 0
}

.testimonials {
  border-radius: 5px;
  padding: 50px 0;
}

.testimonials .newsletter-form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  background-color:#f6f6f6;
  border:2px solid #EFEFEF;
  border-radius: 20px;
  min-height: 400px;
  padding:0 25px;
  height:100%;
}

.testimonials .newsletter-form h2 {
  margin-bottom: 20px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
  max-width: 395px;
  text-align: left;
  line-height: 43px;
}

.testimonials .newsletter-form input {
  border-radius: 30px!important;
  background-color: var(--white-color);
  border: 1px solid #e4ebf1;
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.testimonials .newsletter-form a,
.testimonials .newsletter-form button {
  border-radius: 50px;
  font-weight: 500;
  color: var(--white-color);
  background-color: var(--primary-color);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-width: 150px;
  padding: 0 20px;
  font-size: 18px;
}

.testimonials .testimonials-content {
  overflow:hidden;
  border-radius:20px;
  z-index: 1;
  min-height:100%;
  display:flex;
  align-items: center;
}
.testimonials .bg-testimonials {
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
  width:100%;
  height:100%;
  object-fit:cover
}

.testimonials .newsletter-form a:hover,
.testimonials .newsletter-form button:hover {
  background-color:var(--primary-color);
}

.testimonials .newsletter-form p {
  margin-bottom:40px;
}

.testimonials-slider {
  width:70%;
  margin:0 auto;
}

.testimonials .item  {
  padding:25px 1px 0;
}

.testimonials .testimonials-customer {
  background-color:rgba(255,255,255,.01);
  border:1px solid rgba(255,255,255,.19);
  padding: 30px 40px;
  border-radius:20px;
  backdrop-filter:blur(7px) brightness(108%);
  -webkit-backdrop-filter:blur(7px) brightness(108%);
}

.testimonials .item .testimonials-customer .icon {
  position: absolute;
  right: 20px;
  top: -25px;
  width: 50px;
  height: 50px;
  background-color: var(--primary-color);
  border-radius: 50%;
  text-align: center;
  line-height: 56px;
}

.testimonials .item:nth-of-type(2n) .testimonials-customer .icon {
  right: auto;
  left: 20px
}


.testimonials .testimonials-customer .text-style {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  min-height: 60px;
  text-align: center;
  color: var(--testimonials-color);
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 30px;
  line-height: 31px;
}

.testimonials .testimonials-customer .text-style .date {
  display: block;
  margin-bottom: 5px;
  color: #757575
}

.testimonials .testimonials-customer .customerInfo {
  align-content: center;
  gap: 10px;
  margin-right: auto
}

.testimonials .item:nth-of-type(2n) .testimonials-customer .customerInfo {
  flex-direction: row-reverse;
  margin-left: auto;
  text-align: right
}

.testimonials .testimonials-customer .customerInfo img {
  border-radius: 50%;
  width: 45px;
  height: 45px
}

.testimonials .testimonials-customer .customerInfo .customer-details {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.testimonials .testimonials-customer .customerInfo .name {
  margin-bottom: 5px;
  color: var(--testimonials-color);
  font-weight: 700;
  font-size: 15px
}

.testimonials .testimonials-customer .customerInfo .job {
  margin: 0;
  color: var(--testimonials-color);
  font-size:12px;
}

.testimonials .position-relative {
  z-index: 1
}

.testimonials .section-title {
  margin-left: 30px;
  margin-bottom: 20px;
  margin-right: 30px
}

.slick-disabled {
  opacity: .6
}

.testimonials .slickNext,.testimonials .slickPrev {
  position: absolute;
  bottom: 35px;
  left: calc(50% - 55px);
  z-index: 1;
  cursor: pointer;
  margin: 0 15px;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  background-color: var(--primary-color);
  padding: 0;
  width: 35px;
  height: 35px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 31px;
  text-align: center;
}

.testimonials .slickPrev {
  right: calc(50% - 55px);
  left: unset
}

.testimonials .slick-dots{
  bottom:-60px
}

.testimonials .slick-dots li button {
  border-radius: 50%;
}

button,.btn:focus,.btn:active,.page-link:focus,.page-link:active {
  outline: none!important;
  box-shadow: none
}

button.more-button:hover,a.more-button:hover,.availability-bar .announcement-text,.announcement-bar .close-announcement:hover,.ggallery .gallery .gallery-item.white {
  color: var(--white-color)
}

.disable-scroll,.whatsChat .content {
  overflow: hidden
}

.main-slider .sliderBtn:hover,.categoriesStyle .slickPrev:hover,.categoriesStyle .slickNext:hover {
  background-color: var(--primary-color);
  color: var(--white-color)
}

.products-section,.header-theme-bg-primary {
  background-color: var(--header-primary-color)
}

.slick-dots li button:hover,.slick-dots li.slick-active button {
  background-color: var(--primary-color)
}

.availability-bar .announcement-text,.announcement-bar h1 {
  padding: 12px 15px
}

.header-left a,.dd-input:checked+.dd-menu {
  display: block
}

.header-left .headerSearch,nav,.div-dropdown>div.form-group>div,
.whatsChat .content .head .details .imgStyle {
  position: relative
}

.cart-section:hover,.menu-section li {
  cursor: pointer
}

.submenu .dropitems,.dd-input,.dd-input+.dd-menu,.menu-icon,#cart-items,.main-nav-wrapper::-webkit-scrollbar,.dd-input+.order-menu,#shippingAndPaymentMobile,.products-filters-attribute-form .attribute-group:last-child button {
  display: none
}

.products-filter {
  margin-bottom: 5px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 20px;
}

.products-filter .btns button {
  margin-right: 15px;
  height: 40px
}

.dd-button,.order-button {
  display: inline-block;
  cursor: pointer;
  padding: 10px 20px 10px 30px;
  white-space: nowrap
}

.dd-menu,.order-menu {
  position: absolute;
  top: 100%;
  z-index: 3;
  margin: 2px 0 0;
  box-shadow: rgba(0,0,0,.1) 0 0 6px 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: var(--white-color);
  padding: 0;
  width: 400px;
  list-style-type: none
}

.dd-menu li,.order-menu li {
  cursor: pointer;
  padding: 10px 20px;
  white-space: nowrap
}

.dd-menu li:hover,.order-menu li:hover {
  background-color: #f6f6f6
}

.dd-menu li a,.order-menu li a {
  display: block;
  margin: -10px -20px;
  padding: 10px 20px
}

.dd-menu li.divider,.order-menu li.divider {
  border-bottom: 1px solid #ccc;
  padding: 0
}

.footer-pages div p:last-child,.ic.menu .line-last-child,.slick-dotted.slick-slider,.testimonials .testimonials-customer .text-style p {
  margin-bottom: 0
}

.vat-crn-sections,.store-section .social-icons {
  margin-left: -5px;
  margin-right: -5px
}

.footer-bar span,.category-image {
  padding: 5px
}

.gallery .gallery-item.bottom-row {
  margin-top: 30px
}

.testimonials-customer-card .card-body,.categories .container,.footer .icons-wrapper,.products-pagination ul,.gallery-section .container
{
  padding: 0
}

body.loaded .loader.loadedLoader .loadProgress {
  height: 100%;
  width:100%;
}

.product-item,.partners .partners-item img {
  width:100%;
}

.product-item .mask .imagesSlider .slickPrev,
.product-item .mask .imagesSlider .slickNext,
.product-item .mask .imagesSlider .slickPrev.slick-disabled,
.product-item .mask .imagesSlider .slickNext.slick-disabled {
  opacity: 0;
}

.product-item:hover .mask .imagesSlider .slickPrev,
.product-item:hover .mask .imagesSlider .slickNext,
.product-item:hover .mask .imagesSlider .slickPrev.slick-disabled,
.product-item:hover .mask .imagesSlider .slickNext.slick-disabled,
.product-item .mask .imagesSlider .slickPrev.slick-disabled:hover,
.product-item .mask .imagesSlider .slickNext.slick-disabled:hover
 {
  opacity: 0.5;
}

.product-item .mask .imagesSlider .slickPrev:hover,
.product-item .mask .imagesSlider .slickNext:hover{
  opacity: 1;
}


.single-category .item:hover .category-content a,
.ggallery .gallery .gallery-item:hover .mask::after {
  opacity: 1;
}

.filter-result,.filter-order {
  color: var(--secondary-color-alt3);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.167rem
}

.icon-filter_alt_black_24dp,.icon-sort_filter {
  color: var(--primary-color);
  font-size: 1.333rem
}

.theme-icon-primary,.theme-text-for-primary-bg {
  color: var(--text-color-primary-bg)
}

.header-theme-text-for-primary-bg,.header-theme-icon-primary {
  color: var(--header-text-color-primary-bg);
}

.single-category {
  padding: 0 15px
}

.single-category .item .category-content a:hover,.partners .slickPrev:hover,.partners .slickNext:hover {
  background-color: var(--white-color);
  color: var(--text-color-primary-bg)
}

.icon-shopping_cart_black_36dp-1-1,.sm-search-icon>span,.icon-menu-top>span {
  font-size: 32px
}

.icon-shopping_cart_black_36dp-1-1 .path1::before,.icon-shopping_cart_black_36dp-1-1 .path2::before,.icon-language_black_24dp .path1::before,.icon-menu_open_black_24dp-1::before {
  color: unset
}

.section-title.center,.ggallery .gallery .gallery-item.content-center .content {
  text-align: center
}

.category-page-slider .categories-slider.s-slider,.gallery-section .gallery.gallery-4 .col-md-6 .row {
  margin-left: -15px;
  margin-right: -15px
}

.ggallery .gallery .gallery-item.content-center .content a,.testimonials .testimonials-customer {
  margin: 0 auto
}

.gallery-section .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .content,
.gallery-section .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .content {
  gap: 13.5px;
  padding: 20px;
  min-height: 204px
}

.gallery-section .gallery.gallery-3 .col-md-6:nth-of-type(2) .gallery-item .content a,
.gallery-section .gallery.gallery-4 .col-md-6:nth-of-type(2) .gallery-item .content a {
  width: 130px;
  height:35px;
  line-height:34px;
  font-size:14px;
  font-size: 13px
}

@media(max-width: 767px) {
  .hide-mobile {
      display:none!important
  }

  .account-lang-currency {
    padding:15px 0 20px;
  }
}

@media(max-width: 480px) {
  .whatsChat .content .footerWhats {
      font-size:13px
  }

  .whatsChat .angleDown {
      width: 319px
  }

  .whatsChat .content .bodyMsgs .messageStyle {
      max-width: 95%
  }
}

@media(max-width: 320px) {
  .whatsChat .angleDown {
      width:270px
  }
}

.cartBox {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 1002;
  transition: all .3s ease 0s;
  background-color: var(--white-color);
  padding: 10px 0 35px;
  width: 350px;
  max-height: calc(-120px + 100vh);
  overflow: auto;
  max-width: 100%;
  border-bottom-left-radius: 30px;
}

.cartBox .refresh.fa-spin {
}

.cartBox.active {
  visibility: visible;
  opacity: 1;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px
}

.cartBox .img {
  border: 1px solid #f8f8f8;
  width: 60px;
  height: 60px;
  border-radius: 15px;
  overflow: hidden; 
}

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

.cartBox .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  padding-left: 20px;
  max-width: calc(100% - 97px);
  text-align: left
}

.cartBox .items {
  padding: 0 20px;
  max-height: 303px;
  overflow: auto!important;
  direction: ltr
}

.cartBox .items .item {
  position: relative;
  border-bottom: 1px solid #f3f3f3;
  padding: 20px 0;
  direction: ltr
}

.cartBox .items .item {
  display: flex
}

.cartBox .items .item .details .title {
  -webkit-box-orient: vertical;
  display: inline-block;
  max-width: 100%;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--text-color-primary-bg);
  font-weight: 500;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cartBox .items .item .details .title:hover {
  color: var(--primary-color)
}

.cartBox .items .item .details .price {
  display: block;
  margin: 0;
  color: #868686;
  font-size: 15px
}

.cartBox .items .item .details .count {
  margin-bottom: 0;
  color: #868686;
  font-size: 11px
}

.cartBox .items .item .details .remove {
  position: absolute;
  top: 20px;
  right: 0;
  opacity: 0;
  transition: all .3s ease 0s;
  cursor: pointer;
  border: none;
  background: 100% 0;
  color: var(--text-color-primary-bg);
  font-size: 13px
}

.cartBox .items .item:hover .details .remove {
  opacity: 1
}

.cartBox .total span {
  float: right;
  font-weight: 700
}

.checkBtn,.gift-card button {
  display: block;
  border-radius: 10px!important;
  background-color: var(--text-color-primary-bg);
  padding: 0;
  height: 45px;
  color: var(--white-color);
  font-weight: 600;
  font-size: 14px;
  line-height: 45px;
  text-align: center;
}

.gift-card {
  border:none!important;
}

.gift-card .collapsing,
.gift-card .collapse {
  border:2px solid var(--primary-color);
  border-radius:10px;
  margin-top:15px;
}

.gift-card__header ul {
  padding: 1rem 1rem 0rem 3rem;
}

.gift-card button {
  background: var(--primary-color)!important;
  color: #fff!important;
  font-family: inherit;
}

.cartBox .viewBag {
  display: inline-block;
  margin-top: 20px;
  border-bottom: 1px solid var(--text-color-primary-bg);
  padding-bottom: 2px;
  color: var(--text-color-primary-bg);
  font-size: 15px
}

.cartBox .footerSub {
  padding: 15px 20px 40px
}

.cartBox .footerSub .checkBtn {
  margin-top: 15px;
}

.message-coupon {
  position: relative;
  background-color: #f8f8f8;
  padding: 15px 35px 15px 15px;
  color: #f25f5f;
  font-weight: 600
}

.message-coupon .removeCoupon {
  position: absolute;
  top: 9px;
  right: 15px;
  background: 100% 0!important;
  padding: 0!important;
  width: auto;
  height: auto;
  color: #000!important;
  font-size: 23px
}

.coupon-form h4 {
  margin-bottom: 15px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: 16px
}

.coupon-form input {
  border: 1px solid #f0f0f0;
  border-right:none;
  border-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.coupon-form input:focus {
  outline: none;
  border-color: #f0f0f0
}

.coupon-form button {
  cursor: pointer;
  margin: 0;
  border-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-image: initial;
  border:none;
  background: var(--primary-color)!important;
  padding:13px 10px!important;
  width: 100px;
  height: 100%;
  color: var(--white-color);
  font-weight: 700
}

.header-wrapper {
  margin-bottom: 25px;
  border-radius: 3px;
  background-color: #f8f8f8;
  padding: 15px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  font-size: 16px
}

.section-cart-products-row,.cart-product-row {
  margin-left: -5px;
  margin-right: -5px;
  width: 100%
}

.section-cart-products-col-1,.section-cart-products-col-2,.section-cart-products-col-3,.section-cart-products-col-4,.section-cart-products-col-5,.cart-product-delete,.cart-products-action,.cart-product-prices,.cart-product-col-details,.cart-product-col-img {
  padding-left: 5px;
  padding-right: 5px
}

.section-cart-products-col-1,.cart-product-delete {
  flex-shrink: 0;
  width: 6%
}

.section-cart-products-col-2 {
  width: 40%
}

.section-cart-products-col-3,.cart-products-action {
  flex-shrink: 0;
  width: 15%
}

.section-cart-products-col-4,.cart-product-prices {
  flex-shrink: 0;
  width: 22%
}

.cart-product-row {
  display: flex;
  align-items: center;
  padding: 15px;
  width: 100%
}

.cart-product-col-img {
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border: 1px solid #f8f8f8;
  padding: 0!important;
  width: 60px;
  height: 60px
}

.cart-product-col-img img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.cart-product-col-details {
  flex-grow: 1
}

.icon-delete::before {
  content: "\f00d";
  font-weight: 700;
  font-size: 16px;
  font: normal normal normal 14px/1 FontAwesome
}

.cart-product-col-details {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px
}

.cart-product-col-details a {
  font-size: 14px
}

.cart-products-action .form-group {
  margin: 0
}

.cart-product-delete a {
  cursor: pointer
}

.cart-product-row-wrapper {
  margin-top: 10px;
  border: 1px solid #f8f8f8;
  border-radius: 3px;
  padding: 5px 15px
}

.cart-product-col-details h1 {
  font-size: 1.4rem
}

.cart-product-col-details h1 a {
  color: inherit;
}

.cart-product-prices .totals {
  color: var(--primary-color);
  font-weight: 700;
  font-size: 1.12rem
}

.custom-field-row * {
  display: inline-block
}

.cart-product-total-before-price {
  display: block;
  color: #ccc;
  font-size: 11px
}

.cart-product-total-price {
  display: inline-block
}

.section-cart-totals-row {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px
}

.section-cart-totals-row>* {
  padding-left: 7px;
  padding-right: 7px
}

.cart-totals-row-wrapper {
  display: flex;
  border-radius: 15px;
  padding: 10px 15px
}

.cart-totals-row-wrapper .flex-shrink-0 {
  font-weight: 700;
  text-align: right
}

.cart-product-quantity-dropdown label {
  display: none
}

.cart-product-quantity-dropdown select {
  outline: none;
  border: 2px solid #f8f8f8;
  border-radius: 0;
  padding: 0 15px;
  min-width: 55px;
  height: 35px;
  cursor: pointer
}

.message-coupon>* {
  display: inline-block
}

.cart-discount-rule-wrapper {
  margin-top: 10px;
  border: 1px solid #f0f0f0;
  padding: 10px
}

.cart-discount-rule-wrapper .message {
  color: var(--text-color-primary-bg);
  font-size: 1.2rem;
  margin-bottom: 15px;
  font-weight: 700
}

.cart-discount-rule-wrapper .progress-bar {
  border-radius: 30px
}

.cart-totals-div {
  font-size: 1.1rem
}

.header-wrapper {
  display: block
}

.cart-product-error-messages {
  margin: 10px;
  border-radius: 3px;
  background-color: #f8f8f8;
  padding: 10px 15px 15px;
  color: #f25f5f;
  font-weight: 700;
  text-align: center
}

.cart-product-price-each>span {
  display: inline-block
}

.btn-disabled {
  border-color: #ccc;
  background-color: #ccc
}

.cart-product-delete a {
  color: inherit
}

.discount-progress .text-color-primary {
  color: var(--primary-color)
}

.discount-progress .border-color-primary {
  border-color: var(--primary-color)
}

.cart-gift-card {
  margin-top: 1rem;
  border-radius: 8px;
  background-color: #f0f0f0;
  padding: 1rem
}

.cart-products-with-totals .gift-card .gift-card__button,
.cart-products-with-totals .gift-card .gift-card__button:hover {
  background: var(--primary-color)!important;
  padding: 0 15px!important;
  height: 35px!important;
  color: var(--white-color)!important;
  font-weight: 600;
  line-height: 30px;
  border-color: var(--primary-color)!important;
  font-family: inherit!important;
}

.gift-preview__body {
  color:#000;
  font-weight:700;
}

.gift-card .gift-card__button.btn-outline-primary:hover,.gift-card .gift-card__button.btn-outline-primary.active {
  border: 2px solid var(--white-color)!important;
  color: var(--white-color)!important
}

.paddingPage {
  padding: 70px 0
}

.cart-empty {
  padding-top: 26px;
  padding-bottom: 48px;
  text-align: center
}

.cart-empty .cart-icon img {
  margin-bottom: 25px;
  width: 150px
}

.header .cart-empty .cart-icon img {
  width: 90px
}

.cart-empty h1 {
  margin-bottom: 35px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 18px
}

.cart-empty .btnEmpty {
  background-color: var(--text-color-primary-bg);
  padding: 13px 50px 15px;
  color: var(--white-color);
  font-weight: 600
}

.cartBox .loading {
  padding: 50px 0;
  text-align: center
}

.cartBox .loading .spinner img {
  width: 50px
}

.adModal .modal-dialog {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: 100%
}

.adModal .modal-content {
  border-radius: 0;
  max-width: 800px;
  border-radius: 20px;
  background: none;
  border:none;
}

.adModal .modal-content .close {
  position: absolute;
  top: -35px;
  right: 0;
  opacity: 1;
  z-index: 99;
  color: var(--white-color);
  font-size: 25px
}

.adModal .modal-content .close:hover,.adModal .modal-content .close:focus {
  color: var(--white-color)
}

.adModal .ggallery .gallery .gallery-item {
  margin-bottom: 0
}

.adModal .ggallery .gallery .gallery-item .content {
  gap: 25px;
  margin-bottom: 0;
  min-height: 450px
}

.adModal .ggallery .gallery .gallery-item .content h2 {
  font-size: 2.2rem;
  overflow: unset;
  text-overflow: ellipsis;
  white-space: normal;
}

.breadcrumb-section {
  background: var(--bread-bg);
  padding: 80px 0 50px;
  position:relative;
  z-index: 1;
}
.breadcrumb-section.withBg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb-section.withBg:after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
  z-index:-1;
}

.breadcrumb-section .container {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  text-align: start;
}

.breadcrumb-section .container.flex-d {
  justify-content: center;
  flex-direction: row;
  gap:15px;
}

.breadcrumb-section img {
  width: 130px;
  height: 130px;
  border-radius: 15px;
  display: block;
  margin: 0 0 20px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
}

.breadcrumb-section.withBg img {
  box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.3);
}

.breadcrumb-section .bread-title {
  display: inline-block;
  position: relative;
  margin: 0;
  color: var(--bread-text-color);
  font-weight: 600;
  font-size: 27px
}

.breadcrumb-section.withBg .bread-title {
  color:var(--bread-text-color-with-bg)
}

.breadcrumb-section .bread-title:after,.breadcrumb-section .bread-title:before {
  content: "";

}

.breadcrumb-section .des {
  max-width: 385px;
  font-size: 14px;
  margin-top:15px;
  color: var(--bread-text-color)
}

.breadcrumb-section.withBg .des {
  color:var(--bread-text-color-with-bg)
}


.breadcrumb-section .subTitle-detail {
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 0;
  padding: 0;
  margin-top:20px;
}

.breadcrumb-section .subTitle-detail li {
  list-style-type: none
}

.breadcrumb-item+.breadcrumb-item::before {
  padding: 0 10px;
  color: var(--bread-text-color)
}

.breadcrumb-section.withBg .breadcrumb-item+.breadcrumb-item::before {
  color:var(--bread-text-color-with-bg)
}

.breadcrumb-section .subTitle-detail li a {
  margin: 0;
  padding: 0;
  color: var(--bread-text-color)
}

.breadcrumb-section.withBg .subTitle-detail li a {
  color:var(--bread-text-color-with-bg)
}

.breadcrumb-section .breadcrumb-item.active {
  color: var(--bread-text-color);
  font-weight: 600
}

.breadcrumb-section.withBg .breadcrumb-item.active {
  color:var(--bread-text-color-with-bg)
}

.categoriesPage {
  padding-top: 100px
}

.categoriesPage .categories-slider .category-item {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  width: 100%;
  max-width: 100%
}

.categoriesPage .categories-slider .category-item:hover .parentItem {
  border-color: var(--primary-color)
}

.categoriesPage .categories-slider .category-item .content .sub-cat {
  padding: 0;
  text-align: left;
  max-height: 120px;
  overflow: auto;
  margin-top:10px;
  margin-right:-5px;
  margin-left:-5px;
}

.categoriesPage .categories-slider .category-item .content .sub-cat a {
  display: inline-block;
  position: relative;
  margin: 5px;
  padding-left: 10px;
  text-align: left;
  color:var(--white-color);
  padding: 4px 10px 4px 20px;
  border-radius: 30px;
  background-color: var(--primary-color);
}

.categoriesPage .categories-slider .category-item .content .sub-cat a:before {
  position: absolute;
  top: 5px;
  left: 9px;
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome
}

.form-products-filter .title {
  display: block;
  margin-bottom: 15px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 15px
}

.form-products-filter .btns button {
  border: 1px solid var(--primary-color);
  border-radius: 0;
  background: var(--primary-color);
  padding: 0 20px;
  padding-bottom: 2px;
  height: 35px;
  border-radius:10px;
  color: var(--white-color)
}

.form-products-filter .btns button:hover {
  background-color: var(--white-color);
  color: var(--text-color-primary-bg)
}

.selectStyle {
  position: relative;
  cursor: pointer;
  margin: 10px 0;
  padding-left: 25px;
  overflow: hidden;
  color: var(--text-color-primary-bg);
  font-size: 14px
}

.selectStyle input {
  display: inline;
  position: absolute;
  left: -100%;
  margin-bottom: 5px;
  width: auto;
  height: auto
}

.selectStyle input:checked+.custom-checkmark:after {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 15px;
  height: 15px;
  content: "\f00c";
  color: var(--primary-color);
  font: normal 12px/16px FontAwesome;
  text-align: center
}

.selectStyle .custom-checkmark {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  outline: none;
  border: 2px solid var(--primary-color);
  background: var(--white-color);
  width: 15px;
  height: 15px
}

.products-container .empty {
  padding: 50px 0 0;
  text-align: center
}

.products-container .empty img {
  max-width: 100%
}

.products-container .empty span {
  display: block;
  margin-top: 25px;
  font-weight: 700;
  font-size: 20px
}

.products-filters-attribute-form .attribute-group {
  margin-bottom: 15px;
  border: 1px solid #f0f0f0;
  border-radius: 15px;
  padding: 15px 20px;
  overflow: hidden;
}

.filtration-header,.filtration-header,.product-attributes,.product-attributes-light-box {
  position: relative!important
}

.filtration-header span {
  display: block;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 8px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 15px
}

.filtration-header span:before {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--primary-color);
  width: 20px;
  height: 2px;
  content: ""
}

.products-filters-attribute-form .form-group label {
  display: block;
  min-height: 23px
}

.attributes-submit {
  padding-right: 0!important
}

.attributes-submit button {
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  background-color: var(--primary-color);
  padding: 0 20px;
  padding-bottom: 2px;
  width: 100%;
  height: 45px;
  color: var(--white-color);
  font-size: 14px;
  font-weight: 700
}

.attributes-submit button.reset {
  margin-top: 15px;
  background-color: var(--white-color);
  color: #000;
  cursor: pointer
}

.fullfilter {
  position: relative
}

.product-attributes {
  padding-right: 0!important;
  width: 100%!important
}

.fullfilter .count-products {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 1
}

.fullfilter .count-products .cols {
  display: flex;
  gap: 5px
}

.fullfilter .count-products .cols button {
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px
}

#modal-select-destination-city .modal-select-destination-city-content {
  border: none!important
}

#modal-select-destination-city .modal-dialog {
  max-width: 450px
}

#modal-select-destination-city .dropdwn .destination-shipping-language,
#modal-select-destination-city .dropdwn>span {
  display: block;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 16px
}

#modal-select-destination-city .dropbtn {
  position: relative;
  cursor: pointer;
  background-color: #f9f9f9!important;
  text-align: left;
  border-radius:30px!important;
}

#modal-select-destination-city .dropbtn::after {
  top: 23px!important
}

#modal-select-destination-city .dropdwn-content {
  top: calc(100% + 5px);
  border-color: #f0f0f0!important;
  background-color: #f9f9f9!important;
  border-radius:15px!important;
}

#modal-select-destination-city .dropdwn-content span {
  cursor: pointer;
  border-color: #f0f0f0!important;
  background: #f9f9f9;
  border-radius:0px;
}

#modal-select-destination-city #modal-select-destination-city-save {
  transition: all .3s;
  margin: 10px 0 30px;
  background: var(--primary-color);
  width: 100%;
  max-width: 100%;
  height: 45px;
  color: var(--white-color);
  font-weight: 700;
  font-size: 14px;
  border-radius:30px
}

.pageStyle {
  padding: 70px 0
}

.profilePage .flex-grow-1 {
  border: 1px solid #f0f0f0;
  padding: 25px;
  border-radius:10px;
}

.profilePage .bread-title {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 20px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 17px
}

.profilePage .bread-title:after {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--primary-color);
  width: 25px;
  height: 3px;
  content: ""
}

.profilePage h2 {
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 17px
}

.profilePage .mazeed-badge {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px auto 0;
  padding: 20px;
  max-width: 100%
}

.mazeed-badge .mazeed-description {
  padding: 0!important
}

.profilePage hr {
  margin: 20px 0;
  border-top-color: #e9e9e9
}

.profilePage .aaddress-personal-btn,
.profilePage button:not(.close, .fa-heart-o) {
  border: none;
  border-radius: 30px;
  background-color: #1f1f1f;
  padding: 0 35px;
  height: 38px;
  color: var(--white-color);
  font-weight: 700;
  line-height: 38px
}

.profilePage button:not(.close, .fa-heart-o):hover,
.profilePage button:not(.close, .fa-heart-o):focus {
  background-color: var(--primary-color)!important;
  color: var(--white-color)!important
}

.profilePage .logout button,.profilePage #btn_profile_delete_account {
  margin-left: auto;
  width: 100%;
  height: 45px;
  line-height: 45px
}

.profilePage .card-personal {
  transition: all .3s;
  border: 1px solid #f0f0f0;
  border-radius:10px;
  padding: 20px
}

.profilePage .card-personal:hover {
  border-color: var(--primary-color)
}

.profilePage .card-table-header {
  background-color: #f9f9f9;
  padding: 15px;
  color: var(--text-color-primary-bg);
  font-weight: 700
}

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

.products-details-page .prodSlider {
  position:sticky;
  top:15px;
}

.products-details-page .prodImages {
  border: 1px solid #f0f0f0;
  border-radius: 15px;
  padding: 15px;
}

.products-details-page .carousel {
  position: relative
}

.products-details-page #product-images-slick img {
  cursor: pointer;
  min-width: 100%;
  max-height: 600px;
  object-fit: cover
}

.products-details-page #carousel-thumbs {
  padding: 0 50px
}

.products-details-page #carousel-thumbs img:hover {
  opacity: 100%
}

.products-details-page #carousel-thumbs img {
  opacity: 80%;
  cursor: pointer;
  border: 3px solid transparent
}

.products-details-page #carousel-thumbs .selected img {
  opacity: 100%
}

.products-details-page .carousel-control-prev,.products-details-page .carousel-control-next {
  width: 44px;
  height: 44px
}

.products-details-page .carousel-fullscreen-icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 4;
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjgwKScgIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTEuNSAxYS41LjUgMCAwIDAtLjUuNXY0YS41LjUgMCAwIDEtMSAwdi00QTEuNSAxLjUgMCAwIDEgMS41IDBoNGEuNS41IDAgMCAxIDAgMWgtNHpNMTAgLjVhLjUuNSAwIDAgMSAuNS0uNWg0QTEuNSAxLjUgMCAwIDEgMTYgMS41djRhLjUuNSAwIDAgMS0xIDB2LTRhLjUuNSAwIDAgMC0uNS0uNWgtNGEuNS41IDAgMCAxLS41LS41ek0uNSAxMGEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAwIC41LjVoNGEuNS41IDAgMCAxIDAgMWgtNEExLjUgMS41IDAgMCAxIDAgMTQuNXYtNGEuNS41IDAgMCAxIC41LS41em0xNSAwYS41LjUgMCAwIDEgLjUuNXY0YTEuNSAxLjUgMCAwIDEtMS41IDEuNWgtNGEuNS41IDAgMCAxIDAtMWg0YS41LjUgMCAwIDAgLjUtLjV2LTRhLjUuNSAwIDAgMSAuNS0uNXonIC8+PC9zdmc+);
  width: 1.75rem;
  height: 1.75rem
}

.products-details-page .carousel-fullscreen-icon:hover {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYigyNTUsMjU1LDI1NSknIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTEuNSAxYS41LjUgMCAwIDAtLjUuNXY0YS41LjUgMCAwIDEtMSAwdi00QTEuNSAxLjUgMCAwIDEgMS41IDBoNGEuNS41IDAgMCAxIDAgMWgtNHpNMTAgLjVhLjUuNSAwIDAgMSAuNS0uNWg0QTEuNSAxLjUgMCAwIDEgMTYgMS41djRhLjUuNSAwIDAgMS0xIDB2LTRhLjUuNSAwIDAgMC0uNS0uNWgtNGEuNS41IDAgMCAxLS41LS41ek0uNSAxMGEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAwIC41LjVoNGEuNS41IDAgMCAxIDAgMWgtNEExLjUgMS41IDAgMCAxIDAgMTQuNXYtNGEuNS41IDAgMCAxIC41LS41em0xNSAwYS41LjUgMCAwIDEgLjUuNXY0YTEuNSAxLjUgMCAwIDEtMS41IDEuNWgtNGEuNS41IDAgMCAxIDAtMWg0YS41LjUgMCAwIDAgLjUtLjV2LTRhLjUuNSAwIDAgMSAuNS0uNXonIC8+PC9zdmc+);
  width: 1.75rem;
  height: 1.75rem
}

.products-details-page .pause .carousel-pause-icon {
  position: absolute;
  top: 3.75rem;
  right: 1rem;
  z-index: 4;
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjgwKScgIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMHpNNi4yNSA1QzUuNTYgNSA1IDUuNTYgNSA2LjI1djMuNWExLjI1IDEuMjUgMCAxIDAgMi41IDB2LTMuNUM3LjUgNS41NiA2Ljk0IDUgNi4yNSA1em0zLjUgMGMtLjY5IDAtMS4yNS41Ni0xLjI1IDEuMjV2My41YTEuMjUgMS4yNSAwIDEgMCAyLjUgMHYtMy41QzExIDUuNTYgMTAuNDQgNSA5Ljc1IDV6JyAvPjwvc3ZnPg==);
  width: 1.75rem;
  height: 1.75rem
}

.products-details-page .pause .carousel-pause-icon:hover {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYigyNTUsMjU1LDI1NSknICB2aWV3Qm94PScwIDAgMTYgMTYnPjxwYXRoIGQ9J00xNiA4QTggOCAwIDEgMSAwIDhhOCA4IDAgMCAxIDE2IDB6TTYuMjUgNUM1LjU2IDUgNSA1LjU2IDUgNi4yNXYzLjVhMS4yNSAxLjI1IDAgMSAwIDIuNSAwdi0zLjVDNy41IDUuNTYgNi45NCA1IDYuMjUgNXptMy41IDBjLS42OSAwLTEuMjUuNTYtMS4yNSAxLjI1djMuNWExLjI1IDEuMjUgMCAxIDAgMi41IDB2LTMuNUMxMSA1LjU2IDEwLjQ0IDUgOS43NSA1eicgLz48L3N2Zz4=)
}

.products-details-page .play .carousel-pause-icon {
  position: absolute;
  top: 3.75rem;
  right: 1rem;
  z-index: 4;
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYmEoMjU1LDI1NSwyNTUsLjgwKScgIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZD0nTTE2IDhBOCA4IDAgMSAxIDAgOGE4IDggMCAwIDEgMTYgMHpNNi43OSA1LjA5M0EuNS41IDAgMCAwIDYgNS41djVhLjUuNSAwIDAgMCAuNzkuNDA3bDMuNS0yLjVhLjUuNSAwIDAgMCAwLS44MTRsLTMuNS0yLjV6JyAvPjwvc3ZnPg==);
  width: 1.75rem;
  height: 1.75rem
}

.products-details-page .play .carousel-pause-icon:hover {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYigyNTUsMjU1LDI1NSknICB2aWV3Qm94PScwIDAgMTYgMTYnPjxwYXRoIGQ9J00xNiA4QTggOCAwIDEgMSAwIDhhOCA4IDAgMCAxIDE2IDB6TTYuNzkgNS4wOTNBLjUuNSAwIDAgMCA2IDUuNXY1YS41LjUgMCAwIDAgLjc5LjQwN2wzLjUtMi41YS41LjUgMCAwIDAgMC0uODE0bC0zLjUtMi41eicgLz48L3N2Zz4=)
}

.products-details-page #carousel-thumbs .carousel-control-prev-icon {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYmEoMCwwLDAsLjYwKScgdmlld0JveD0nMCAwIDggOCc+PHBhdGggZD0nTTUuMjUgMGwtNCA0IDQgNCAxLjUtMS41LTIuNS0yLjUgMi41LTIuNS0xLjUtMS41eicvPjwvc3ZnPg==)!important
}

.products-details-page #carousel-thumbs .carousel-control-next-icon {
  background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J2AwMDAnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J00yLjc1IDBsLTEuNSAxLjUgMi41IDIuNS0yLjUgMi41IDEuNSAxLjUgNC00LTQtNHonLz48L3N2Zz4=)!important
}

.products-details-page .modal-content {
  border: none
}

.products-details-page #lightbox-container-image img {
  width: auto;
  max-height: 520px
}

.products-details-page .lg-thumbs {
  margin-left: -7.5px;
  margin-bottom: 25px;
  margin-right: -7.5px
}

.products-details-page .lg-thumbs a {
  cursor: pointer
}

.products-details-page .lg-thumbs img,.carousel-img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain
}

.products-details-page .lg-thumbs .col-3 {
  flex: 0 0 20%;
  margin-top: 15px;
  padding-left: 7.5px;
  padding-right: 7.5px;
  max-width: 20%
}

.products-details-page .lg-thumbs .row {
  margin-left: 7.5px;
  margin-right: 7.5px
}

.products-details-page .carousel-fullscreen-control {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: #e1e1e1;
  width: 44px;
  height: 44px
}

.products-details-page h4 {
  font-size: 1.3rem
}

.products-details-page h4 del {
  color: #868686
}

#product-custom-user-dropdown-fields label {
  display: block;
  color: var(--text-color-primary-bg)
}

#product-custom-user-dropdown-fields select,.select-quantity-div select {
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  appearance: none;
  cursor: pointer;
  outline: none;
  border-color: #f0f0f0;
  border-radius: 10px;
  background-color: #ffff;
  padding: 10px 15px;
  width: 100%;
  height: auto
}

#product-custom-user-dropdown-fields>div.form-group>div,.select-quantity-div>div.form-group>div {
  position: relative
}

#product-custom-user-dropdown-fields>div.form-group>div:after,.select-quantity-div>div.form-group>div:after {
  position: absolute;
  bottom: 0;
  right: 0;
  border-left: 1px solid #f0f0f0;
  padding: 5px 8px;
  width: 40px;
  height: 40px;
  pointer-events: none;
  content: "\f107";
  color: #333;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  line-height: 31px;
  text-align: center
}

.select-quantity-div div.form-group>div:after {
  left: unset;
  right: 0;
  border-left: 1px solid #f0f0f0;
  border-right: 0
}

.select-quantity-div>div.form-group {
  width: 100px
}

.select-quantity-div>div.form-group>div:after {
  top: 0
}

.tooltip-info-icon {
  color: var(--secondary-color-alt3);
  font-size: 1.5rem
}

.card-table {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 72px
}

.card-table-header {
  background-color: var(--secondary-color-alt4);
  color: var(--secondary-color-alt3);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.167rem
}

.card-text-color {
  color: var(--secondary-color-alt3);
  font-weight: var(--font-weight-sizeOne);
  font-size: 1.333rem
}

.card-price {
  margin: 10px 20px;
  color: var(--primary-color);
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.333rem
}

.card-body {
  padding: 10px
}

.variant-image-wrapper {
  margin-left: 10px;
  width: 60px
}

.variant-image-wrapper img {
  object-fit: contain
}

.add-review-btn {
  margin-right: 15px
}

.icon-star1,.icon-border-star {
  margin-top: 1px;
  margin-left: 2px;
  margin-right: 2px
}

.icon-star1.deactive:before {
  color: #ccc
}

.rating_count_5,.rating_count_4,.rating_count_3,.rating_count_2,.rating_count_1 {
  width: 25px
}

.user-review-date {
  margin-right: auto
}

.card-name-customer {
  margin: 0 2px;
  font-size: 1.22rem
}

.user-review-text {
  margin-right: 50px;
  color: #484848
}

.card-review .icon-account_circle {
  width: 40px;
  color: #a8a8a8;
  font-size: 40px
}

.card-review .card-name {
  margin-right: 10px
}

.product-social i {
  color: var(--primary-color);
  font-size: 20px
}

.product-social {
  margin-left: -7.5px;
  margin-right: -7.5px
}

.product-social a {
  padding: 0 7.5px
}

.add-review-btn {
  background-color: var(--primary-color);
  color: var(--white-color)
}

.btn-buy-now,
.btn-add-to-cart {
  border-radius: 10px;
  background-color: var(--primary-color);
  padding: 10px;
  width: 100%;
  color: var(--white-color);
  font-weight: 700;
  font-size: 1.4rem;
  cursor: pointer
}

.border-product {
  margin-top: 20px
}

.options-table .col {
  flex-basis: 0
}

.options-table .m-col {
  margin: 5px 0
}

.rating-section {
  margin-top: 15px;
  margin-bottom: 15px
}

.rating-section-top {
  margin-top: 0;
  margin-bottom: 0
}

.rating-section h4 {
  margin: 0;
  margin-right: 4px;
  font-weight: 400;
  font-size: 1rem
}

.review-details .rating-section {
  margin-right: 15px
}

.rating-average {
  margin: 0;
  min-width: 80px;
  font-size: 2rem!important
}

.product-features {
  margin-left: -7.5px;
  margin-bottom: 15px;
  margin-right: -7.5px
}

.product-features>div {
  padding-left: 7.5px;
  padding-right: 7.5px
}

.form-notify-me {
  border: 1px solid var(--primary-color);
  border-radius: 3px;
  padding: 15px
}

.btn-send-notify {
  width: 100px;
  font-weight:700;
  height: 60px;
  border-radius:0!important;
}

.products-details-page .slick-dots {
  display: none!important
}

.products-details-page .slick-arrow {
  opacity: .5;
  z-index: 2;
  border-radius: 50%;
  background-color: rgba(204,204,204,.7)
}

.products-details-page .slick-next.slick-arrow>span,.products-details-page .slick-prev.slick-arrow>span {
  color: var(--white-color)
}

.products-details-page .slick-prev {
  right: 0
}

[dir=rtl] .products-details-page .slick-prev {
  left: 0;
  right: auto
}

.products-details-page .slick-next {
  left: 0
}

[dir=rtl] .products-details-page .slick-next {
  left: auto;
  right: 0
}

.col-product-info {
  padding-top: 0;
}

.col-product-info .prodDetails {
  border:1px solid #f0f0f0;
  border-radius:15px;
  padding:20px;
}

.col-product-info .prodDetails .add-to-wishlist {
  overflow:hidden;
  font-family: inherit;
  width:100%;
}

.col-product-info .prodDetails .add-to-wishlist button,
.col-product-info .prodDetails .add-to-wishlist a {
  background-color:var(--white-color);
  border:2px solid var(--primary-color);
  color:var(--primary-color);
  font-family: inherit;
}

.col-product-info .prodDetails .add-to-wishlist button.filled,
.col-product-info .prodDetails .add-to-wishlist a.filled {
  background-color:var(--primary-color);
  color:var(--white-color);
}

.col-product-info .prodDetails .add-to-wishlist button:before,
.col-product-info .prodDetails .add-to-wishlist a:before {
  font: normal 12px/16px FontAwesome;
  margin-right:5px;
  font-size:inherit;
  display:inline-block;
}

.col-product-info-single-image {
  padding-top: 0
}

.col-product-image-wrapper {
  padding-left: 15px;
  padding-right: 15px
}

#product-custom-user-input-fields .file-label {
  margin-bottom: 0
}

#product-custom-user-input-fields .icon-close::after {
  cursor: pointer;
  content: "\f05c";
  font-size: 18px
}

.product-images-carousel-init {
  overflow: hidden
}

.size-box #product-variants-options ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.size-box #product-variants-options ul li {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 2px solid #f0f0f0;
  border-radius:10px;
  padding: 5px 10px;
  width: auto;
  text-align: center;
  background: #fff;
}

.size-box #product-variants-options ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #222;
  font-size: 18px
}

.size-box #product-variants-options ul li.active {
  border-color: var(--primary-color);
  color: var(--primary-color)
}

.tabby-product-widget .tabby-promo-snippet {
  font-family: inherit
}

.tableDetails {
  padding-top: 50px
}

.tableDetails .tab-btns {
  margin-bottom: 0;
  padding:0;
  text-align: center;
}

.tableDetails .tab-btns li {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-color: #f9f9f9;
  padding: 0 35px;
  height: 55px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 17px;
  line-height: 50px;
  list-style: none;
  text-align: center;
  display: inline-block;
}

.tableDetails .tab-btns li:not(:last-of-type) {
  margin-right: 15px
}

.tableDetails .tab-btns li.active {
  background-color: var(--primary-color);
  color: var(--white-color)
}

.tableDetails .table {
  margin-bottom: 0;
  background-color: #f9f9f9;
  padding: 40px 15px;
  border-radius:15px;
}

.tableDetails .table .tab:not(:first-of-type) {
  display: none
}

.tableDetails .table .tab p {
  margin-bottom: 20px;
  color: var(--text-color-primary-bg);
  font-size: 15px;
  line-height: 25px;
  text-align: justify
}

.tableDetails .table .tab p.customer {
  text-align: left
}

.tableDetails .table table {
  display: table;
  background-color: var(--white-color);
  width: 100%;
  border-radius: 15px;
}

.tableDetails .table table thead {
  border-bottom: 1px solid #e2e2e2
}

.tableDetails .table table thead th {
  border-top: none;
  padding: 20px 0;
  color: var(--text-color-primary-bg);
  font-size: 17px;
  border-bottom:none;
  text-align: center
}

.tableDetails .table table thead th:not(:last-of-type) {
  border-right: 1px solid #f0f0f0
}

.tableDetails .table .parg {
  width: 40%
}

.tableDetails .table table tbody td {
  vertical-align: middle;
  padding: 20px;
  color: var(--text-color-primary-bg);
  font-size: 15px;
  text-align: center
}

.tableDetails .table table tbody td:not(:last-of-type) {
  border-right: 1px solid #f0f0f0
}

.tableDetails .table table .variant-image-wrapper {
  display: inline-block;
  cursor: pointer;
  margin: 0 5px
}

.tableDetails .table table .images img {
  width: 50px;
  height: auto;
  object-fit: contain
}

.tableDetails .table table .tags span {
  display: inline-block;
  margin: 0 5px 5px;
  border: 2px solid var(--primary-color);
  padding: 5px 7px;
  border-radius:10px;
  font-size: 12px
}

.tableDetails .addHead {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  border: 1px solid #f0f0f0;
  background-color: var(--white-color);
  padding: 50px;
  border-radius:15px;
}

.tableDetails .addHead .rightSection {
  display: flex;
  align-items: center;
  width: 33.3333%
}

.tableDetails .addHead .rightSection .circleRate {
  display: block;
  margin-right: 15px;
  border: 1px solid #f0f0f0;
  border-radius: 50%;
  background-color: var(--white-color);
  width: 95px;
  height: 95px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 25px;
  line-height: 95px;
  text-align: center
}

.tableDetails .addHead .rightSection .details {
  display: flex;
  flex-direction: column;
  float: left;
  gap: 10px
}

.tableDetails .addHead .rightSection .details .rateOff {
  margin-bottom: 5px
}

.tableDetails .addHead .rightSection .details .rateOff img {
  width: 23px
}

.tableDetails .addHead .rightSection .details span {
  display: inline-block;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 16px
}

.tableDetails .addHead .rightSection .details span.fa {
  color: #ffaa17
}

.tableDetails .addHead .rightSection .details span.totalRate {
  display: block;
  color: var(--text-color-primary-bg);
  font-size: 16px
}

.tableDetails .addHead .centerSection {
  width: 33.3333%
}

.tableDetails .addHead .centerSection .progressDiv {
  display: flex;
  align-items: center;
  margin-bottom: 5px
}

.tableDetails .addHead .centerSection .progressDiv .stars {
  display: block;
  margin-left: 15px;
  width: 25%;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 14px
}

.tableDetails .addHead .centerSection .progressDiv .progress {
  border: none;
  border-radius: 30px;
  background-color: #f0f0f0;
  width: 48%
}

.tableDetails .addHead .centerSection .progressDiv .numb {
  width: 17%;
  color: #868686;
  font-weight: 700;
  font-size: 16px;
  text-align: center
}

.tableDetails .addHead .centerSection .progress {
  height: 15px
}

.tableDetails .addHead .centerSection .progress-bar {
  box-shadow: none;
  background-color: #fead00
}

.tableDetails .addHead .leftSection {
  width: 33.33333%;
  text-align: center
}

.tableDetails .addHead .leftSection .titleRate {
  margin-bottom: 20px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 23px
}

.tableDetails .addHead .leftSection .add-review {
  transition: all .3s;
  cursor: pointer;
  border: none;
  border-radius: 30px;
  background-color: var(--text-color-primary-bg);
  width: 150px;
  height: 40px;
  color: var(--white-color);
  font-weight: 700;
  line-height:40px;
}

.tableDetails .addHead .leftSection .add-review:hover {
  background-color: var(--primary-color);
  color: vart(--text-color-primary-bg)
}

.tableDetails .addHead .leftSection .rateComment img {
  width: 38px
}

.tableDetails .rateContainer {
  margin-bottom: 10px;
  border: 1px solid #f0f0f0;
  background-color: var(--white-color);
  padding: 30px;
  border-radius:15px;
}

.tableDetails .rateContainer .titleContainer {
  margin-bottom: 30px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 25px
}

.tableDetails .rateContainer .comment:not(:last-of-type) {
  border-bottom: 1px solid #ccc
}

.all-reviews-btn {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  color: var(--primary-color);
  text-decoration: underline
}

.reviewPage .tableDetails {
  padding-top: 30px
}

.reviewPage .prodPreview {
  display: flex;
  align-items: center;
  gap: 20px;
  border: 1px solid #f0f0f0;
  background-color: #f9f9f9;
  padding: 20px
}

.reviewPage .tableDetails .addHead {
  background-color: #f9f9f9
}

.reviewPage .tableDetails .reviewStyle {
  background-color: #f9f9f9
}

.reviewPage .prodPreview img {
  border: 1px solid #f0f0f0;
  background-color: var(--white-color);
  width: 100px;
  height: 100px;
  object-fit: cover
}

.reviewPage .prodPreview h1 {
  font-weight: 700;
  font-size: 20px
}

.reviews-break-down-empty span {
  display: block;
  border: 1px solid #f0f0f0;
  padding: 20px;
  border-radius:15px;
  font-size: 14px
}

.reviewStyle {
  margin-bottom: 15px;
  border: 1px solid #f0f0f0;
  padding: 20px;
  border-radius:15px;
}

.reviewStyle .customer {
  margin-bottom: 0!important;
  font-weight: 700;
  font-size: 16px
}

.reviewStyle .customer .date {
  display: inline-block;
  margin-bottom: 0;
  color: #868686;
  font-weight: 400;
  font-size: 12px
}

.reviewStyle .text {
  margin-top: 5px;
  color: var(--text-color-primary-bg);
  font-size: 15px;
  line-height: 25px
}

.prodPage .slickParentNext,.prodPage .slickParentPrev {
  position: absolute;
  top: -38px;
  right: 0;
  opacity: 1;
  z-index: 1;
  cursor: pointer;
  margin-right: 20px;
  border: 1px solid var(--text-color-primary-bg);
  border-radius: 0;
  background-color: var(--text-color-primary-bg);
  padding: 0;
  width: 35px;
  height: 35px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 31px;
  text-align: center
}

.prodPage .slickParentNext.slick-disabled,.prodPage .slickParentPrev.slick-disabled {
  opacity: .5
}

.prodPage .slickParentPrev {
  right: 38px
}

.modal-comment-content {
  -ms-flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: column;
  outline: 0;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 15px;
  background-clip: padding-box;
  background-color: var(--white-color);
  width: 100%;
  pointer-events: auto
}

.modal-product-header {
  -ms-flex-align: start;
  -ms-flex-pack: justify;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  padding: 1rem
}

.modal-comment-content .title {
  margin-bottom: 10px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 23px;
  text-align: center
}

#exampleModalCenter .review-remaining-count {
  margin-top: 5px;
  text-align: left
}

#exampleModalCenter textarea {
  resize: none
}

#exampleModalCenter button {
  padding: 7px 15px;
  border-radius:10px;
}

#exampleModalCenter button.btn-primary,#exampleModalCenter button.btn-primary:hover,#exampleModalCenter button.btn-primary:focus {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  color: var(--white-color)
}

#exampleModalCenter .modal-body {
  padding: 30px
}

.btnrating.active>i:before {
  color: #edb900
}

.btnrating>i:before,.btnrating.deactive>i:before {
  color: #ccc
}

.btnrating {
  cursor: pointer;
  font-size: 18px
}

.div-btnrating {
  margin-right: auto;
  text-align: center
}

.description-title {
  margin-bottom: 25px;
  color: var(--secondary-color-alt3);
  font-weight: 700;
  font-size: 18px
}

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

.relatedSection .section-title {
  margin-bottom: 70px
}

.product-price {
  margin-bottom: 6px;
  font-weight: 700;
  font-size: 15px;
  display: flex;
}

.bundle-offer-title-description {
  font-size: 1rem
}

.bundle-offer-more {
  text-align: left
}

.bundle-offer-more>a {
  cursor: pointer;
  color: var(--primary-color);
  font-size: 1.2rem;
  text-decoration: underline
}

.bundle-offer-products-dialog .bundle-offer-title,.bundle-offer-products-dialog .bundle-offer-title-description {
  margin-left: 40px
}

.bundle-offer-details-products {
  flex-wrap: wrap;
  overflow-x: visible
}

.prodPage .products-details .slickPrev,.prodPage .products-details .slickNext {
  position: absolute;
  top: calc(50% - 17.5px);
  left: 0;
  opacity: 1;
  z-index: 99;
  cursor: pointer;
  box-shadow: rgba(0,0,0,.03) 0 0 6px 3px;
  border-radius: 50%;
  background-color: var(--primary-color);
  width: 35px;
  height: 35px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 35px;
  text-align: center
}

.prodPage .products-details .slickNext {
  left: auto;
  right: 0
}

.product-images-carousel-thumbs {
  margin-top: 20px;
  margin-right: -5px;
  margin-left: -5px;
}

.product-images-carousel-thumbs .content {
  padding: 0 5px 2px;
}

.product-images-carousel-thumbs a {
  display: flex;
  cursor: pointer;
  min-height: 100px;
  border: 1px solid #e7e7e7;
  border-radius: 15px;
  align-items: center;
  justify-content: center;
  position:relative;
  overflow:hidden;
}

.product-images-carousel-thumbs img {
  margin: 0 auto;
  width: 100%;
  object-fit: cover;
  height: 100%;
  display: block;
}

.product-images-carousel-thumbs .slickParentNext,.product-images-carousel-thumbs .slickParentPrev {
  bottom: calc(50% - 18px);
  right: 4px;
  margin: 0;
  border: none;
  top: unset;
  background: 100% 0;
  color: var(--white-color);
  font-size: 30px;
  background: var(--primary-color);
  width: 30px;
  height: 30px;
  font-size: 21px;
  line-height: 30px;
}

.product-images-carousel-thumbs .slickParentPrev {
  right: unset;
  left: 6px;
}

.products-details-page .product-formatted-price-discount {
  position: absolute;
  right: 15px;
  top: 15px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 51px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  background: var(--primary-color);
  text-align: center;
  direction: rtl;
  color: var(--white-color);
  z-index: 2;
  transform: rotate(45deg);
  transition: all .3s ease;
  box-shadow: rgb(255, 255, 255, 0.7) 0px 0px 10px 2px;
}

.col-product-info h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: var(--text-color-primary-bg);
  font-weight: 700;
  font-size: 22px
}

.col-product-info .price {
  margin-bottom: 10px
}

.col-product-info .price .salePrice,.col-product-info .price .oldPrice {
  margin: 0
}

.col-product-info .price .salePrice {
  font-size: 27px
}

.col-product-info .product-card-rating .fa-star {
  font-size: 19px
}

.col-product-info #product-description-a {
  color: var(--primary-color)
}

.col-product-info p {
  font-size: 14px;
  line-height: 23px
}

.col-product-info .skuTitle span {
  font-weight: 400
}

.optionsBox {
  border: 1px solid #f0f0f0;
  border-radius: 15px;
  padding: 20px;
  background: #fcfcfc;
}

.optionsBox label .text-color-primary,.optionsBox #product-variants-options label {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 14px
}

#product-custom-user-option-fields .form-group .checkbox-container {
  margin-right: 10px;
  border-color: #f0f0f0
}

#product-custom-user-option-fields .form-group label {
  display: block;
  appearance: none;
  margin-bottom: 10px;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: var(--white-color);
  padding: 10px;
  width: 100%;
  font-weight: 600;
  font-size: 14px
}

#product-custom-user-option-fields .form-group label span {
  font-weight: 400
}

#product-custom-user-option-fields,.add-review-form-checkbox {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-bottom: 10px
}

.add-review-form-checkbox .checkbox-container {
  margin-right: 5px
}

#product-custom-user-option-fields .form-group,.add-review-form-checkbox .form-group {
  width: 100%
}

#product-custom-user-option-fields input+span,.add-review-form-checkbox input+span {
  display: inline-block;
  position: relative;
  top: 4px;
  left: 2px;
  cursor: pointer;
  border: 1px solid #ced4da;
  border-radius: 3px;
  width: 18px;
  height: 18px
}

.add-review-form-checkbox input+span {
  left: 0!important
}

#product-custom-user-option-fields input:checked+span:after,.add-review-form-checkbox input:checked+span:after {
  position: absolute;
  top: 2px;
  left: 1px;
  content: "\f00c";
  color: var(--primary-color);
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px
}

#product-custom-user-option-fields input,.add-review-form-checkbox input {
  display: none
}

#product-custom-user-input-fields .file-label>* {
  margin-right: 10px
}

#product-custom-user-input-fields .file-label button {
  cursor: pointer;
  border: none;
  border-radius: 30px;
  padding: 5px 15px
}

#product-custom-user-input-fields .form-control {
  margin-bottom: 20px
}

.shareProduct {
  margin-top: 20px;
  border-top: 1px solid #f0f0f0;
  padding-top: 20px
}

.shareProduct .social-icons {
  gap: 10px
}

.shareProduct .product-title {
  margin-bottom: 15px;
  color: var(--text-color-primary-bg)
}

.shareProduct .social-icons a {
  position: relative;
  z-index: 1;
  border-radius: 50%;
  background: var(--primary-color);
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: var(--white-color);
  font-size: 16px;
  line-height: 42px;
  text-align: center
}

.category-page-slider .slickNext,.category-page-slider .slickPrev {
  position: absolute;
  bottom: calc(50% - 20px);
  right: -40px;
  z-index: 1;
  cursor: pointer;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  background-color: var(--primary-color);
  padding: 0;
  width: 35px;
  height: 35px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 33px;
  text-align: center;
}

.category-page-slider .slickPrev {
  left: -40px;
  right: auto
}

.openMenu {
  color: #000;
  height: 100%;
  font-size: 14px;
  display: none;
  width: 20px;
  height:16px;
  cursor: pointer;
  text-align: center;
  border: none;
  border-top:2px solid #000;
  border-bottom:2px solid #000;
  background: 100% 0;
  margin-top: 24px;
  position:relative;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  padding: 0;
}

.openMenu span {
  position:absolute;
  width:70%;
  right:0px;
  height:2px;
  background-color:#000;
  top:5px
}

.header.header2.headerFixed .openMenu {
  color: var(--text-color-primary-bg);
  border-color: var(--text-color-primary-bg)
}

.transformPage {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.mobileMenu {
  display: none
}

.slide-menu {
  height: 100%;
  width: 320px!important;
  background-color: var(--white-color);
  z-index: 9999
}

.menuHead {
  padding: 15px 15px;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #f0f0f0
}

.menuHead .closeX {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 13px;
  color: var(--text-color-primary-bg);
  border: 1px solid var(--text-color-primary-bg);
  width: 25px;
  height: 25px;
  border-radius: 0;
  text-align: center;
  line-height: 23px;
  padding: 0;
  opacity: 1;
  border-radius: 50%;
  cursor: pointer;
  text-transform: uppercase;
  font-style: normal
}

.menuHead .logo {
  padding: 0 15px;
  max-width: 100%;
  margin: 0 auto;
}

.menuHead .logo img {
  max-width:100%;
}

.slide-menu .slide-menu__slider {
  padding-bottom: 50px
}

.slide-menu .slide-menu__slider ul a {
  font-size: 1.2rem;
  color: inherit;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  padding-left: 30px
}

.slide-menu .slide-menu__slider ul a:before {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  left: 15px;
  top: 13px;
  font-size: 16px;
  color: var(--primary-color)
}

.slide-menu .slide-menu__slider .slide-menu__decorator {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 16px;
  height: 100%;
  width: 40px;
  line-height: 55px;
  text-align: center;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  color: var(--primary-color)
}

.slide-menu .slide-menu__slider .slide-menu__decorator.active:before {
  transform: rotate(-180deg)
}

.slide-menu a {
  padding: 15px;
  text-decoration: none
}

.slide-menu ul {
  padding-left: 0
}

.slide-menu-ul-li {
  border-top: .5px solid rgba(255,255,255,.08)
}

.slide-menu-ul-li:first-child,:not(.slide-menu-ul-li)+.slide-menu-ul-li {
  border-top: 0
}

.slide-menu .slide-menu__backlink {
  text-transform: uppercase
}

.slide-menu__decorator {
  float: left
}

.slide-menu-arrow {
  font-size: 20px
}

.slide-menu-arrow-back {
  position: relative;
  top: 3px;
  left: 5px;
  font-size: 20px
}

#test-menu-left p {
  font-size: 110%;
  padding-right: 1.25rem;
  padding-left: 1.25rem
}

#sidenav-overlay {
  background-color: rgba(0,0,0,.4);
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  transition: all .3s
}

#sidenav-overlay.active {
  opacity: 1;
  visibility: visible
}

.sidenav-open .sidenav {
  width: 250px
}

.sidenav-open #sidenav-overlay {
  width: 100%
}

.slide-menu ul ul {
  background-color: var(--white-color);
  height: 100%;
  top: 0;
  display: block;
  z-index: 99;
  left: 100%;
  right: unset;
  transition: all .3s
}

.slide-menu ul ul.active {
  right: unset;
  left: 0
}

.slide-menu ul ul .slide-menu-arrow-back {
  position: absolute;
  top: -45px;
  text-align: center;
  height: 30px;
  line-height: 26px;
  right: 12px;
  left: auto;
  border: 2px solid #ddd;
  border-radius: 0;
  padding-left: 2px;
  width: 30px;
  border-radius: 5px;
  color: #8d8d8d;
  padding-right: 3px;
  background-color: var(--white-color);
}

.slide-menu ul ul .slide-menu-arrow-back:before {
  content:"\f100"
}

.slide-menu ul ul a {
  padding-right: 50px!important
}

.slide-menu ul ul a:before {
  left: 30px!important
}

#accordion .faq {
  background-color: #f9f9f9
}

#accordion .faq:not(:last-of-type) {
  margin-bottom: 20px
}

#accordion .faq .faqs-title {
  padding: 0 35px;
  font-size: 16px;
  color: var(--text-color-primary-bg);
  font-weight: 600;
  padding: 20px 40px 20px 30px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #f0f0f0
}

#accordion .faq .faqs-title:before {
  content: "\f067";
  font: normal normal normal 14px/1 FontAwesome;
  color: var(--text-color-primary-bg);
  position: absolute;
  right: 20px;
  top: 23px;
  border-radius: 50%;
  font-size: 15px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

#accordion .faq .faqs-title.collapsed {
  border-bottom: 1px solid #f2f3f8
}

#accordion .desc {
  margin: 0;
  padding: 25px;
  font-size: 14px;
  color: var(--text-color-primary-bg);
  line-height: 37px
}

.textAd {
  padding: 50px 0;
  position: relative;
  overflow: hidden;
}

.textAd  .projects-text-content {
  flex-direction: column;
  display:flex;
  gap:15px;
}

.textAd  .projects-text-content a {
  color: var(--primary-color);
  font-weight:700;
}

.textAd  .projects-text-content a:first-of-type {
  font-size: 3.271rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  position: relative;
  right: 292px;
  -webkit-animation: loop 40s infinite linear;
  animation: loop 40s infinite linear;
}

.projects-text-content a:last-of-type {
  font-size: 3.271rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  left: 55%;
  position: relative;
  -webkit-animation: drift 40s linear infinite both;
  animation: drift 40s linear infinite both;
}

@-webkit-keyframes loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes drift {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.singleBanner {
  padding: 90px 15px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-align: center;
}

.singleBanner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  z-index: -1;
  opacity: .4;
}

.singleBanner.black:before {
  background-color:#000;
  opacity: .3;
}

.singleBanner .content {
  max-width:800px;
  border-radius: 20px;
  padding: 50px 30px;
  margin:0 auto;
  background: rgb(0 0 0 / 40%);
  backdrop-filter: blur(3px);
  box-shadow: 0 0 11px 5px rgb(255 255 255 / 30%);
}

.singleBanner.black .content {
  backdrop-filter: blur(7px) brightness(120%);
  background: rgb(255 255 255 / 40%);
  box-shadow: 0 0 11px 5px rgb(0 0 0 / 10%);
}

.singleBanner .content .slider-item {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.singleBanner .bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index:-2;
  background-color: var(--primary-color);
}


.singleBanner .title {
  font-weight:700;
  color: var(--white-color);
  font-size: 3.271rem;
  margin-bottom:30px;
}

.singleBanner .subTitle {
  color: var(--white-color);
  font-size: 18px;
  margin-bottom: 20px;
}

.singleBanner .count {
  align-items: center;
  justify-content: center;
  flex-direction: row;
  display:flex;
  right:0;
  gap:10px;
  margin-bottom:35px;
}

.singleBanner .count .countContent {
  background-color:var(--white-color);
  padding:10px;
  text-align:center;
  display:flex;
  gap:5px;
  color: var(--black-color);
  flex-direction:column;
  min-width: 70px;
  border-bottom-left-radius: 0;
  border-bottom: 3px solid var(--primary-color);
  border-bottom-right-radius: 15px;
  border-right: 2px solid var(--primary-color);
  border-top-right-radius: 0;
  border-top-left-radius: 15px;
}

.singleBanner .count .count-num {
  margin-bottom:0;
  font-size: 18px;
  font-weight: 700;
}

.singleBanner .count .count-date {
  margin-bottom:0;
  font-weight: 400;
}

.singleBanner a {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 700;
  background-color: var(--white-color);
  height:45px;
  line-height:45px;
  padding: 0 50px;
  border-radius: 20px;
}

.singleBanner a:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
}


.singleBanner .nextArrowSection,.singleBanner .prevArrowSection {
  display: block;
  position: absolute;
  top: calc(50% - 20px);
  left: -30px;
  z-index: 22;
  cursor: pointer;
  background-color: var(--primary-color);
  color: var(--white-color);
  width: 40px;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.singleBanner .nextArrowSection {
  left: auto;
  right: -30px;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-right-radius:0%;
  border-bottom-right-radius:0%;
}



.videos {
  padding:50px 0;
}

.videos .slickPrev,.videos .slickNext {
  position: absolute;
  bottom: calc(50% - 17.5px);
  right: -40px;
  z-index: 1;
  cursor: pointer;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  background-color: var(--primary-color);
  padding: 0;
  width: 35px;
  height: 35px;
  color: var(--white-color);
  font-size: 20px;
  line-height: 33px;
  text-align: center
}

.videos .slickPrev {
  right:auto;
  left:-40px;
}

.videos .single-video {
  position: relative;
  padding: 0 15px;
}

.videos iframe {
  min-height: 430px;
  border-radius: 20px;
  width:100%;
  border:none;
}

.videos .slick-dots {
  margin-top:30px;
  position:static;
}

.videos .slick-dots li button:hover, 
.videos .slick-dots li.slick-active button {
  background-color: var(--primary-color);
  border-radius:20px;
  width:20px
}

.videos .slick-dots li button{
  background-color:#000;
  border-radius:5px;
}

.custom-checkbox-checkmark {
  text-align:center;
}

.custom-checkbox-container .custom-checkbox-checkmark:after {
  font: normal normal normal 14px / 1 FontAwesome;
  content: "\f00c";
  border: none !important;
  transform: rotate(0) !important;
  display: inline-block !important;
  width: 100%!important;
  height: auto!important;
  left:0!important;
}

.custom-checkbox-container input:checked ~ .custom-checkbox-checkmark {
  color:var(--white-color)
}


.product-attributes .noUi-target {
  background: #ced4da;
  border: 0;
  box-shadow: unset;
  height: 2px;
  margin-top: 24px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.product-attributes .noUi-connect {
  background: #000;
}

.product-attributes .noUi-horizontal .noUi-handle {
  width: 22px;
  height: 22px;
  top: -10px;
  border-radius: 50%;
  box-shadow: unset;
  border: 0;
  background: #000;
  cursor: grab;
}

.product-attributes .noUi-horizontal .noUi-handle.noUi-active {
  cursor: grabbing;
}

.product-attributes .noUi-horizontal .noUi-handle::after,
.product-attributes .noUi-horizontal .noUi-handle::before {
  display: none;
}

.product-attributes .filter-row .checkbox {
  width: 17px;
  height: 17px;
  cursor: pointer;
  accent-color: #000;
  opacity: .7;
  margin-top:1px;
}

.product-attributes .attribute-arrow::after {
  content: '';
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tdXAiPjxwYXRoIGQ9Im0xOCAxNS02LTYtNiA2Ii8+PC9zdmc+");
  width: 30px;
  height: 30px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}


.product-attributes .attribute-label-extra:not(:has(*)),
.product-attributes .attribute-arrow svg {
  display: none;
}

.attribute-arrow {
  margin-left: -15px !important;
  margin-top: -2px;
  margin-bottom: 0px !important;
}

.attribute-label {
  margin:0!important;
  margin-bottom:0!important;
}

.attribute-body {
  margin-top:15px!important;
}

.attribute-header {
  padding:0!important;
  align-items: center;
}

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

.attribute-body.attribute-price-body {
  padding:0!important;
  margin-top:15px;
}


.user-points {
  border-radius:15px;
  background-color:#f8f8f8;
  padding:25px;
  text-align:center;
  display:flex;
  flex-direction:column;
  margin-bottom:25px;
}

.user-points img {
  width:64px;
  height:64px;
  margin:0 auto 20px;
}

.user-points .content span {
  color:var(--primary-color)
}

.user-points .content .title {
  margin-bottom:15px;
}

.user-points .content h3 {
  font-size:2rem;
  margin-bottom:15px;
}

.questions-card-init {
  padding: 24px 15px 50px;
  background-color: #f9f9f9;
  border-radius: 15px;
}

.questions-card-init .image-box {
  margin-bottom: 18px;
}

.questions-card-init .content-box {
  margin-bottom: 18px;
}

.questions-card-init .content-box p {
  font-size: 16px;
  color: #81808C;
  font-weight: 400;
}

.questions-card-preview {
  padding: 16px;
}

.questions-view_more a {
  color: var(--primary-color);
  font-size: 14px;
}

.questions-card-preview .customer-name {
  margin-bottom: 8px;
  color: #494949;
  font-weight: 400;
}

.questions-card-preview .question-box .question {
  font-size: 16px;
  font-weight: 500;
  color: #494949;
  margin-bottom: 24px;
}

.questions-card-preview .answer-box .answer {
  font-size: 16px;
  font-weight: 400;
  color: #494949;
}

.questions-pagination .page-item {
  font-size: 16px;
}

.questions-pagination .page-item .page-link {
  color: var(--primary-color);
}

.questions-pagination .page-item.selected a {
  background-color: var(--primary-color);
  color: #ffffff;
}

.comment-box {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  transition: transform 0.2s;
  border: 1px solid #e9ecef;
}

.comment-box {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  transition: transform 0.2s;
  border: 1px solid #e9ecef;
}

.comment-box .d-flex {
  align-items: center;
}

.user-avatar {
  width: 60px;
  height: 60px;
  background-color: #f8f8f8;
  padding: 12px;
  border-radius: 10px;
}

.comment-time {
  color: #adb5bd;
  font-size: 0.85rem;
}

.reply-section {
  margin-left: 60px;
}

.comment-box h6,
.reply-section h6 {
  font-weight: 700;
}

@media(max-width:767px) {
  .user-avatar {
    width: 40px;
    height: 40px;
  }
  .reply-section {
    margin-left: 15px;
  }
}

.comment-box {
  background: white;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  transition: transform 0.2s;
  border: 1px solid #e9ecef;
}

.comment-box .d-flex {
  align-items: center;
}

.user-avatar {
  width: 60px;
  height: 60px;
  background-color: #f8f8f8;
  padding: 12px;
  border-radius: 10px;
}

.comment-time {
  color: #adb5bd;
  font-size: 0.85rem;
}

.reply-section {
  margin-right: 60px;
}

.comment-box h6,
.reply-section h6 {
  font-weight: 700;
}

@media(max-width:767px) {
  .user-avatar {
    width: 40px;
    height: 40px;
  }
  .reply-section {
    margin-right: 15px;
  }
}

#product-grouped-details {
  padding: 20px;
  border: 1px solid #dee2e7;
  border-radius: 5px;
  background: #fff;
  margin-top: 30px;
}

#product-grouped-details h4 {
  font-weight: 700;
  color: #000
}

.grouped-product-col img {
  width: 65px!important;
  height: auto!important;
}

#product-grouped-details img[alt="plus"] {
  max-width: 30px;
  height: auto;
}

.grouped-product-table img {
  padding: 5px!important
}

.noImageLink {
  justify-content: center !important;
  align-items: center;
  height: 100%;
}




#cart-shipping {
  padding: 0 20px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.cart-goal-wrap {
  margin-top: 15px;
  width: 100%;
}

.progress-bar-wrap {
  position: relative;
  height: 6px;
  margin: 0 13px;
}

.minimog-progress .progress-bar-wrap:before {
  position: absolute;
  content: "";
  top: 0;
  right: -13px;
  left: -13px;
  height: 100%;
  border-radius: 0;
  background: #e1e1e1;
}

.minimog-progress .minimog-progress-bar {
  position: relative;
  border-radius: inherit;
  height: 100%;
  max-width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.minimog-progress .minimog-progress-bar:before {
  position: absolute;
  content: "";
  top: 0;
  right: -13px;
  left: -13px;
  height: 100%;
  border-radius: 0;
  background: var(--primary-color);
}

.minimog-progress .progress-value {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 5px;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  width: 26px;
  height: 26px;
  background: #fff;
  color: var(--primary-color);
  fill: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  z-index: 1;
}

.free-shipping {
  margin-top: 20px;
  display: block;
  font-weight: 700;
  color: var(--primary-color);
}

/* ================================= */
/* Style 2 for Categories  */
/* ============================== */



.cat-style2 .category-item {
  text-align: center;
  margin-bottom: 30px;
}

.cat-style2 .category-item .parentItem {
  display: block;
  text-decoration: none;
  height: calc(50% - 186px);
}
.style2 .category-item:hover .content .title {
  padding-bottom:0;
  margin-bottom:0;
}
.cat-style2 .category-item .img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 15px;
  position: relative;
}

.cat-style2 .category-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.cat-style2 .category-item .content {
  position: static;
  background: transparent;
  padding: 0;
  margin-top: 15px;
}


.cat-col.style2 .category-item .content .title{
  color: #000;
}
.cat-col.style2 .category-item .parentItem .img:after,.cat-col.style2 .category-item .content .title:after{
  display: none;
}
.cat-col.style2 .category-item .img {
  display: inline-flex;
  border-radius: 50%;
  transition: 0.3s;
  position:relative;
  max-width:100%;
}
.cat-col.style2 .img:before {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  border-top: 5px solid var(--primary-color);
  border-radius: 50%;
  opacity:0;
  transition: 0.3s;
  animation: circle 3s linear infinite;
}

.style2:hover.style2 .img:before {
opacity:1;
}

@keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



.grouped-product-row {
  flex-wrap: wrap!important;
}


.gift-card-toggle-btn {
  overflow:hidden;
  border-radius:10px;
}

.gift-card-toggle-btn .text-left {
  text-align:center!important;
  margin:0!important
}


.cart-view {
  padding: 70px 0;
}

.cart-view .cart-product-delete .send-coupon-progress {
  width:30px;
  height:30px;
}

.section-cart-products {
  padding-top:0;
}

.discount-progress-linear.d-block {
    background: #f1f1f1;
    border-radius: 30px;
}

.progress-bar.free-shipping-rule-progress span {
  color:#fff!important;
}

.badge-name {
  position:static!important;
}


.products-container .dropdown-toggle::after {
  display:none;
}


.shippingPage {
  padding: 70px 0
}

.shippingPage .profile-section .items {
  border-radius: 0px;
  overflow: hidden;
}

.shippingPage .profile-section {
  background-color: transparent!important;
  padding-top: 0!important
}

.shippingPage .shippingFlex {
  gap: 30px
}

.shippingPage .profile-section .profile-item {
  cursor: pointer;
  padding: 0;
  margin-bottom:16px;
}

.shippingPage .profile-section .profile-item .icon {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  background-color: #f7f7f7;
  border-radius: 12px;
}

.shippingPage .profile-section .profile-item .icon svg {
  user-select: none;
  width: 1em;
  height: 1em;
  display: inline-block;
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--primary-color);
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.shippingPage .profile-section .profile-item .profile-row {
  margin: 0;
  border-radius: 0;
  padding: 16px;
  background-color: #fff;
  display: flex !important;
  flex-direction: row !important;
  overflow: hidden;
  gap: 15px;
  border:1px solid #f7f7f7;
  border-radius:12px;
}

.shippingPage .profile-section .profile-item .profile-row.active {
  border-color: var(--primary-color);
  background-color:color(srgb 0.93 0.24 0.24 / 0.02)
}

.shippingPage .profile-section .profile-item .profile-item-image {
  display: none
}

.shippingPage .profile-section .profile-item .profile-item-title {
  display: block;
  margin-bottom: 5px!important;
  font-weight: 700;
  font-size: 15px
}

.shippingPage .profile-section .profile-item .profile-item-description,
.shippingPage .profile-section .profile-item .profile-item-description p,
.shippingPage .account-content,
.shippingPage .tab-content-shipping .card-table {
  margin: 0
}

.shippingPage .card-table {
  border: 1px solid #f7f7f7;
  width: 100%
}

.shippingPage .card-table thead th {
  margin-bottom: 15px;
  border-radius: 0;
  color: var(--text-color);
  font-weight: 600
}

.shippingPage .card-table thead th,
.shippingPage .card-table tbody td {
  border-bottom: 1px solid #f7f7f7;
  padding: 15px;
  text-align: center
}

.shippingPage .card-table tbody .name {
  color: var(--text-color);
  font-weight: 700
}

.shippingPage .card-table tbody .name img {
  display: block!important;
  margin: 0 auto 10px
}