.wishlist-item .icon-delete::before {
  display: none;
}

.header-logo,
.header-cart {
  width: 20%;
}

.roles {
  gap: 15px;
}

.header-cart {
  flex-grow: unset;
}

.search-header-bar > * {
  height: 100%;
}

.search-input > div {
  width: 100%;
  display: none;
}

.search-input-icon {
  position: absolute;
  font-size: 22px;
  top: 8px;
  left: 4px;
}

.rtl .search-input-icon {
  left: unset;
  right: 4px;
  top: 9px;
}

.search-input-input {
  padding-left: 30px;
  min-height: 40px;
  max-height: 40px;
}

.rtl .search-input-input {
  padding-left: inherit;
  padding-right: 30px;
}

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

.icon-shopping_cart_black_36dp-1-1 .path1:before {
  color: unset;
}

.icon-shopping_cart_black_36dp-1-1 .path2:before {
  color: unset;
}

.icon-language_black_24dp .path1:before {
  color: unset;
}

.cart-badge {
  position: absolute;
  right: 22px;
  top: 2px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  background-color: #ab0000;
}

.rtl .cart-badge {
  right: unset;
  left: 22px;
}

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

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

.rtl .ic.menu {
  text-align: right;
  right: unset;
  left: 4px;
}

.header-action-btn {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
}

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

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

.rtl .ic.menu,
.sm-search-icon {
  margin-right: unset;
  margin-left: 0px;
}

.rtl .icon-menu-top {
  margin-right: unset !important;
  margin-left: 10px !important;
}

.icon-menu-top > span {
  font-size: 32px;
}

.icon-menu_open_black_24dp-1:before {
  color: unset;
}

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

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

.footer-about-us-links-div h2 {
  color: var(--footer-text-color-primary-bg);
}

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

.rtl .footer .apps-social-icons:nth-child(2) {
  padding-right: 0px;
  padding-left: 15px;
}

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

.footer .icons-wrapper {
  padding: 0px;
}

.footer-about-us-links-div {
}

.footer-about-us-div {
  padding-right: 20%;
}

.rtl .footer-about-us-div {
  padding-right: unset;
  padding-left: 0;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

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

.main-slider .slick-dots li button:before {
  font-size: 14px;
}

.gear::before {
  font-size: 30px;
  animation: root 12s infinite linear;
  fill: var(
    --header-text-color-primary-bg,
    var(--text-color-primary-bg)
  ) !important;
  color: var(
    --header-text-color-primary-bg,
    var(--text-color-primary-bg)
  ) !important;
}

@keyframes root {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

.slick-prev,
.slick-next {
  width: 33px !important;
  height: 33px !important;
}

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

.category-item a,
.category-item img {
  display: block;
  text-align: center;
  width: 100%;
  min-height: 210px;
  min-width: 210px;
  border-radius: 14px;
}

.cat-col .category-item:hover .category-item img {
  transform: scale(1.1);
}

.cat-col .category-item:hover .category-page-slider .category-item h3 {
  color: var(--primary-color);
}

.category-item img {
  margin-top: 20px !important;
  transition: 0.8s;
  max-height: 210px;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 125%, 0% 75%, 0% 25%);
}

.catergry-svg {
  position: absolute;
  top: 12px;
  left: 26px;
  right: -5%;
  margin: auto;
  z-index: -1;
}

.category-item:hover .catergry-svg {
  filter: opacity(0.8);
}

.categories-slider .slick-slide {
  display: flex !important;
  justify-content: center;
  max-width: max-content;
  padding-left: 10px !important;
  padding-right: 10px !important;
  align-items: center;
}

.category-item h3 {
  margin-top: 15px;
  text-align: center;
  color: #000;
  text-align: center;
  font-size: 21px;
  font-weight: 500;
  line-height: 120%;
}

.category-item:hover .category-title {
  color: var(--primary-color);
}

.category-page-slider .category-item h3 {
  font-size: 1.2rem;
}

.categories-slider .category-item {
  width: 100%;
  max-width: 210px;
  position: relative;
  overflow: hidden;
  min-width: 210px;
}

.slider-container {
  padding-left: 15px;
  padding-right: 15px;
}

.products-slider .prod-col,
.categories-slider .cat-col {
  padding-left: 15px;
  padding-right: 15px;
  display: block;
  width: auto;
}

.category-page-slider .categories-slider.s-slider {
  margin: 0 !important;
}

.category-page-slider .home-categories-section .section-title {
  margin: 0 !important;
}

.category-page-slider .products-slider .prod-col,
.categories-slider .cat-col {
  padding-left: 15px;
  padding-right: 15px;
}

.categories-slider-wrapper,
.products-slider-wrapper,
.testimonials-slider-wrapper,
.partners-slider-wrapper {
  margin-right: 0px;
  margin-left: 0px;
}

.announcement-bar .ab-close {
  position: unset;
}

.btn-filter {
  padding: 10px 25px !important;
}

.products-list .prod-col {
  width: 100% !important;
  z-index: 2;
}

.modal .modal-body {
  z-index: 999999999999999 !important;
}

.modal-backdrop.fade {
  opacity: 0 !important;
  position: unset !important;
}

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

.products-list .prod-col-attr {
  min-width: auto;
  width: 24%;
}

.Tax-options {
  position: absolute;
  top: 50%;
  left: 0;
  color: #000;
  right: 0;
  z-index: 9999;
  background: #fff;
  text-align: center;
  font-size: 15px;
}

.products-list {
  width: 100%;
  gap: 10px;
  margin: 0 !important;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.products-list .prod-col {
  margin: 0 !important;
}

.sort-block-width {
  margin-left: 30px;
}

.rtl .sort-block-width {
  margin-left: 0px;
  margin-right: 30px;
}

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

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

.rtl #products-list-filter-form-close {
  right: unset;
  left: 0;
}

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

.card-review .review-images-container img {
  border: 0 !important;
  object-fit: cover !important;
}

.products-pagination ul {
  padding: 0px;
  gap: 10px;
}

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

.attribute-more > span {
  color: var(--primary-color);
}

.products-filter {
  border-radius: 12px;
  padding: 10px;
}

.filter-buttons-container .text-color-primary {
  display: none;
}

.products-pagination .page-link {
  color: var(--primary-color);
  font-size: 1.2rem;
  border-radius: 12px;
}

.products-pagination .page-link.active {
  color: #ffffff;
  border: 0 !important;
  background-color: var(--primary-color);
}

.rtl .products-pagination .page-item:first-child .page-link {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.rtl .products-pagination .page-item:last-child .page-link {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.products-container .products-list {
  margin-bottom: 24px;
}

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

.rtl .cart-header-total {
  margin-right: 6px;
  margin-left: 6px;
}

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

.box-1-1 {
  position: relative;
  width: 100%;
}

.box-1-1:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}

.box-1-1 .content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Other ratios - just apply the desired class to the "box" element */
.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%;
}

.sm-search-div .autocomplete-items,
.lg-search-div .autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

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

/*when hovering an item:*/
.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 {
  padding: 10px;
  cursor: pointer;
  color: inherit;
  display: block;
}

.product-crd-spec {
  min-height: unset;
}

.gallery-section + .gallery-section {
  padding-top: 0px;
}

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

.rtl .ic-menu-back {
  margin-right: unset;
  margin-left: 16px;
}

.shipping-payment-card {
  width: 100% !important;
  min-height: 150px !important;
}

.payment-method-card {
  border-radius: 20px !important;
  border: 1px solid var(--primary-color) !important;
}

@media (max-width: 768px) {
  .breadcrumb-section {
    margin-top: 13px;
  }

  .search-header-bar svg {
    width: 24px !important;
    height: 24px !important;
  }

  .shopping {
    width: 24px !important;
    height: 24px !important;
  }

  .container-slider .main-slider .slick-dots li button {
    width: 10px !important;
    height: 10px !important;
  }

  .container-slider .main-slider .slick-dots li.slick-active button {
    width: 35px !important;
    height: 10px !important;
  }

  .exploration-slider > div:nth-child(2) {
    order: 1;
  }

  .main-slider .slick-dots {
    gap: 2px;
  }

  .modern-image {
    height: 275px;
  }

  .header-cart {
    flex-grow: 1;
    width: 30%;
  }

  .header-logo {
    width: 70%;
  }

  .footer .apps-social-icons:nth-child(2) {
    padding-left: 15px;
  }

  .rtl .footer .apps-social-icons:nth-child(2) {
    padding-right: 15px;
    padding-left: 15px;
  }

  .footer .icons-wrapper {
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .footer-about-us-div {
    padding-right: 0;
  }

  .rtl .footer-about-us-div {
    padding-right: unset;
    padding-left: 0;
  }

  .category-page-slider .categories-slider {
    height: 225px;
  }

  .categories-slider .category-item {
    width: 190px;
  }

  .category-page-slider .categories-slider .category-item {
    width: 165px;
  }

  .category-page-slider .categories-slider.s-slider {
    margin-right: -7.5px;
    margin-left: -7.5px;
  }

  .category-page-slider .products-slider .prod-col,
  .categories-slider .cat-col {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .products-slider .prod-col,
  .categories-slider .cat-col,
  .testimonials-slider .testimonials-customer-card,
  .partners-slider .partners-item {
    display: inline-block;
    vertical-align: top;
  }

  .partners-slider .partners-item {
    vertical-align: middle;
  }

  .categories-slider,
  .products-slider,
  .testimonials-slider,
  .partners-slider {
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
  }

  .product-crd-spec small {
    white-space: break-spaces;
  }

  .testimonials-slider::-webkit-scrollbar {
    width: 0 !important;
  }

  .categories-slider-wrapper,
  .products-slider-wrapper,
  .testimonials-slider-wrapper,
  .partners-slider-wrapper {
    overflow-x: hidden;
    margin-right: 0px;
    margin-left: 0px;
  }

  .slider-container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .main-slider .slick-dots li button:before {
    font-size: 10px;
  }

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

  .products-list .prod-col,
  .bundle-offer-products .prod-col {
    margin: 0 auto;
    width: auto;
  }

  .products-list .prod-col,
  .products-list .prod-col-attr {
    width: 50%;
  }

  .products-list .prod-col .product-item {
    width: 100%;
  }

  .sm-search-div {
    display: block;
  }

  .icon-shopping_cart_black_36dp-1-1,
  .sm-search-icon > span {
    font-size: 28px;
  }

  .icon-menu-top {
    width: 32px;
  }
}

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

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

.popover {
  top: 40px;
}

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

.popover .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.popover .arrow ::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
ul,
span {
  text-decoration: none;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  background-color: unset;
  background: 0;
}

.prodecuted {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.offcanvas-backdrop:empty {
  display: none;
}

.offcanvas-backdrop:not(:has(*)) {
  display: none;
}

.offcanvas-header .btn-close {
  margin: 0 !important;
}

.offcanvas-header {
  justify-content: space-between;
  background: linear-gradient(180deg, var(--primary-color) -180%, transparent);
}

.prodected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.cards-prod-img {
  max-width: 150px;
  height: 150px;
}

.cards-prod-img img {
  width: 100%;
  height: 100%;
}

.container-fluid {
  padding-left: 100px !important;
  padding-right: 100px !important;
}

/** start style for ticker-section-1**/
.ticker-slider {
  padding: 0;
  margin-top: 0 !important;
}

.ticker-wrap {
  background-color: transparent;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    #000 20%,
    #000 80%,
    transparent
  );
  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 20%,
    #000 80%,
    transparent
  );
  height: 100%;
  position: relative;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  gap: 1rem;
  direction: ltr;
}

.ticker-wrap .ticker {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: 1rem;
  animation-duration: 50s;
  min-width: 100%;
  animation: scroll 50s linear infinite;
  -webkit-animation: scroll 50s linear infinite;
  animation-direction: reverse;
}

@keyframes scroll {
  0% {
    transform: translateX(100%);
  }

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

.ticker-wrap .ticker a.ticker-item {
  color: #fff;
  padding: 8px;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  align-items: center;
  gap: 10px;
  line-height: 20px;
}

.ticker-wrap .ticker a.ticker-item img {
  width: 20px;
  object-fit: contain !important;
  height: 20px;
}

.ticker-wrap:hover .ticker {
  animation-play-state: paused;
}

/** end style for ticker-section-1**/

/** start style for header-section-2**/
.main-slider .img-mobile {
  display: none;
}

ul.main-nav > li:hover,
.item-all-categories {
  background-color: transparent !important;
  color: inherit;
  border-radius: 12px;
}

.slick-dots li {
  width: unset !important;
  height: unset !important;
}

.main-slider .slick-dots li button::before {
  display: none !important;
}

.main-slider .slick-dots li button {
  border-radius: 50%;
  width: 15px !important;
  height: 15px !important;
  border: 1px solid #fff;
  color: transparent !important;
}

.main-slider .slick-dots li.slick-active button {
  background-color: #fff !important;
  width: 40px !important;
  height: 16px !important;
  border-radius: 10px;
}

.main-slider .slick-dots {
  text-align: right;
  display: flex;
  gap: 10px;
  transition: 0.5s;
  justify-content: center;
}

.main-slider {
  max-height: 100vh !important;
  height: 100vh;
}

.des {
  align-items: center;
}

.language-currency {
  max-height: unset !important;
  border: unset !important;
}

.search-header-bar > * {
  height: unset !important;
  width: unset !important;
}

.currency-button-area,
.language-button-area {
  max-height: unset !important;
  min-width: unset !important;
}

.account-lang-currency .account-btn {
  min-width: max-content !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.account-lang-currency {
  border-bottom: 0 !important;
  padding: 0px;
}

.language-btn {
  padding: 0 !important;
  height: unset !important;
}

.currency-btn:not(:has(*)) {
  display: none !important;
}

.icon-shopping_cart_black_36dp-1-1,
.sm-search-icon > span {
  font-size: unset !important;
}

.header-theme-icon-primary > .path1 {
  display: none !important;
}

.header-theme-icon-primary > .path2,
.icon-search:before,
.header-theme-icon-primary,
.icon-language_white,
.shopping {
  opacity: 0.9;
  color: var(
    --header-text-color-primary-bg,
    var(--text-color-primary-bg)
  ) !important;
  fill: var(
    --header-text-color-primary-bg,
    var(--text-color-primary-bg)
  ) !important;
}

.hearts i {
  font-size: 32px;
  color: var(
    --header-text-color-primary-bg,
    var(--text-color-primary-bg)
  ) !important;
}

.hearts {
  position: relative;
}

#wishlist-counter {
  position: absolute;
  top: 0;
  right: 5px;
  background: #ab0000;
  color: #fff;
  padding: 5px;
  border-radius: 40px;
  height: 20px;
  font-size: 12px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.product-item .hearts i {
  color: var(--primary-color) !important;
}

.btn-primar {
  max-width: max-content;
  background-color: transparent !important;
  padding: 0;
}

.dark {
  display: none !important;
}

.fixed-hedaer {
  position: relative;
}

.fixed-hedaer.sticky {
  position: fixed;
}

.app-content {
  min-height: 500px;
  padding-top: 0px !important;
}

.sticky .header-theme-bg-primary {
  animation: header 0.8s ease-in-out;
}

@keyframes header {
  0% {
    transform: translateY(-100px);
  }

  100% {
    transform: translateY(0px);
    transition: 0.6s;
  }
}

.app-content-padded {
  padding-top: 0 !important;
}

ul.main-nav > li > a,
.item-all-categories a {
  padding: 10px !important;
}

ul.main-nav > li:hover .item-all-categories {
  border-radius: 12px;
  color: #000;
}

ul.main-nav > li > a,
.item-all-categories a span {
  color: #000;
}

.top-level-link a span,
ul.main-nav > li > a {
  color: var(--header-text-color-primary-bg) !important;
  font-size: 18px;
  font-weight: 500;
}

.top-level-link .dropdown-menu.show {
  background-color: var(--header-primary-color, var(--primary-color));
  border-radius: 10px;
  padding: 5px;
  border: 1px solid var(--primary-color);
}

.search-header {
  padding: 5px 0px;
}

.sm-search-div {
  background-color: transparent !important;
}

.header-theme-icon-primary > .path2 {
  padding-left: 30px;
}

.offcanvas.offcanvas-bottom {
  height: 50vh !important;
}

.wishlist-modal-body {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  background-color: color-mix(
    in srgb,
    var(--primary-color) 10%,
    transparent
  ) !important;
}

.prodected .product-title {
  font-size: 20px !important;
  margin: 0 !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.cards-prod-img img {
  border-radius: 12px;
  object-fit: cover;
}

.wishlist-item {
  border-radius: 10px;
  position: relative;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 10px;
}

.wishlist-item a {
  height: 100%;
}

.wishlist-item .icon-delete {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 30px;
  font-weight: 900;
  background: var(--primary-color);
  color: #fff;
  border-radius: 4px;
  padding: 0px 6px;
}

.price-older {
  color: #a5a5a5;
  font-size: 17px;
  font-weight: 400;
}

/** end style for header-section-2**/

/** start style for hero-section-3**/
.section-title {
  text-align: right;
  font-size: 22px;
  font-weight: 600;
  line-height: 180%;
  position: relative;
  z-index: 2;
  max-width: fit-content;
  overflow: hidden;
  padding: 0 !important;
}

.section-title::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 70%;
  height: 50px;
  background: color-mix(
    in srgb,
    var(--primary-color) 10%,
    transparent
  ) !important;
  border-radius: 10px;
  z-index: -1;
}

.section-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35px;
  height: 4px;
  background: var(--primary-color);
  border-radius: 10px;
}

.main-contended::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.75) 0,
    rgba(252, 248, 248, 0) 100%
  );
}

.main-contended {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.main-contended h2 {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 140%;
}

.main-contended p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

.button-link {
  font-size: 18px;
  border-radius: 12px;
  max-width: fit-content;
  border: 0;
  padding: 8px 15px;
  font-weight: 400;
}

.hero-image {
  height: 100vh !important;
}

/** end style for hero-section-3**/

/** stat style for paterns-section-4**/

.feature-section {
  position: relative;
  overflow: hidden;
  padding: 40px;
}

.bord-1 {
  border: 1px solid #ffffff1f;
  padding: 40px;
  border-radius: 50%;
  opacity: 0.6;
}

.borders {
  position: absolute;
  top: -148px;
  z-index: 0;
  left: -56px;
}

.borders-2 {
  position: absolute;
  z-index: 0;
  top: 0;
  right: -130px;
  bottom: 0;
  margin: auto;
}

.featured {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.features-section-img {
  width: 220px;
  height: 77px;
  object-fit: contain;
  border-radius: 15px;
}

.feature-title {
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  margin: 0 !important;
  margin-bottom: 20px !important;
}

.feature-title::after {
  content: "\F4F4";
  position: absolute;
  top: 10px;
  right: 125px;
  opacity: 0.3;
  font-family: "bootstrap-icons";
  max-height: fit-content;
  max-width: fit-content;
}

.feature-title::before {
  content: "\F4F4";
  position: absolute;
  bottom: 0px;
  left: 50px;
  opacity: 0.3;
  font-size: 30px;
  font-family: "bootstrap-icons";
  max-height: fit-content;
  max-width: fit-content;
}

.featured::after {
  content: "\F4F4";
  position: absolute;
  top: 42px;
  left: 240px;
  opacity: 0.2;
  font-size: 30px;
  font-family: "bootstrap-icons";
  max-height: fit-content;
  max-width: fit-content;
}

.featured::before {
  content: "\F4F4";
  font-size: 25px;
  position: absolute;
  top: 185px;
  right: 250px;
  opacity: 0.3;
  font-family: "bootstrap-icons";
  max-height: fit-content;
  max-width: fit-content;
}

/** end style for paterns-section-4**/

/** start style for gallery-section-5**/
.galleryed {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.galleryed .gallery-item img {
  border-radius: 10px;
}

/** end style for gallery-section-5**/

/** start style for Features-section-6**/
.partners-slider {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  overflow: hidden;
}

.opt-bord {
  position: absolute;
  top: 0;
  right: -173px;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: 3px;
  height: 100%;
  background-color: #00000011;
}

.partners-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: relative;
}

.partners-coment h2 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.partners-coment p {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

/** end style for Features-section-6**/

/** start style for testimonials-section-7**/
.cards-body {
  display: grid;
  grid-template-columns: 20% 80%;
  min-height: 160px;
}

.testimonials-slider-wrapper {
  margin: 0 !important;
  width: 100%;
}

.testimonials-image::before {
  content: "\F4F4";
  position: absolute;
  bottom: -52px;
  right: -70px;
  font-family: "bootstrap-icons";
  max-height: fit-content;
  max-width: fit-content;
  font-size: 35px;
}

.testimonials-image::after {
  content: "\F4F4";
  font-size: 35px;
  position: absolute;
  top: -37px;
  right: -60px;
  font-family: "bootstrap-icons";
  max-height: fit-content;
  max-width: fit-content;
  color: var(--primary-color);
  transform: rotate(45deg);
}

.svg-review {
  position: absolute;
  top: 34px;
  left: 20px;
}

.testimonials-customer-text {
  all: unset;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.testimonials-customer-name {
  all: unset;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  font-size: 22px;
  font-weight: 500;
}

.star-review i {
  color: #ffaf44;
  font-size: 20px;
}

.star-review {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
}

.testimonials-image {
  width: 128px;
  height: 128px;
  position: relative;
}

.testimonials-image img {
  border-radius: 16px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -66%;
}

.testimonials-customer-card {
  margin: 37px 56px !important;
  padding: 34px !important;
  border-radius: 10px;
}

/** end style for testimonials-section-7**/

/** start style for dedicated-section-8**/
.dedicated {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 20px;
}

.none {
  display: none;
}

.video-dedicated-1 {
  width: 100%;
}

.video-dedicated-1 video {
  border-radius: 12px;
}

.video-dedicated-2 video {
  border-radius: 12px;
}

.video-dedicated-2 {
  width: 100%;
}

.content-dedicated {
  width: 100%;
}

.content-dedicated {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.title-dedicated {
  text-align: center;
  font-size: 27px;
  font-weight: 700;
}

.explain-dedicated {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}

/** end style for dedicated-section-8**/

/** start style for exploration-section-9**/
.exploration-slider {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.content-exploration {
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  height: 100%;
  padding: 30px;
}

.content-exploration h1 {
  text-align: right;
  font-size: 40px;
  font-weight: 500;
}

.content-exploration p {
  text-align: right;
  font-size: 20px;
  font-weight: 400;
}

.exploration-image {
  height: 400px;
}

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

/** end style for exploration-section-9**/

/** start style for modern-section-10**/
.moderns-main {
  position: relative;
  overflow: hidden;
}

.modern-svg svg,
.modern-svg1 svg {
  width: 100%;
}

.modern-svg {
  position: absolute;
  top: -55px;
  right: 0px;
  left: 0;
  z-index: 10;
  width: 100%;
}

.modern-svg1 {
  position: absolute;
  bottom: -55px;
  right: 0px;
  left: 0;
  z-index: 10;
  width: 100%;
}

.modern-image {
  height: 400px;
}

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

.modern-image {
  margin-right: 15px;
  margin-left: 15px;
}

/** end style for modern-section-10**/

/** start style for designs-section-11**/
.designs-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
}

.designs-image {
  position: relative;
  width: 100%;
  height: 394px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
}

.content-designs {
  position: absolute;
  top: 20%;
  right: 51px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 32%;
}

.content-designs h1 {
  text-align: right;
  font-size: 22px;
  font-weight: 700;
}

.content-designs p {
  text-align: right;
  font-size: 15px;
  font-weight: 400;
}

/** end style for designs-section-11**/
/** start style for news-section-12**/
.news-wrapper .nav-tabs {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border: 0 !important;
}

.updown {
  text-align: center;
  position: absolute;
  top: -28px;
  right: 0;
  left: 0;
  z-index: 9999999;
  border: 4px solid var(--primary-color);
  width: 50px;
  height: 50px;
  margin: auto;
  border-radius: 50px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.updown i {
  font-size: 40px;
  font-weight: 600;
  width: 35px;
  height: 35px;
  overflow: hidden;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.news-iamge {
  width: 90%;
  height: 350px;
  object-fit: cover;
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 2;
  border-radius: 10px;
}

.new-mob {
  display: none;
}

.news-iamge {
  display: none;
}

.nav-item .active + .news-iamge {
  display: block;
}

.news-wrapper {
  overflow: hidden;
  position: relative;
}

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

.news-wrapper .nav-item .nav-link {
  background: color-mix(
    in srgb,
    var(--primary-color) 6%,
    transparent
  ) !important;
  color: #000 !important;
  font-weight: 500;
  font-size: 20px;
  border: unset !important;
  width: 100%;
  text-align: right;
  border-radius: 8px;
  padding: 11px;
}

.news-wrapper .nav-item .active {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

/** end style for news-section-12**/

/** start style for sliders-section-13**/
.slid-mob {
  display: none !important;
}

.slider-imgs .slick-dots li button::before {
  display: none !important;
}

.slider-imgs .slick-dots li button {
  border-radius: 50%;
  width: 15px !important;
  height: 15px !important;
  border: 1px solid #fff;
  color: transparent !important;
}

.slider-imgs .slick-dots li.slick-active button {
  background-color: var(--primary-color) !important;
  width: 40px !important;
  height: 16px !important;
  border-radius: 10px;
}

.slider-imgs .slick-dots {
  text-align: right;
  display: flex;
  gap: 10px;
  transition: 0.5s;
  justify-content: center;
}

.sliders-image {
  position: relative;
}

.slider-imgs {
  width: 100%;
  height: 100%;
}

.slider-imgs .slid-imog {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-slider {
  position: absolute;
  top: 40%;
  right: 95px;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.content-slider h1 {
  text-align: right;

  font-size: 38px;
  font-weight: 500;
}

.content-slider p {
  text-align: right;
  font-size: 18px;
  font-weight: 400;
}

.sliders-wrapper .slick-prev {
  right: 25px !important;
}

.sliders-wrapper .slick-dots {
  bottom: 35px !important;
}

.sliders-wrapper .slick-next {
  left: 25px !important;
}

.sliders-wrapper .slick-arrow {
  z-index: 33 !important;
  border-radius: 50px;
  background: var(--primary-color);
}

.sliders-wrapper .slick-arrow > span {
  color: #fff !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: unset !important;
}

.offcanvas.offcanvas-start {
  z-index: 999999999 !important;
}

/** end style for sliders-section-13**/
/** start style for quality-products-section-14**/
.Qualitys-main .nav-item .nav-link {
  color: #000 !important;
  font-weight: 500;
  font-size: 20px;
  border: unset !important;
  width: 100%;
  text-align: right;
}

.Qualitys-main .nav-item .active {
  color: var(--primary-color) !important;
}

.quality-products {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0px;
  row-gap: 0px;
}

.Qualitys-main .tab-content {
  margin-top: 25px;
}

.Qualitys-main .nav-item .nav-link {
  position: relative;
}

.Qualitys-main .nav-item .active::after {
  content: "\F4F4";
  position: absolute;
  inset: 0;
  margin: auto;
  top: 52px;
  font-family: "bootstrap-icons";
  max-height: fit-content;
  max-width: fit-content;
  transform: rotate(270deg);
  color: var(--primary-color) !important;
}

.Quality-section-wrapper .nav-tabs {
  border: unset !important;
  text-align: center;
}

/** end style for quality-products-section-14**/

/** start style for alls-categries section-15**/
.alls-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.alls-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}

.alls-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.linke-urls {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  transform: translateY(500px);
}

.alls-linked {
  position: absolute;
  inset: 0;
  margin: auto;
  background: #bdcdda63;
  transition: 0.8s;
  transform: translateY(500px);
  z-index: -1;
}

.content-alls h1 {
  text-align: center;
  font-size: 23px;
  font-weight: 500;
  max-width: 90%;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  transition: 0.8s;
  transform: translateY(400px);
  clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);
}

.alls-image:hover .content-alls h1 {
  transform: translateY(100px);
  background: transparent !important;
  color: #000 !important;
}

.alls-image:hover .linke-urls {
  transform: translateY(210px);
}

.alls-image:hover .content-alls .button-link {
  transform: translateY(220px);
}

.alls-image:hover .alls-linked {
  transform: translateY(0px);
}

.content-alls .button-link {
  margin: auto;
  max-width: 70% !important;
  padding: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 15px;
  transition: 0.8s;
}

.linke-urls a {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 120%;
}

.linke-urls a:hover {
  color: var(--primary-color);
}

/** end style for alls-categries section-15**/
/** start style for video-16**/
.video-container {
  position: relative;
  overflow: hidden;
}

.content-video {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  z-index: 1;
  flex-direction: column;
}

.content-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle,
    rgb(191 170 109) 0,
    rgba(252, 248, 248, 0) 100%
  );
  z-index: -1;
}

.content-video h2 {
  font-size: 48px;
  font-weight: 500;
}

.content-video p {
  font-size: 20px;
  font-weight: 400;
}

.countdown {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.time-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.product-item .product-title > span {
  line-height: 120%;
  font-size: 19px;
  font-weight: 400;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

.time-item span {
  height: 80px;
  width: 80px;
  padding: 0px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7f1e7;
  border-radius: 8px;
  box-shadow: 2px 5px 6px 0px rgba(172, 115, 17, 0.75);
  color: var(--primary-color);
  text-align: center;
  font-size: 40px;
  font-weight: 400;
}

.time-item p {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 22px;
  font-weight: 500;
}

/** end style for video-16**/

/** start style for Short-Products-17**/
.alls-mob {
  display: none;
}

.short-wrapper {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  gap: 20px;
  grid-template-areas:
    "item1 item2 item3"
    "item1 item4 item5";
}

.short-wrapper .alls-image:first-child {
  grid-area: item1;
  max-height: 920px;
  min-height: 400px;
}

.short-wrapper .alls-image:nth-child(2) {
  grid-area: item2;
  max-height: 450px;
  min-height: 400px;
}

.short-wrapper .alls-image:nth-child(3) {
  grid-area: item3;
  max-height: 450px;
  min-height: 400px;
}

.short-wrapper .alls-image:nth-child(4) {
  grid-area: item4;
  max-height: 450px;
  min-height: 400px;
}

.short-wrapper .alls-image:nth-child(5) {
  grid-area: item5;
  max-height: 450px;
  min-height: 400px;
}

.short-wrapper .alls-image {
  overflow: hidden;
  border-radius: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.short-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

ul.main-nav > li:hover > a,
.item-all-categories > a {
  color: inherit !important;
}

.sub-menu-block {
  padding: 7px !important;
}

.short-title a {
  text-align: right;
  font-size: 18px;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: var(--primary-color);
  fill: var(--primary-color);
  position: relative;
}

.spaned {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  color: #000;
  background-color: #fff;
  border-radius: 15px;
  width: auto;
  font-size: 15px;
}

.salah {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50px;
  z-index: 2;
}

.salah::after {
  content: "+";
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: var(--primary-color);
  z-index: 1;
}

.salah::before {
  content: "";
  height: 30px;
  width: 30px;
  animation: anim 0.8s infinite linear;
  position: absolute;
  margin: auto;
  z-index: -1;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  left: 0;
  margin-top: auto;
  background: #ffffff8e;
}

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

.offers-products {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}

.offer-formatted_price {
  text-align: right;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}

.main-pointer img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.offer-name {
  text-align: right;
  font-size: 16px;
  font-weight: 500;
  max-width: 200px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: #000;
}

.content-pointer {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}

/** end style for Short-Products-17**/
/** start style for Product-18**/
.product-item-out-of-stock {
  filter: grayscale(1);
}

.product-item {
  max-width: 100% !important;
}

.prod-col {
  margin: 10px !important;
  position: relative;
  padding: 0 !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid transparent;
  transition: 0.2s;
}

.prod-col:hover {
  border: 1px solid var(--primary-color);
}

.products-details-page #product-images-slick img {
  object-fit: cover !important;
}

.product-card {
  position: relative;
  width: 100%;
  height: 200px;
}

.product-image {
  width: 100%;
  transition: opacity 0.3s ease;
  height: 100%;
  object-fit: cover !important;
  border-radius: 10px;
}

.primary-image {
  opacity: 1;
}

.secondary-image {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.product-card.has-hover:hover .primary-image {
  opacity: 0;
}

.product-card.has-hover:hover .secondary-image {
  opacity: 1;
}

.col-product-image-wrapper {
  overflow: hidden;
}

/* .ltr .badge-name{
    right: auto !important;
    left: 0 !important;
    border-bottom-right-radius: 10px !important;

} */

.badge-name {
  top: 0 !important;
  right: 0 !important;
  background: var(--primary-color) !important;
  border-bottom-right-radius: 10px !important;
  border-radius: 0 !important;
  border: 0 !important;
  z-index: 5 !important;
  max-width: fit-content;
}

.disck {
  color: var(--primary-color);
  font-weight: 400 !important;
  font-size: 14px !important;
}

.bton-primires {
  outline: 0 !important;
  border-color: unset !important;
  border: 0 !important;
  position: absolute;
  top: 0px;
  z-index: 2;
  left: 0px;
  background-color: #ffff !important;
  border-radius: 1px !important;
  padding: 1px 8px;
  border-bottom-right-radius: 10px !important;
}

.badge-name span {
  font-size: 15px !important;
  color: #fff !important;
}

.badge-name svg {
  fill: #fff;
}

.bton-added > .btn {
  width: 100% !important;
  font-size: 18px !important;
  font-weight: 400;
  border-radius: 8px;
}

.section-product-price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

#product-variants-options .form-group label {
  color: #666;
  text-align: right;
  font-size: 18px !important;
  font-weight: 500;
  line-height: 25px;
}

.bton-added {
  width: 100%;
  position: absolute;
  transition: 0.8s;
  transform: translate(500px, -40px);
  z-index: 2;
}

.prod-col:hover .bton-added {
  transform: translate(8px, -44px);
}

.product-item .product-title {
  all: unset !important;
}

.product-title span {
  white-space: break-spaces;
  font-weight: 500;
}

.content-pro {
  transition: 0.8s;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2px;
  overflow: hidden;
  padding: 4px 8px;
}

.bton-proded {
  overflow: hidden;
  width: 100%;
}

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

body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

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

.loader {
  position: fixed;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999999999999999999999;
}

.image-loader {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
  width: 250px;
  border-radius: 50px;
}

.image-loader::after {
  content: "";
  position: absolute;
  top: 63%;
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
  margin-top: 0;
}

@keyframes l5 {
  0% {
    box-shadow:
      20px 0 var(--primary-color),
      -20px 0 #0002;
    background: var(--primary-color);
  }

  33% {
    box-shadow:
      20px 0 var(--primary-color),
      -20px 0 #0002;
    background: #0002;
  }

  66% {
    box-shadow:
      20px 0 #0002,
      -20px 0 var(--primary-color);
    background: #0002;
  }

  100% {
    box-shadow:
      20px 0 #0002,
      -20px 0 var(--primary-color);
    background: var(--primary-color);
  }
}

.back-to-top {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  width: 45px;
  height: 45px;
  position: fixed;
  bottom: 140px;
  right: 10px;
  border-radius: 50%;
  padding: 2px;
  overflow: hidden;
  z-index: 998;
}

.back-to-top .bi-arrow-up {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  margin: auto;
}

/** end style for Product-18**/
/** start style for footer-19**/
.icon-footers .social-icons {
  flex-direction: row;
}

.social-icons {
  flex-direction: column;
}

.social-icons .phone {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
}

.social-icons a h2 {
  font-size: 16px;
  font-weight: 400;
  color: var(--footer-text-color-primary-bg, var(--text-color-primary-bg));
  border: 0;
  text-decoration: underline;
}

.social-icons .email {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
}

.social-icons .whats {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
}

.store-section .social-icons span {
  border: 0 !important;
  color: var(--primary-color) !important;
}

.footer-theme-bg-primary {
  background-color: var(
    --footer-primary-color,
    color-mix(in srgb, var(--primary-color) 10%, transparent)
  );
}

.x-icon-twitter {
  border: 0;
  fill: #fff;
}

.store-section a,
.store-section p {
  font-size: 16px;
  font-weight: 400;
}

.icon-footers .social-icons .icon-facebook-f {
  background-color: blue !important;
  color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-footers .social-icons .icon-instagram {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  background:
    radial-gradient(
      circle farthest-corner at 35% 90%,
      #fec564,
      transparent 50%
    ),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    radial-gradient(
      ellipse farthest-corner at 0 -25%,
      #5258cf,
      transparent 50%
    ),
    radial-gradient(
      ellipse farthest-corner at 20% -50%,
      #5258cf,
      transparent 50%
    ),
    radial-gradient(
      ellipse farthest-corner at 100% 0,
      #893dc2,
      transparent 50%
    ),
    radial-gradient(
      ellipse farthest-corner at 60% -20%,
      #893dc2,
      transparent 50%
    ),
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    linear-gradient(
      #6559ca,
      #bc318f 30%,
      #e33f5f 50%,
      #f77638 70%,
      #fec66d 100%
    ) !important;
}

.icon-footers .social-icons .icon-tiktok {
  color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000 !important;
}

.icon-footers .social-icons .x-icon-twitter {
  color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000 !important;
}

.icon-footers .social-icons .icon-globe-secondary {
  color: #fff !important;
  background: var(--primary-color);
}

.icon-footers .social-icons .icon-snapchat-ghost {
  color: #fff !important;
  background-color: #fffb00 !important;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #00000047;
}

.icon-footers .social-icons a span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #fff;
}

.icon-footers {
  margin-top: 10px;
  font-family: inherit !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.icon-footers .social-icons a {
  width: 40px !important;
  height: 40px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.all-footers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse !important;
  padding: 2px;
}

.footer-store-section-bars {
  min-height: unset !important;
  justify-content: right !important;
  border: 0;
  gap: 5px;
}

.footer-store-section-bars {
  min-height: unset !important;
  justify-content: right !important;
  border: 0;
  gap: 5px;
}

/** end style for footer-19**/
/** start style for banar-prod-20**/
.pointered {
  position: absolute;
  color: #000;
  font-weight: 900;
  padding: 5px;
  border-radius: 3px;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-direction: row;
}

.banar-prod-main {
  position: relative;
  overflow: hidden;
}

.banar-prod-image .pionter-mob {
  display: none;
}

.banar-prod-image .pointer-image {
  width: 100%;
  height: 100%;
}

.prodede::after {
  content: "+";
  position: absolute;
  inset: 0;
  margin: auto;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  z-index: 1;
}

.prodede::before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #ffffff;
  z-index: -1;
  opacity: 0;
  animation: anim 1.5s linear infinite;
  border-radius: 50%;
}

@keyframes anim {
  0% {
    transform: scale(0);
    opacity: 1;
  }

  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}

.prodede {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.offered {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99999;
  right: 0;
  width: max-content;
  margin: auto;
  background-color: #f0f0f0;
  padding: 10px;
  border: 1px solid #ccc;
  transform: translateY(250px);
  transition: 0.8s;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.btn-product-card-select-variant {
  width: 100%;
  font-size: 15px;
  font-weight: 400;
}

.offers-pointers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  gap: 5px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--primary-color);
}

.offers-pointers:last-child {
  border-bottom: 0 !important;
}

.main-pointer {
  width: 80px;
  height: 80px;
}

/** end style for banar-prod-20**/

/** start style for categories-2**/
.proded:empty {
  display: none;
}

.proded:not(:has(*)) {
  display: none;
}

.products-filter {
  font-size: 1.167rem;
  flex-direction: column-reverse;
  align-items: flex-start !important;
  max-width: 200px;
  min-width: 200px;
}

.product-item img {
  object-fit: contain !important;
}

.inner-page-header .fixed-hedaer {
  position: unset;
}

.inner-page-header .sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

header.inner-page-header .search-header {
  background-color: var(--primary-color) !important;
}

.bi-funnel {
  font-size: 20px;
  font-family: "bootstrap-icons" !important;
}

.filters {
  display: none;
}

.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.bton-filter {
  font-size: 25px;
  margin-top: 20px;
  text-align: center;
  outline: 0 !important;
  color: var(--primary-color);
  background: #fff;
  padding: 5px 15px;
  cursor: pointer;
  border-radius: 8px;
  border: 2px solid var(--primary-color) !important;
  margin-bottom: 20px;
  width: 15%;
}

.categorey-title {
  min-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 140%;
  color: var(--primary-color);
}

.categorey-title span a {
  font-size: 15px;
  font-weight: 400;
  color: var(--primary-color) !important;
}

.categorey-title span {
  color: var(--primary-color) !important;
}

.filter-buttons-container {
  flex-direction: column-reverse;
}

.sort-block-width {
  margin-left: 0px;
  margin-right: 0 !important;
  padding: 5px;
}

.product-weight {
  font-weight: 15px;
  font-weight: 500;
}

.filters {
  position: sticky;
  top: 75px;
  height: 100%;
  margin-top: 1.5rem;
  max-width: 200px;
}

.breadcrumb-item {
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  padding: 0 !important;
}

.filter-buttons-container {
  width: 100%;
  flex-direction: column;
  max-width: 200px;
}

.active.tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 20%;
  overflow: hidden;
  color: var(--primary-color);
}

.products-details-page {
  margin-top: 1px;
}

.attribute-group,
.products-filter {
  border: 1px solid var(--primary-color) !important;
}

.btn-send-notify {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 50px !important;
}

.form-notify-me-phone-row {
  gap: 10px !important;
}

.form-notify-me {
  border: 0 !important;
}

.form-notify-me .form-control {
  border-radius: 50px;
}

.modal-body .modal-product-title {
  margin: auto;
}

.btn-default {
  padding: 5px 20px;
  background-color: rgb(253, 58, 58);
  color: #fff !important;
  border-radius: 50px;
}

.btn-submit-new-question {
  padding: 7px 30px;
  border-radius: 50px;
}

.modal-body textarea {
  border-radius: 12px !important;
}

.modal-body .form-control {
  border-radius: 50px;
}

.modal-comment-content {
  border-radius: 50px !important;
}

.product-card-rating {
  display: flex !important;
  align-items: center !important;
  justify-content: right !important;
}

.lexexs {
  display: flex;
  align-items: center;
  justify-content: right;
}

.prod-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 28px;
}

.product-pragraf p {
  display: inline;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.product-description-a {
  display: inline;
}

.product-title {
  color: #666;
  text-align: right;
  font-size: 18px !important;
  font-weight: 500;
  line-height: 25px;
}

.select-quantity-div .form-group {
  margin-bottom: 0px !important;
}

.col-product-info .zoom-lens {
  position: absolute;
  top: 15px;
  right: 50px;
}

.col-product-info,
.col-product-image-wrapper {
  border-radius: 24px;
  border: 1px solid #eee;
  background: #fff;
  overflow: hidden;
}

.row-flexs {
  display: flex;
  flex-direction: column;
}

.ltr .poster .badge-name {
  right: auto;
  left: 0;
}

.poster .badge-name {
  position: absolute;
  top: 0;
  right: 0;
}

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

.select-quantity-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.coled {
  gap: 24px;
}

.card-name-customer {
  font-size: 20px !important;
  font-weight: 600 !important;
  margin: 0px 2px 10px 2px !important;
}

.col-product-image-wrapper {
  padding: 0 !important;
}

#myTab {
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  gap: 20px;
  border-bottom: unset !important;
  padding: 15px 0px;
}

.poster {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  flex-direction: column;
}

.settings-descrptions {
  color: #4caf50;
  font-size: 18px;
  background: #72af5017;
  padding: 5px;
  border-radius: 8px;
  display: inline;
  width: 100%;
}

.setting-descrption {
  background: linear-gradient(
    270deg,
    rgba(244, 67, 54, 0.1019607843),
    transparent
  );
  padding: 8px 12px;
  color: #e14135;
  line-height: 130%;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  border-radius: 8px;
}

.product-variants-options .form-group label {
  color: #666;
  text-align: right;
  font-size: 18px !important;
  font-weight: 500;
  line-height: 25px;
}

.producted-settings {
  width: 100%;
  font-size: 18px;
  color: #000;
  display: flex;
  gap: 5px;
  border-radius: 8px;
  padding: 10px 1px;
  margin-top: 15px;
  margin-bottom: 15px;
  background: color-mix(in srgb, var(--primary-color) 5%, transparent);
}

.col-product-info .nav-tabs {
  border-bottom: unset !important;
}

#product-quantity {
  border-radius: 30px !important;
  font-size: 17px !important;
  text-align: center;
  border: 0;
  color: #000;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  appearance: none;
}

.select-quantity-div > div.form-group > div:after {
  display: none !important;
}

.qty-input {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 5px;
  border-radius: 10px;
  background: var(--02---Dark-Color---White, #fff);
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.09);
}

.qty-count {
  width: 20px;
  height: 20px;
  display: flex;
  font-size: 25px;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: #000;
  border: 0;
  background: transparent;
}

#product-custom-user-input-fields .form-control {
  border-radius: 50px !important;
}

.rtl .description-paragrah {
  margin: 0 !important;
}

.rtl #product-custom-user-input-fields .file-label > * {
  border-radius: 50px !important;
}

.title-similar {
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 10px;
}

.div-product-weight,
.border-product,
.div-product-sku {
  display: flex;
  gap: 10px;
  align-items: center;
}

#product-form .form-group label {
  border-radius: 50px !important;
}

#product-form .size-box .form-group {
  border-radius: 50px !important;
}

#product-custom-user-dropdown-fields select,
.select-quantity-div select {
  border-radius: 50px !important;
}

#product-custom-user-dropdown-fields .form-control:focus {
  border-radius: 40px !important;
}

.btn-add-to-cart {
  border-radius: 40px;
  border: 0 !important;
}

#product-custom-user-option-fields input + span,
.add-review-form-checkbox input + span {
  border-radius: 50% !important;
}

#product-custom-user-dropdown-fields > div.form-group > div:after {
  height: 42px !important;
  top: 34px !important;
}

.disabeld::after {
  display: none !important;
}

.col-product-info {
  padding: 20px !important;
  max-height: fit-content;
}

.product-custom-user-input-fields .form-control {
  border-radius: 25px !important;
  text-align: end;
}

.bundle-offer-details-section {
  margin-top: 30px;
}

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

.questions-card-preview,
.card-review {
  padding: 16px;
  border-radius: 15px;
  border: 0;
  background: linear-gradient(90deg, rgba(241, 203, 206, 0) 0%, #f1cbce 100%);
}

/* .questions-card-preview .customer-name{
    background-color: ;
} */

.tab-content {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
  padding-bottom: 50px;
}

.add-review-btn {
  background-color: var(--primary-color);
  color: var(--text-color-primary-bg);
  border-radius: 40px !important;
  padding: 15px !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  margin-bottom: 15px;
  margin-right: 0 !important;
}

.settings-emg {
  padding: 2px;
  border-radius: 6px;
  width: 70px;
  height: 70px;
  object-fit: contain;
}

.linked-emg {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

.main-3 {
  background: #fff;
  min-width: 330px;
  height: max-content;
  position: sticky;
  top: 95px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
  padding: 15px;
  border-radius: 10px;
}

.description-title {
  margin-right: 0 !important;
}

.Payment-methods {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

.method {
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

.method .method-emg {
  height: 35px;
  width: 35px;
  min-width: 35px;
  min-height: 35px;
}

.method .method-tex {
  font-size: 15px;
  font-weight: 400;
  color: var(--primary-color);
}

.div-product-weight {
  justify-content: space-between !important;
}

.bi-luggage {
  font-size: 15px;
  color: #000000c2;
  font-family: "bootstrap-icons";
}

.bi-share {
  font-size: 20px;
  color: var(--primary-color);
}

.ltr .border-product {
  right: 0;
  left: auto;
}

.border-product {
  position: absolute;
  top: 10px;
  left: 0px;
  margin: 0 !important;
}

#product-custom-user-input-fields .file-label > * {
  border-radius: 29px !important;
  border: 0 !important;
  background: var(--primary-color) !important;
  color: var(--text-color-primary-bg) !important;
}

.form-control {
  min-height: 40px;
}

.border-product .product-title {
  padding: 8px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
  border-radius: 50px;
}

.product-icon a {
  letter-spacing: -35px;
  padding: 0 !important;
  transition: 0.8s;
  visibility: hidden;
  opacity: 0;
}

.product-social {
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 40px;
  left: 15px;
}

.plays a {
  letter-spacing: 5px;
  opacity: 1;
  visibility: visible;
  transition: 0.8s;
  padding: 0px 8px !important;
}

.plays a:hover {
  transform: scale(1.1);
}

.carousel-img {
  width: 100%;
  border-radius: 10px !important;
  height: 100%;
}

.zoom-lens {
  position: absolute;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  cursor: zoom-in;
  transition: all 0.4s ease;
}

.rtl #product-custom-user-dropdown-fields > div.form-group > div:after,
.select-quantity-div div.form-group > div:after {
  border: 0 !important;
}

.sub-menu-block {
  border-radius: 12px;
}

.text-number {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 15px;
}

.any-number {
  font-size: 20px;
  font-weight: 600;
  color: var(--primary-color);
  box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
  border-radius: 50px;
  padding: 5px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.botnen {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50pc;
  margin-top: 21px;
  background: transparent !important;
  border: 1px solid var(--primary-color) !important;
}

.roled {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  position: relative;
}

#add-review-btn,
#addQuestionButton {
  width: 100%;
  max-width: max-content;
  font-size: 20px !important;
  font-weight: 400 !important;
  padding: 5px !important;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: auto;

  gap: 8px;
  padding: 6px 20px !important;
}

.image-box,
.content-box {
  display: none;
}

.review-details .bg-transparent {
  border: 0 !important;
}

.roled .coledd {
  padding: 10px;
  border-radius: 10px;
}

.roled::after {
  content: "";
  width: 3px;
  position: absolute;
  background-color: #0000002c;
  inset: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 50px;
}

.icon-add_circle {
  font-size: 22px;
  color: #fff;
}

.questions-card-init {
  padding: 0 !important;
}

.description-icon {
  font-size: 31px !important;
  color: var(--primary-color);
  padding-left: 6px !important;
}

.description-title {
  font-size: 25px;
  font-weight: 600;
}

.card-review .review-images-container img {
  border-radius: 20px !important;
}

.rtl .card-review .review-images-container {
  margin-right: 0 !important;
}

.product-selection {
  display: none;
}

.offcanvas-btn-close {
  position: absolute;
}

.size-box #product-variants-options ul li.active {
  color: var(--text-color-primary-bg) !important;
  background-color: var(--primary-color);
}

.size-box #product-variants-options ul li {
  line-height: 22px;
  font-size: 15px;
  border-radius: 8px;
}

.icon-star1 {
  line-height: 0px;
}

.form-notify-me-phone-row > input:first-child {
  max-width: 50px !important;
}

.modal-select-destination-city-footer-container {
  justify-content: center !important;
}

#modal-select-destination-city-save {
  width: 100% !important;
  background: var(--primary-color);
  color: var(--text-color-primary-bg) !important;
  font-size: 20px;
  font-weight: 500;
}

.header-offcanvas .offcanvas-body {
  margin-top: 40px;
}

.header-offcanvas .offcanvas-close {
  position: absolute;
  left: 10px;
  top: 10px;
}

.sub-categru {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  margin: 20px 0px;
}

.subcategories-image {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50px;
}

.categories-row {
  margin: 0 !important;
}

.categories-title {
  display: flex;
  align-items: center;
  gap: 5px;
  align-items: center;
  width: 100%;
  margin: 0 !important;
}

.subTitle-detail {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 350px;
  background-position: center;
}

.sub-title {
  flex-direction: column;
}

.bread-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--primary-color);
}

.bread-text {
  font-size: 15px;
  font-weight: 500;
  color: var(--primary-color);
}

.sub-categru .card-body {
  max-width: max-content;
  padding: 10px;
  min-width: auto;
  display: flex;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
  max-height: max-content;
  align-items: center;
  border-radius: 50px;
  border: 1px solid var(--primary-color);
  background: color-mix(
    in srgb,
    var(--primary-color) 8%,
    transparent
  ) !important;
}

.sub-categru .card-body .categories-title {
  width: auto !important;
}

.Tax-options .options-fields {
  display: none;
}

.expalin-icons .title-similar {
  justify-content: flex-start !important;
}

.Tax-options .taxable {
  position: absolute;
  top: 43%;
  right: -125px;
  background-color: #fff;
  border-radius: 50px;
  padding: 5px;
  transition: 0.8s;
  border: 1px solid var(--primary-color);
}

.Tax-options small {
  font-size: 15px !important;
}

.prod-col:hover .Tax-options .taxable {
  right: 0px;
}

.products-details .offcanvas-end {
  width: 40% !important;
}

.products-details .offcanvas-end .header-offcanvas {
  background: linear-gradient(180deg, var(--primary-color) -180%, transparent);
}

.offcanvas-body .des {
  justify-content: space-between;
}

.offcanvas-body .account-lang-currency {
  border-radius: 8px;
  padding: 10px;
  background: color-mix(
    in srgb,
    var(--primary-color) 50%,
    transparent
  ) !important;
}

.offcanvas-body .account-btn span,
.offcanvas-body .language-button-area span {
  font-size: 24px;
}

.settings-item {
  border-radius: 6px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  direction: ltr;
  cursor: pointer;
  border: 2px solid var(--primary-color);
  margin: 0 auto;
  color: #000;
}

.lists-thmem {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.settings-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-top: 20px;
}

.categ-wrabber {
  position: unset !important;
  max-width: 335px;
  max-height: 335px;
}

.card-categories-wrapper {
  border: unset !important;
}

.categories-image {
  transition: 0.8s;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 125%, 0% 75%, 0% 25%);
}

.categories-row {
  position: unset !important;
  gap: 15px;
  height: unset !important;
  row-gap: 40px;
}

.categ-wrabber:hover .categories-image {
  transform: scale(1.1);
}

.card-categories {
  overflow: hidden;
}

.card-categories-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.categ-wrabber:hover .btn-link-categories {
  color: var(--primary-color);
}

.btn-link-categories {
  font-weight: 600;
}

.header-wrapper {
  display: none !important;
}

.cart-product-delete,
.cart-product-col-img,
.cart-product-col-details,
.cart-products-action,
.cart-product-prices {
  padding: 0 !important;
  width: auto !important;
}

.cart-product-row {
  padding: 10px 10px !important;
  border-radius: 12px;
  border: 1px solid #00000060;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
}

.cart-product-col-img {
  width: 100px !important;
  border-radius: 12px;
}

.cart-product-col-img img {
  border-radius: 12px;
}

.cart-product-row-wrapper {
  border: 0 !important;
}

.cart-totals-div {
  border: 1px solid #00000036;
  padding: 10px;
  border-radius: 12px;
}

.cart-totals-div .cart-totals-row-wrapper:last-child {
  border-top: 1px solid #00000023 !important;
  font-size: 23px;
  font-weight: 600;
}

.cart-totals-row-wrapper {
  font-size: 18px !important;
  font-weight: 500 !important;
}

.profile-pages-bg {
  position: unset !important;
}

.rtl .profile-item {
  padding: 10px !important;
}

.profile-row.active {
  margin: 0 !important;
}

.custom-checkbox-checkmark {
  border-radius: 50%;
  height: 20px;
  width: 20px;
}

.profile-title {
  display: none !important;
}

.account-content .btn-primary {
  width: 100% !important;
  border-radius: 20px;
  float: unset !important;
}

.btn-danger {
  width: 100%;
  border-radius: 20px;
}

.mazeed-badge {
  max-width: 100% !important;
}

.cart-product-price-each span {
  font-size: 15px !important;
}

.cart-product-col-details h1 a {
  font-weight: 500;
  font-size: 19px;
}

.cart-product-quantity-dropdown select {
  border-radius: 10px;
}

#desktop-profile-card {
  display: none;
}

.aaddress-personal-btn {
  width: 100% !important;
}

.gif-btond {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

.link-addres {
  background: var(--primary-color);
  border-radius: 8px;
  padding: 5px;
  color: #fff !important;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 10px;
  text-decoration: none !important;
}

.address-text {
  font-size: 15px !important;
  font-weight: 500 !important;
}

#col-save-button {
  max-height: 50px;
  margin-top: 15px;
}

.icon-trash-alt {
  color: #000 !important;
}

.card-personal {
  padding: 10px !important;
  border-radius: 10px;
}

.totlasgif {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

#showGiftCard {
  padding: 10px;
}

.flexces {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.added-caret {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}

ul.main-nav > li:hover > div.sub-menu-block {
  max-width: fit-content;
  min-width: 150px;
  border: 1px solid var(--primary-color);
}

.top-level-link {
  position: relative;
}

#col-name .form-control,
#col-save-button button,
#col-email .form-control {
  padding: 10px !important;
}

.div-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.8s;
}

.scrolled {
  position: fixed;
  top: 6%;
  left: 0;
  right: 0;
  z-index: 99999;
}

.colection-product {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  transform: translateY(250px);
  background: #fff;
  border-top: 5px solid var(--primary-color);
  padding: 10px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  transition: 0.8s;
}

.colection-product.visible {
  transform: translateY(0);
}

.colection-product .cardes-priderd img {
  max-width: 100px !important;
  object-fit: cover;
  border-radius: 15px;
  max-height: 100px !important;
}

.emageprodecut {
  display: flex;
  margin-bottom: 7px;
  gap: 5px;
  align-items: center;
  padding-left: 110px;
}

.emageprodecut {
  display: flex;
  gap: 5px;
  align-items: center;
}
.ltr .emageprodecut {
  padding-right: 110px;
}
.product-item .product-title {
  white-space: unset !important;
  cursor: pointer !important;
}

.ltr .price-count {
  right: 15px;
  left: auto;
}

.botnen:not(:has(#product-description)) {
  display: none;
}

.ltr .tab-product .description-title {
  margin-left: 0px !important;
}

.price-count {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  position: absolute;
  top: 25px;
  left: 15px;
}

.fixed-btn .btn-cart .btn-primary {
  width: 100% !important;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
}

#related-products .slick-arrow {
  opacity: 1 !important;
  background: var(--primary-color) !important;
}

#related-products .slick-disabled {
  opacity: 0.7 !important;
}

.product-card-rating-wrapper {
  position: absolute;
  top: 60%;
  left: 0;
  display: flex;
  align-items: center;
}

.prod-col .product-card-rating span {
  margin: 0 !important;
  letter-spacing: -20px;
}

.theme-settings button {
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  border: 0 !important;
  max-width: fit-content !important;
  padding: 0 !important;
}

#modal-select-destination-city .modal-select-destination-city-content {
  border-radius: 10px !important;
  border: 1px solid var(--primary-color) !important;
}

.cart-header-total {
  margin: 0 !important;
  display: none !important;
}

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

.product-card-bundle-offer {
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
}

.filter-block-width .row {
  flex-direction: column !important;
  max-width: 180px;
  margin-top: 15px;
}

.custom-checkbox-label {
  font-size: 15px;
}

.form-products-filter .form-group {
  flex-direction: column-reverse !important;
}

#products-list-filter-form-clear {
  background: #dc3545;
  border-radius: 10px;
  padding: 5px;
  color: #fff;
}

#products-list-filter-form-save {
  background: var(--primary-color);
  border-radius: 10px;
  padding: 5px;
  color: #fff;
}

.reviews-break-down-empty {
  border-radius: 10px !important;
  border: 1px solid var(--primary-color);
}

.shipping-payment-card {
  border: 1px solid var(--primary-color) !important;
  border-radius: 10px !important;
}

.align-items-lg-center {
  justify-content: space-between !important;
}

.shipping-text {
  justify-content: space-between;
}

.tab-content-shipping {
  margin: 20px;
}

.invoice-details {
  position: fixed;
  bottom: -36%;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  transition: bottom 0.3s ease;
  z-index: 1000;
  transition: 0.8s;
  border-top: 4px solid var(--primary-color);
}

.invoice-details.scrolledd {
  transition: 0.8s;
  bottom: -35%;
}

.invoice-details.new-class {
  bottom: 0%;
}

.new-class .bi-arrow-bar-up::before {
  content: "\f112";
}

.search-header .image-logo {
  object-fit: contain;
  max-height: 70px !important;
}

.products-filters-attribute-form #attribute_form > .attribute-group:last-child {
  display: none;
}

.ltr .product-card-rating-wrapper {
  right: 5px;
  display: flex;
  gap: 5px;
  left: auto;
}

.ltr .product-card-rating-count {
  padding-left: 12px;
}

.ltr .prod-col:hover .bton-added {
  transform: translate(-8px, -45px);
}

/* .designs,
.alls-main,
.main-slider,
.search-header,
.feature-section,
.home-categories-section,
.shorts,
.moderns,
.home-products-section,
.Qualitys,
.Dedicated-sections,
.testimonials-slider-wrapper,
.news,
.partners-slider-wrapper,
.gallery-section,
.explorations,
.sliders {
    display: none !important;
} */

.play-icon,
.iframe-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0 auto;
}

.play-icon {
  z-index: 2;
  cursor: pointer;
  opacity: 0.5;
  width: 70px !important;
  max-width: 25%;
  border: none !important;
}

.play-icon:hover {
  opacity: 1;
}

.iframe-video {
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-color: black;
}

.btn-product-card-out-of-stock {
  width: max-content;
}

.add-to-wishlist {
  position: absolute;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
}

.rtl .add-to-wishlist {
  right: unset;
  left: 0;
}

.icon-heart-mask {
  display: inline-block;
  width: 25px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  mask-size: 100%;
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.1603 2.00004C18.1002 0.937251 16.6951 0.288583 15.1986 0.171213C13.7021 0.0538432 12.213 0.475509 11.0003 1.36004C9.72793 0.413681 8.14427 -0.0154454 6.5682 0.159081C4.99212 0.333607 3.54072 1.09882 2.50625 2.30063C1.47178 3.50244 0.931098 5.05156 0.993077 6.63606C1.05506 8.22055 1.71509 9.72271 2.84028 10.84L9.05028 17.06C9.57029 17.5718 10.2707 17.8587 11.0003 17.8587C11.7299 17.8587 12.4303 17.5718 12.9503 17.06L19.1603 10.84C20.3279 9.66531 20.9832 8.07632 20.9832 6.42004C20.9832 4.76377 20.3279 3.17478 19.1603 2.00004ZM17.7503 9.46004L11.5403 15.67C11.4696 15.7414 11.3855 15.798 11.2928 15.8367C11.2001 15.8753 11.1007 15.8953 11.0003 15.8953C10.8999 15.8953 10.8004 15.8753 10.7077 15.8367C10.615 15.798 10.5309 15.7414 10.4603 15.67L4.25028 9.43004C3.46603 8.62839 3.02689 7.55151 3.02689 6.43004C3.02689 5.30858 3.46603 4.2317 4.25028 3.43004C5.04943 2.64103 6.12725 2.19861 7.25028 2.19861C8.3733 2.19861 9.45112 2.64103 10.2503 3.43004C10.3432 3.52377 10.4538 3.59817 10.5757 3.64893C10.6976 3.6997 10.8283 3.72584 10.9603 3.72584C11.0923 3.72584 11.223 3.6997 11.3449 3.64893C11.4667 3.59817 11.5773 3.52377 11.6703 3.43004C12.4694 2.64103 13.5472 2.19861 14.6703 2.19861C15.7933 2.19861 16.8711 2.64103 17.6703 3.43004C18.4653 4.22119 18.9189 5.29223 18.9338 6.41373C18.9488 7.53522 18.5239 8.61798 17.7503 9.43004V9.46004Z' fill='%23A1A0A9'/%3E%3C/svg%3E");
}

.icon-heart-mask.filled {
  background-image: url("data:image/svg+xml;utf8,%3Csvg width='22' height='18' viewBox='-1 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5117 1.37891L10.5117 2.37891L8.01172 1.87891L4.51172 0.878906L1.51172 3.37891L1.01172 7.87891L5.01172 12.8789L10.5117 17.3789C11.1784 16.5456 12.6117 14.7789 13.0117 14.3789C13.4117 13.9789 16.5117 11.2122 18.0117 9.87891L19.0117 4.87891L16.0117 1.87891L13.5117 1.37891Z' fill='%23D86F6F'/%3E%3Cpath d='M18.172 1.87907C17.112 0.816279 15.7068 0.167612 14.2103 0.0502417C12.7139 -0.0671284 11.2248 0.354538 10.012 1.23907C8.73965 0.292709 7.15599 -0.136417 5.57991 0.038109C4.00384 0.212635 2.55243 0.977849 1.51797 2.17966C0.483501 3.38146 -0.0571834 4.93059 0.00479541 6.51509C0.0667742 8.09958 0.726812 9.60174 1.85199 10.7191L8.06199 16.9391C8.58201 17.4509 9.28238 17.7377 10.012 17.7377C10.7416 17.7377 11.442 17.4509 11.962 16.9391L18.172 10.7191C19.3396 9.54434 19.9949 7.95535 19.9949 6.29907C19.9949 4.6428 19.3396 3.0538 18.172 1.87907ZM16.762 9.33907L10.552 15.5491C10.4813 15.6204 10.3972 15.6771 10.3045 15.7157C10.2118 15.7544 10.1124 15.7743 10.012 15.7743C9.91157 15.7743 9.81214 15.7544 9.71945 15.7157C9.62677 15.6771 9.54266 15.6204 9.47199 15.5491L3.26199 9.30907C2.47775 8.50742 2.0386 7.43054 2.0386 6.30907C2.0386 5.18761 2.47775 4.11073 3.26199 3.30907C4.06115 2.52006 5.13897 2.07764 6.26199 2.07764C7.38502 2.07764 8.46284 2.52006 9.26199 3.30907C9.35496 3.4028 9.46556 3.47719 9.58742 3.52796C9.70928 3.57873 9.83998 3.60487 9.97199 3.60487C10.104 3.60487 10.2347 3.57873 10.3566 3.52796C10.4784 3.47719 10.589 3.4028 10.682 3.30907C11.4811 2.52006 12.559 2.07764 13.682 2.07764C14.805 2.07764 15.8828 2.52006 16.682 3.30907C17.477 4.10022 17.9306 5.17126 17.9455 6.29276C17.9605 7.41425 17.5356 8.49701 16.762 9.30907V9.33907Z' fill='%23D86F6F'/%3E%3C/svg%3E");
}

#wishlist-list .bton-added {
  position: unset !important;
  transform: unset !important;
}

.icon-language_white:before {
  display: none !important;
}

.slick-track {
  margin-left: unset !important;
  margin-right: unset !important;
}

.product-card-rating-count {
  display: none !important;
}

.product-item .product-prev-price {
  font-size: 15px;
}

.offered-pointers {
  display: flex;
  flex-direction: column;
  gap: 7px;
  max-height: 100px;
  overflow-y: auto;
}

.offered-pointers::-webkit-scrollbar {
  width: 5px;
  border-radius: 50%;
  height: 10px;
}

.offered-pointers::-webkit-scrollbar-thumb {
  background: var(--primary-color);
}

.product-crd-spec span {
  font-size: 18px;
  font-weight: 400;
}

.store-section .social-icons {
  margin-left: 0;
  margin-right: 0;
}

.slide-menu ul li {
  border-bottom: 1px solid var(--primary-color);
}

.slide-menu ul li:last-child {
  border-bottom: 0 !important;
}

.slide-menu ul li:first-child {
  border-bottom: 0 !important;
}

.content-video.unset::after {
  display: none !important;
}

.products-details-page .offcanvas.offcanvas-end {
  z-index: 999999999999 !important;
  overflow-y: auto !important;
}

.sub-categru.removed {
  display: none;
}

.sub-categru.height {
  max-height: auto !important;
}

.whatsapp-float-icon{
    position: fixed;
    bottom: 71px;
    right: 10px;
    z-index: 9999;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.15);
    text-decoration: none;
  }
  .whatsapp-float-icon i{
      font-size: 32px !important;
    }

    .photo_categrys .photo_image{
     display: block;
      width: 100%;
      height: 100%;
    }

    .photo_categrys .photo_image .photo_disc.photo_omg{
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 5px;
    }

/*** style for css responsiv ***/
@media (max-width: 1600px) {
  .product-prev-price {
    display: none;
  }

  .prod-col {
    margin: 4px !important;
  }

  .product-item .product-title > span {
    font-size: 18px;
    line-height: 140%;
  }

  .catergry-svg {
    right: -33px;
  }

  .category-item img {
    max-height: 170px;
  }

  .category-item a,
  .category-item img {
    min-height: 170px;
    min-width: 170px;
  }

  .categories-slider .category-item {
    max-width: 170px;
    min-width: 170px;
  }

  .categ-wrabber {
    max-width: 306px;
    max-height: 306px;
  }

  .opt-bord {
    right: -100px;
  }

  .content-designs {
    max-width: 35%;
  }

  .designs-image {
    height: 290px;
  }

  .search-header .image-logo {
    max-width: 175px !important;
  }

  .gear::before,
  .theme-settings button,
  .hearts i,
  .header-theme-icon-primary > .path2,
  .icon-search:before,
  .header-theme-icon-primary,
  .icon-language_white {
    font-size: 12px !important;
  }

  ul.main-nav > li > a {
    padding: 5px !important;
  }

  .container-fluid {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (max-width: 1400px) {
  .product-item .product-title > span {
    line-height: 125%;
  }

  .disck {
    display: none !important;
  }

  .prod-col {
    margin: 5px !important;
  }

  .quality-products {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }

  .short-wrapper .alls-image:nth-child(3) {
    grid-area: item3;
    max-height: 400px;
    min-height: 400px;
  }

  .short-wrapper .alls-image:nth-child(5) {
    grid-area: item5;
    max-height: 400px;
    min-height: 400px;
  }

  .short-wrapper .alls-image:nth-child(4) {
    grid-area: item4;
    max-height: 400px;
    min-height: 400px;
  }

  .short-wrapper .alls-image:nth-child(2) {
    grid-area: item2;
    max-height: 400px;
    min-height: 400px;
  }

  .short-wrapper .alls-image:first-child {
    grid-area: item1;
    max-height: 820px;
    min-height: 350px;
  }

  .news-iamge {
    width: 87%;
  }

  .categ-wrabber {
    max-width: 261px;
    max-height: 261px;
  }

  .products-container .products-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .products-list .prod-col-attr {
    min-width: auto;
    width: 100% !important;
  }

  .coled {
    gap: 10px;
  }

  .opt-bord {
    right: -71px;
  }

  .prod-col:hover .bton-added {
    transform: translate(8px, -42px);
  }

  .bton-primires {
    padding: 1px 5px;
  }

  .Tax-options .taxable {
    top: 24%;
  }

  .bton-added > .btn {
    font-size: 17px !important;
  }

  .testimonials-customer-name {
    font-size: 20px;
  }

  .svg-review {
    left: 15px;
  }

  .testimonials-customer-card {
    margin: 30px 47px !important;
    padding: 28px !important;
  }

  .testimonials-image {
    width: 115px;
    height: 115px;
  }

  .content-slider {
    top: 20%;
  }

  .modern-image {
    height: 350px;
  }

  .content-designs {
    top: 16%;
    gap: 13px;
    max-width: 45%;
  }

  .content-designs h1 {
    font-size: 20px;
  }

  .designs-image {
    height: 280px;
  }

  .section-title {
    font-size: 21px;
  }

  .features-section-img {
    width: 180px;
  }

  .feature-title {
    font-size: 35px;
  }

  .slide-menu-static {
    display: none;
  }

  .offcanvas-body .settings-list .slide-menu-static {
    display: block;
  }

  .slide-menu {
    width: 50% !important;
  }

  ul.main-nav {
    display: none !important;
  }

  .ic.menu {
    display: block !important;
    margin-left: 5px !important;
    left: 0 !important;
    max-width: fit-content !important;
  }

  .search-header .image-logo {
    max-width: 165px !important;
  }

  .container-fluid {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

@media (max-width: 1200px) {
  .col-product-info {
    padding: 10px !important;
  }

  .tab-content {
    margin-top: 65px;
    padding-bottom: 0px;
  }

  .quality-products {
    grid-template-columns: repeat(5, 1fr);
  }

  .short-wrapper .alls-image:first-child {
    grid-area: item1;
    max-height: 700px;
    min-height: 350px;
  }

  .offered {
    padding: 5px;
  }

  .roles {
    gap: 10px;
  }

  .bton-primires {
    padding: 1px 2px;
  }

  .news-iamge {
    width: 85%;
  }

  .catgred {
    gap: 10px;
  }

  #products-list-filter-form-checkbox-on-sale {
    display: none;
  }

  .form-products-filter {
    max-width: 150px;
  }

  .product-attributes {
    min-width: 180px !important;
    width: 180px !important;
    padding-inline-end: unset !important;
  }

  .filters {
    max-width: 180px;
  }

  .products-filter {
    max-width: 180px;
    min-width: 180px;
  }

  #col-save-button {
    margin-top: 23px;
  }

  .profile-section {
    width: 33% !important;
  }

  .profile-item-image {
    font-size: 30px !important;
    width: 40px !important;
  }

  .short-wrapper .alls-image:nth-child(2),
  .short-wrapper .alls-image:nth-child(3),
  .short-wrapper .alls-image:nth-child(4),
  .short-wrapper .alls-image:nth-child(5) {
    max-height: 350px;
    min-height: 350px;
  }

  .short-wrapper .alls-image {
    border-radius: 15px;
  }

  .short-wrapper {
    gap: 10px;
  }

  .news-wrapper .nav-item .nav-link {
    font-size: 19px;
    padding: 10px;
  }

  .news-iamge {
    height: 330px;
  }

  .opt-bord {
    right: -45px;
  }

  .partners-coment p {
    font-size: 15px;
  }

  .partners-coment h2 {
    font-size: 18px;
  }

  .partners-item img {
    max-width: 75px !important;
    max-height: 75px !important;
  }

  .bton-added > .btn {
    font-size: 16px !important;
  }

  .Tax-options .taxable {
    padding: 3px;
  }

  .alls-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .content-slider {
    right: 80px;
  }

  .content-slider {
    max-width: 42%;
  }

  .content-slider p {
    font-size: 17px;
  }

  .content-slider h1 {
    font-size: 31px;
  }

  .title-dedicated {
    font-size: 25px;
  }

  .content-exploration h1 {
    font-size: 33px;
  }

  .content-video h2 {
    font-size: 45px;
  }

  .time-item span {
    height: 70px;
    width: 70px;
    padding: 0px 15px;
    font-size: 45px;
  }

  .time-item p {
    font-size: 21px;
    font-weight: 500;
  }

  .modern-image {
    height: 325px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .designs-image {
    height: 250px;
  }

  .content-designs {
    max-width: 50%;
    gap: 10px;
    right: 15px;
  }

  .designs-wrapper {
    gap: 10px;
  }

  .container-fluid {
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .section-title {
    font-size: 20px;
  }

  .featured::after {
    top: 60px;
    left: 78px;
  }

  .borders {
    top: -110px;
  }

  .bord-1 {
    padding: 30px;
  }

  .features-section-img {
    width: 145px;
  }

  .feature-title {
    font-size: 32px;
  }

  .main-contended h2 {
    font-size: 37px;
  }

  .category-item h3 {
    font-size: 20px;
  }

  .ic-menu-back {
    display: none !important;
  }

  .badge-name {
    z-index: 1 !important;
  }
}

@media (max-width: 992px) {
  .back-to-top {
    width: 40px;
    height: 40px;
  }

  .product-item .product-title > span {
    height: 38px;
  }

  .product-crd-spec {
    min-height: 50px;
  }

  .product-item .product-title > span {
    font-size: 16px;
  }

  .offer-name {
    font-size: 15px;
  }

  .container-fluid {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .btn-filter {
    display: none;
  }

  .offered {
    padding: 10px;
  }

  .cart-product-total-price {
    font-size: 16px;
  }

  .cart-product-col-details h1 a {
    font-size: 18px;
  }

  .cart-product-col-img {
    width: 90px !important;
  }

  .sub-categru .card-body {
    padding: 8px !important;
    border-radius: 10px;
  }

  .sub-categru .card-body {
    gap: 5px;
  }

  .subcategories-image {
    width: 55px;
    height: 55px;
  }

  .categories-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: unset;
  }

  .catgred {
    gap: 5px;
  }

  .products-pagination ul {
    gap: 10px;
  }

  .products-container .products-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .attribute-price-body .form-row .col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .attribute-price-body .form-row {
    flex-direction: column;
  }

  .product-attributes {
    min-width: 150px !important;
    width: 150px !important;
    padding-inline-end: unset !important;
  }

  .products-filter {
    max-width: 150px;
    min-width: 150px;
  }

  .profile-section-dropdown .dropdown-menu > li > a {
    border-radius: 10px;
    border: 1px solid var(--primary-color) !important;
  }

  .profile-section-dropdown .dropdown ul.dropdown-menu {
    border-radius: 10px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
    top: 100% !important;
  }

  .profile-section-dropdown .nav {
    position: relative !important;
  }

  .profile-section-dropdown .dropdown {
    border-radius: 10px !important;
  }

  .profile-section-dropdown {
    margin: 15px !important;
  }

  .offcanvas.offcanvas-end {
    max-width: 50%;
  }

  .products-details-page .lg-thumbs .col-3 {
    max-width: 15% !important;
  }

  .colection-product .cardes-priderd img {
    max-width: 90px !important;
    max-height: 90px !important;
  }

  .comment-section {
    max-width: 300px;
  }

  .card-review .icon-account_circle {
    width: 33px;
    height: 33px;
  }

  .questions-card-preview,
  .card-review {
    padding: 10px;
  }

  .user-review-text {
    margin-right: 0 !important;
  }

  .card-name-customer {
    font-weight: 500 !important;
  }

  .card-review .review-reply-card {
    margin-right: 0 !important;
  }

  .card-review .review-images-container img {
    width: 80px !important;
    height: 80px !important;
  }

  .icon-add_circle {
    font-size: 20px;
  }

  #add-review-btn,
  #addQuestionButton {
    font-size: 20px;
    max-width: 200px;
    padding: 10px !important;
  }

  .short-wrapper .alls-image:first-child {
    max-height: 650px;
  }

  .short-wrapper .alls-image:nth-child(2),
  .short-wrapper .alls-image:nth-child(3),
  .short-wrapper .alls-image:nth-child(4),
  .short-wrapper .alls-image:nth-child(5) {
    max-height: 320px;
    min-height: 320px;
  }

  .tab-content {
    margin-top: 75px;
  }

  .news-wrapper .nav-item .nav-link {
    font-size: 18px;
    padding: 9px;
  }

  .news-iamge {
    height: 270px;
    width: 80%;
  }

  .opt-bord {
    right: -20px;
  }

  .partners-coment h2 {
    font-size: 16px;
    font-weight: 500;
  }

  .partners-item img {
    max-width: 65px !important;
    max-height: 65px !important;
  }

  .partners-slider .partners-item {
    margin: 0 !important;
  }

  .Qualitys-main .nav-item .nav-link {
    font-size: 19px;
  }

  .quality-products {
    grid-template-columns: repeat(4, 1fr);
  }

  .prod-col:hover .bton-added {
    transform: translate(8px, -40px);
  }

  .testimonials-customer-card {
    margin: 30px 48px !important;
  }

  .content-slider h1 {
    font-size: 27px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    min-height: 36px;
  }

  .sliders-wrapper .slick-dots {
    bottom: 15px !important;
  }

  .sliders-wrapper .slick-next {
    left: 15px !important;
  }

  .sliders-wrapper .slick-prev {
    right: 15px !important;
  }

  .content-slider {
    top: 10%;
    right: 65px;
  }

  .content-slider p {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
  }

  .content-slider {
    gap: 10px;
  }

  .title-dedicated {
    font-size: 22px;
  }

  .dedicated {
    gap: 10px;
  }

  .explain-dedicated {
    font-size: 17px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    overflow: hidden;
  }

  .content-exploration h1 {
    font-size: 29px;
  }

  .content-exploration p {
    font-size: 19px;
  }

  .content-exploration {
    gap: 10px;
    padding: 20px;
  }

  .galleryed {
    gap: 10px;
  }

  .time-item span {
    font-size: 40px;
  }

  .content-video p {
    font-size: 19px;
  }

  .content-video h2 {
    font-size: 40px;
  }

  .modern-image {
    height: 300px;
  }

  .categories-slider .category-item {
    min-width: 160px;
  }

  .categories-slider .slick-slide {
    max-width: unset;
  }

  .catergry-svg {
    right: -22%;
  }

  .category-item a,
  .category-item img {
    min-height: 160px;
    min-width: 160px;
  }

  .category-item h3 {
    font-size: 19px;
  }

  .designs-image {
    height: 300px;
  }

  .designs-wrapper {
    grid-template-columns: 1fr;
  }

  .main-pointer {
    max-height: 60px;
    min-height: 60px;
    min-width: 60px;
    height: 60px;
    width: 60px;
  }

  .short-title a {
    font-size: 17px;
  }

  .section-title {
    font-size: 19px;
  }

  .feature-title {
    font-size: 30px;
  }

  .hero-image {
    object-fit: cover;
  }

  .offcanvas.offcanvas-start {
    width: 40%;
  }

  .main-contended h2 {
    font-size: 30px;
    max-width: 95%;
  }

  .main-contended p {
    font-size: 18px;

    max-width: 95%;
  }

  .wishlist-modal-body {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .footer-store-section-bars {
    flex-direction: row !important;
  }

  .footer .logistics-pay-icons {
    margin-right: 0;
    margin-left: 0;
  }

  .featured {
    flex-wrap: no wrap;
    overflow-x: auto;
    justify-content: flex-start;
  }

  .featured::before {
    top: 250px;
  }

  .category-item h3 {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .bton-added > .btn {
    margin-bottom: 3px;
  }

  .bton-added > .btn span {
    font-size: 15px !important;
  }

  .Tax-options {
    top: 44%;
  }

  .product-card {
    height: 180px;
  }

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

  .product-card-rating-wrapper {
    top: 50%;
  }

  .ltr .bton-added {
    transform: unset !important;
  }

  .bton-added {
    transform: unset !important;
    position: unset !important;
  }

  .prod-col:hover .bton-added {
    all: unset !important;
  }

  .prodede::before {
    width: 45px;
    height: 45px;
  }

  .prodede::after {
    font-size: 18px;
  }

  .prodede {
    width: 25px;
    height: 25px;
  }

  .totlasgif {
    grid-template-columns: 1fr;
  }

  .cart-product-row {
    justify-content: flex-start;
  }

  .cart-products-action .form-group {
    margin-right: 0 !important;
  }

  .cart-totals-row-wrapper {
    font-size: 15px !important;
    font-weight: 400 !important;
  }

  .cart-product-prices > div {
    margin-right: 0 !important;
  }

  .cart-product-message-not-taxable span {
    font-size: 15px;
  }

  .cart-product-col-details h1 a {
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }

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

  .cart-product-col-img {
    width: 80px !important;
  }

  .cart-product-col-img {
    width: 80px !important;
  }

  .cart-product-row {
    gap: 10px;
  }

  .subTitle-detail {
    min-height: 300px;
  }

  .catgred {
    display: grid !important;
  }

  .sort-block-width .dropdown {
    width: 100%;
  }

  .filter-block-width .row {
    flex-direction: row;
    max-width: 100%;
  }

  .form-products-filter .text-color-primary {
    display: block !important;
  }

  .filter-buttons-container {
    max-width: unset;
  }

  .form-products-filter {
    max-width: unset;
  }

  .filters {
    max-width: unset;
  }

  .products-filter {
    max-width: unset;
    min-width: unset;
  }

  .filters {
    position: unset;
    margin-top: 10px;
  }

  .roles {
    display: grid !important;
    grid-template-columns: 1fr;
  }

  .products-list-filter-sm {
    display: none !important;
  }

  .aaddress-personal-btn {
    padding: 10px !important;
    background: var(--primary-color) !important;
  }

  .description-text-clear * {
    font-size: 17px !important;
  }

  .products-details-page {
    margin-top: 50px;
  }

  .products-details-page .slick-dots {
    display: none !important;
    bottom: -220px !important;
  }

  .products-details-page .lg-thumbs {
    display: flex !important;
  }

  .colection-product .cardes-priderd img {
    max-width: 80px !important;
    max-height: 80px !important;
  }

  .description-title {
    font-size: 1.5rem !important;
  }

  .user-review-date {
    display: none;
  }

  .card-review .review-reply-card {
    padding: 0 !important;
  }

  .card-name-customer {
    font-size: 18px !important;
  }

  .card-review .review-images-container img {
    width: 70px !important;
    height: 70px !important;
  }

  .card-review .card-body {
    padding: 0 !important;
  }

  #add-review-btn,
  #addQuestionButton {
    font-size: 18px !important;
    padding: 8px !important;
  }

  .comment-section {
    max-width: 223px;
  }

  .short-wrapper .alls-image:nth-child(2),
  .short-wrapper .alls-image:nth-child(3),
  .short-wrapper .alls-image:nth-child(4),
  .short-wrapper .alls-image:nth-child(5) {
    max-height: 279px;
    min-height: 279px;
  }

  .short-wrapper .alls-image:first-child {
    max-height: 575px;
  }

  .short-wrapper {
    grid-template-areas:
      "item1 item1 item2 item2"
      "item1 item1 item3 item3"
      "item4 item4 item5 item5";
  }

  .news-wrapper .nav-item .nav-link {
    font-size: 17px;
    padding: 8px;
  }

  .news-iamge {
    height: 250px;
    width: 77%;
  }

  .opt-bord {
    right: -11px;
  }

  .partners-slider .partners-item {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .partners-slider {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .content-alls h1 {
    font-size: 17px;
  }

  .quality-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .Qualitys-main .nav-item .nav-link {
    font-size: 18px;
    padding: 5px;
  }

  .linke-urls a {
    font-size: 19px;
  }

  .alls-image {
    min-height: 470px;
  }

  .alls-wrapper {
    gap: 10px;
  }

  .svg-review {
    top: 26px;
  }

  .testimonials-customer-text {
    white-space: break-spaces;
    font-size: 17px;
  }

  .slider-imgs .slid-imog {
    min-height: 215px;
  }

  .content-slider {
    top: 7%;
    right: 45px;
    gap: 5px;
    max-width: 55%;
  }

  .sliders-wrapper .slick-dots {
    bottom: 5px !important;
  }

  .sliders-wrapper .slick-next {
    left: 5px !important;
  }

  .sliders-wrapper .slick-prev {
    right: 5px !important;
  }

  .sliders-image .button-link {
    font-size: 17px;
    padding: 10px;
  }

  .content-slider h1 {
    font-size: 21px;
    min-height: 59px;
    line-height: 125%;
  }

  .dedicated {
    grid-template-columns: 1fr;
  }

  .content-dedicated {
    gap: 10px;
  }

  .title-dedicated {
    font-size: 18px;
  }

  .explain-dedicated {
    font-size: 16px;
  }

  .content-exploration p {
    font-size: 17px;
  }

  .content-exploration {
    padding: 10px;
  }

  .content-exploration h1 {
    font-size: 24px;
  }

  .exploration-image {
    height: 353px;
  }

  .time-item span {
    height: 60px;
    width: 60px;
    padding: 0px 13px;
    font-size: 35px;
  }

  .time-item p {
    font-size: 20px;
    font-weight: 500;
  }

  .video-dedicated-1 video,
  .video-dedicated-2 video {
    min-width: 450px;
    max-height: 500px;
    object-fit: cover;
    width: 100%;
  }

  .content-video h2 {
    font-size: 35px;
    max-width: 70%;
  }

  .content-video p {
    font-size: 16px;
    max-width: 90%;
  }

  .content-video {
    gap: 10px;
  }

  .categories-slider .category-item {
    min-width: 190px;
  }

  .section-title {
    font-size: 18px;
  }

  .category-item h3 {
    font-size: 17px;
  }

  .category-item a,
  .category-item img {
    min-height: 190px;
    min-width: 190px;
  }

  .designs-image {
    height: 250px;
  }

  .ticker-wrap .ticker a.ticker-item {
    font-size: 17px;
  }

  .wishlist-item .icon-delete {
    font-size: 28px;
    font-weight: 700;
  }

  .price-older {
    font-size: 15px;
  }

  .product-price span {
    font-size: 16px;
  }

  .product-title span {
    font-size: 17px;
  }

  .cards-prod-img {
    max-width: 140px;
    height: 140px;
  }

  .container-fluid {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .gear::before,
  .theme-settings button,
  .hearts i,
  .header-theme-icon-primary > .path2,
  .icon-search:before,
  .header-theme-icon-primary,
  .icon-language_white {
    font-size: 28px !important;
  }

  .wishlist-modal-body {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .offcanvas-body .settings-list .slide-menu-static .account-btn {
    display: block !important;
  }

  .upper-bar {
    display: block !important;
  }

  .offcanvas-body .account-btn span,
  .offcanvas-body .language-button-area span {
    font-size: 21px;
  }

  .settings-item {
    border-radius: 6px;
    width: 45px;
    height: 45px;
    font-size: 20px;
  }

  .offcanvas-body .account-lang-currency {
    padding: 8px;
  }

  .main-contended h2 {
    font-size: 28px;
  }

  .main-contended p {
    font-size: 17px;
  }
  .emageprodecut {
    padding-left: 0;
  }
  .ltr .emageprodecut {
    padding-right: 0;
  }
  .price-count {
    position: relative;
    top: unset;
    left: unset;
  }
  .ltr .price-count {
    position: relative;
    top: unset;
    left: unset;
  }
  .button-link {
    font-size: 17px;
    border-radius: 10px;
    padding: 10px;
  }

  .section-title::before {
    height: 37px;
  }

  .catergry-svg {
    right: -12%;
  }

  .category-item img {
    max-height: 159px;
  }

  .btn-close {
    background: #ffffff var(--bs-btn-close-bg) center / 1em auto no-repeat !important;
  }

  .header-offcanvas {
    overflow-y: auto;
  }
}

@media (max-width: 576px) {
  .all-footers {
    flex-direction: column-reverse !important;
  }

  .quality-products {
    grid-template-columns: repeat(2, 1fr);
  }

  .exploration-image {
    height: 300px;
  }

  .video-dedicated-1 video,
  .video-dedicated-2 video {
    min-width: 390px;
    width: 100%;
  }

  .alls-com {
    display: none;
  }

  .alls-mob {
    display: block;
  }

  .slid-com {
    display: none !important;
  }

  .slid-mob {
    display: block !important;
  }

  .new-com {
    display: none;
  }

  .new-mob {
    display: block;
  }

  .banar-prod-image .pionter-com {
    display: none;
  }

  .banar-prod-image .pionter-mob {
    display: block;
  }

  .main-slider .img-mobile {
    display: block;
  }

  .main-slider .img-desctop {
    display: none;
  }

  .offers-pointers {
    justify-content: center;
  }

  .offers-products {
    gap: 3px;
  }

  .main-pointer {
    max-height: 50px;
    min-height: 50px;
    min-width: 50px;
    height: 50px;
    width: 50px;
  }

  .offered {
    padding: 5px;
    bottom: -5px;
  }

  .added-caret {
    font-size: 18px;
    font-weight: 500;
  }

  .sub-categru {
    max-height: 150px;
    padding: 10px;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid var(--primary-color);
  }

  .subcategories-image {
    width: 48px;
    height: 48px;
  }

  .categories-row {
    grid-template-columns: 1fr 1fr;
  }

  .subTitle-detail {
    min-height: 280px;
  }

  .bton-filter {
    width: 50%;
  }

  .products-container .products-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .profile-item-image {
    font-size: 25px !important;
    width: 30px !important;
  }

  .products-details-page .lg-thumbs {
    gap: 10px;
  }

  .size-box #product-variants-options ul li {
    padding: 5px 7px !important;
  }

  .modal-comment-content {
    max-width: 90%;
    margin: auto;
  }

  #add-review-btn,
  #addQuestionButton {
    max-width: 100%;
  }

  .comment-section {
    max-width: 100%;
  }

  .roled::after {
    display: none;
  }

  .producted-settings,
  .setting-descrption,
  .settings-descrptions {
    font-size: 16px;
  }

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

  .method .method-emg {
    height: 30px;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
  }

  .Payment-methods {
    gap: 10px;
  }

  .roled {
    grid-template-columns: 1fr;
  }

  .ltr .price-count {
    right: 5px;
    left: auto;
  }

  .price-count {
    top: 2px;
    left: 5px;
  }

  .colection-product .cardes-priderd img {
    max-width: 70px !important;
    max-height: 70px !important;
  }

  .colection-product {
    width: 90%;
  }

  .short-wrapper .alls-image:nth-child(2),
  .short-wrapper .alls-image:nth-child(3),
  .short-wrapper .alls-image:nth-child(4),
  .short-wrapper .alls-image:nth-child(5) {
    max-height: 205px;
    min-height: 205px;
  }

  .short-wrapper .alls-image:first-child {
    max-height: 420px;
  }

  .news-wrapper .tab-content {
    margin-top: 20px;
  }

  .news-wrapper .nav-item .nav-link {
    font-size: 16px;
    padding: 7px;
  }

  .news-iamge {
    height: 235px;
    width: 75%;
  }

  .opt-bord {
    right: -8px;
  }

  .partners-coment h2 {
    font-size: 15px;
    font-weight: 600;
  }

  .product-card-rating-count {
    font-size: 15px !important;
  }

  .product-title span {
    font-size: 16px;
  }

  .categorey-title span {
    font-size: 15px;
  }

  .content-alls .button-link {
    padding: 10px;
    margin-top: 15px;
    max-width: 85% !important;
  }

  .alls-image:hover .linke-urls {
    transform: translateY(156px);
  }

  .content-alls h1 {
    font-size: 16px;
    padding: 10px;
  }

  .linke-urls {
    gap: 10px;
  }

  .linke-urls a {
    font-size: 18px;
  }

  .content-alls .button-link {
    padding: 8px;
    margin-top: 17px;
    max-width: 50% !important;
    font-size: 15px !important;
  }

  .alls-image:hover .content-alls .button-link {
    transform: translateY(105px);
  }

  .alls-image:hover .linke-urls {
    transform: translateY(105px);
  }

  .alls-image:hover .content-alls h1 {
    transform: translateY(50px);
  }

  .alls-image {
    min-height: 350px;
  }

  .content-alls h1 {
    transform: translateY(290px);
  }

  .testimonials-customer-card {
    margin: 29px 48px 30px 18px !important;
  }

  .sliders-image .button-link {
    font-size: 16px;
    padding: 8px;
  }

  .content-slider p {
    font-size: 15px;
  }

  .content-slider h1 {
    font-size: 20px;
    min-height: 55px;
  }

  .exploration-slider {
    grid-template-columns: 1fr;
  }

  .time-item span {
    height: 50px;
    width: 50px;
    padding: 0px 10px;
    font-size: 28px;
  }

  .gallery-section .video-container video {
    min-height: 450px;
    object-fit: cover;
    width: 100%;
  }

  .time-item p {
    font-size: 17px;
    font-weight: 400;
  }

  .content-video h2 {
    font-size: 25px;
  }

  .galleryed {
    grid-template-columns: 1fr;
  }

  .modern-svg1 {
    bottom: -58px;
  }

  .modern-svg {
    top: -58px;
  }

  .modern-image {
    height: 250px;
  }

  .categories-slider .category-item {
    min-width: 170px;
    width: 170px;
  }

  .catergry-svg {
    right: -19%;
  }

  .category-item a,
  .category-item img {
    min-height: 170px;
    min-width: 170px;
  }

  @keyframes scroll {
    0% {
      transform: translateX(45%);
    }

    100% {
      transform: translateX(-45%);
    }
  }

  .short-title a {
    font-size: 16px;
  }

  .content-designs {
    max-width: 60%;
    gap: 5px;
    right: 15px;
    top: 13%;
  }

  .content-designs h1 {
    font-size: 18px;
  }

  .designs-image {
    height: 210px;
  }

  .features-section-img {
    width: 130px;
  }

  .featured::before {
    right: 60px;
  }

  .feature-title {
    font-size: 26px;
  }

  .feature-title {
    font-size: 26px;
  }

  .wishlist-modal-body {
    grid-template-columns: 1fr 1fr;
  }

  .hero-image {
    height: 90vh !important;
  }

  .main-slider {
    height: 90vh;
  }

  .cart-badge {
    width: 15px;
    height: 15px;
  }

  .offcanvas-body .account-btn span,
  .offcanvas-body .language-button-area span {
    font-size: 19px;
  }

  .settings-item {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .button-link {
    font-size: 17px;
  }

  .gear::before,
  .theme-settings button,
  .hearts i,
  .header-theme-icon-primary > .path2,
  .icon-search:before,
  .header-theme-icon-primary,
  .icon-language_white {
    font-size: 25px !important;
  }

  .search-header .image-logo {
    max-width: 140px !important;
  }

  .main-contended p {
    font-size: 16px;
  }

  .main-contended h2 {
    font-size: 25px;
  }

  .container-fluid {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  #wishlist-counter {
    width: 16px;
    height: 16px;
  }

  .gift-popover-body {
    width: 100px;
    height: 120px;
  }

  .offcanvas.offcanvas-start {
    width: 55%;
  }

  .content-designs .button-link {
    padding: 8px;
  }

  .slide-menu a {
    padding: 10px;
  }
  .whatsapp-float-icon{
      bottom: 75px;
      right: 10px;
      width: 41px;
      height: 41px;
    }
    .whatsapp-float-icon i{
      font-size: 25px!important;
    }
}

@media (max-width: 450px) {
  .products-container .products-list {
    grid-template-columns: 1fr 1fr;
  }

  .slide-menu-static .upper-bar > div > div {
    margin: 5px 0px;
  }

  .content-video h2 {
    max-width: 90%;
  }

  .content-slider h1 {
    font-size: 18px;
    min-height: 45px;
  }

  .main-slider .slick-dots {
    gap: 4px;
  }

  .slide-menu {
    width: 65% !important;
  }

  .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .offcanvas.offcanvas-end {
    max-width: 70%;
  }

  .alls-image {
    min-height: 270px;
  }

  .alls-image:hover .content-alls .button-link {
    transform: translateY(55px);
  }

  .alls-image:hover .linke-urls {
    transform: translateY(55px);
  }

  .alls-image:hover .content-alls h1 {
    transform: translateY(15px);
  }

  .content-alls h1 {
    font-size: 17px;
    transform: translateY(220px);
  }

  .rtl .cart-badge {
    right: unset;
    left: 8px;
  }

  .video-dedicated-1 video,
  .video-dedicated-2 video {
    min-width: 320px;
    width: 100%;
  }

  .offer-formatted_price {
    font-weight: 400;
  }

  .offered {
    padding: 0px 3px;
  }

  .prodede {
    width: 20px;
    height: 20px;
  }

  .prodede::before {
    width: 40px;
    height: 40px;
  }

  .prodede::after {
    font-size: 15px;
  }

  .custom-field-name,
  .custom-field-value {
    font-size: 15px;
  }

  .cart-product-col-img {
    width: 70px !important;
  }

  .subTitle-detail {
    min-height: 250px;
  }

  .profile-item-title {
    font-size: 1rem !important;
  }

  .prod-name {
    font-size: 18px;
    margin-top: 16px;
  }

  .products-details-page {
    margin-top: 25px;
  }

  .col-product-info {
    padding: 15px 10px !important;
  }

  .description-text-clear * {
    font-size: 15px !important;
  }

  .product-title {
    font-size: 15px;
  }

  .producted-settings,
  .setting-descrption,
  .settings-descrptions {
    font-size: 15px;
  }

  .main-3 {
    min-width: 100%;
  }

  .short-wrapper .alls-image:nth-child(2),
  .short-wrapper .alls-image:nth-child(3),
  .short-wrapper .alls-image:nth-child(4),
  .short-wrapper .alls-image:nth-child(5) {
    max-height: 160px;
    min-height: 160px;
  }

  .short-wrapper .alls-image:first-child {
    max-height: 330px;
    min-height: 330px;
  }

  .news-wrapper .nav-item .nav-link {
    padding: 5px;
  }

  .news-iamge {
    height: 215px;
    width: 68%;
  }

  .partners-slider {
    white-space: wrap;
  }

  .partners-item img {
    max-width: 55px !important;
    max-height: 55px !important;
  }

  .Qualitys-main .nav-item .active::after {
    top: 42px;
  }

  .Qualitys-main .nav-item .nav-link {
    font-size: 16px;
    padding: 4px;
  }

  .product-card-bundle-offer {
    padding: 2px 1px !important;
  }

  .prod-col {
    margin: 3px !important;
  }

  .prod-col:hover .bton-added {
    transform: translate(8px, -38px);
  }

  .Tax-options .taxable {
    padding: 1px;
    top: 20%;
  }

  .bton-added > .btn {
    font-size: 15px !important;
    padding: 5px 0px;
  }

  .svg-review svg {
    width: 25px !important;
    height: 25px !important;
  }

  .testimonials-customer-name {
    font-size: 17px;
  }

  .star-review i {
    font-size: 17px;
  }

  .star-review {
    gap: 2px;
  }

  .testimonials-customer-card {
    margin: 29px 35px 30px 20px !important;
  }

  .testimonials-image {
    width: 90px;
    height: 90px;
  }

  .sliders-image .button-link {
    font-size: 15px;
    padding: 6px;
  }

  .content-slider {
    top: 15%;
    right: 35px;
    max-width: 50%;
  }

  .content-slider h1 {
    font-size: 18px;
    min-height: 43px;
    line-height: 132%;
  }

  .sliders-wrapper .slick-dots {
    bottom: 1px !important;
  }

  .sliders-wrapper .slick-next {
    left: 1px !important;
  }

  .sliders-wrapper .slick-prev {
    right: 1px !important;
  }

  .content-exploration h1 {
    font-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .content-exploration p {
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  .content-exploration h1 {
    font-size: 22px;
  }

  .exploration-image {
    height: 300px;
  }

  .time-item span {
    height: 40px;
    width: 40px;
    padding: 0px 5px;
    font-size: 20px;
  }

  .content-video p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 15px;
    text-align: center;
  }

  .time-item p {
    font-size: 15px;
  }

  .content-video h2 {
    text-align: center;
    font-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }

  .modern-svg1 {
    bottom: -60px;
  }

  .modern-svg {
    top: -60px;
  }

  .modern-image {
    height: 165px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .category-item img {
    max-height: 80px;
  }

  .catergry-svg {
    right: -27%;
  }

  .categories-slider .category-item {
    min-width: 150px;
    width: 150px;
  }

  .category-item a,
  .category-item img {
    min-height: 150px;
    min-width: 150px;
  }

  .short-title a {
    font-size: 15px;
    margin-left: 0;
  }

  .section-title {
    font-size: 17px;
  }

  .category-item h3 {
    font-size: 16px;
  }

  .content-designs {
    max-width: 75%;
  }

  .content-designs h1 {
    font-size: 16px;
  }

  .features-section-img {
    width: 107px;
  }

  .main-contended p {
    font-size: 15px;
  }

  .main-contended h2 {
    font-size: 24px;
  }

  .account-lang-currency .container-fluid {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .hero-image {
    height: 70vh !important;
  }

  .main-slider {
    height: 70vh;
  }

  .button-link {
    font-size: 16px;
    padding: 8px 15px;
  }

  .search-header .image-logo {
    max-width: 120px !important;
  }

  .gear::before,
  .theme-settings button,
  .hearts i,
  .header-theme-icon-primary > .path2,
  .icon-search:before,
  .header-theme-icon-primary,
  .icon-language_white {
    font-size: 23px !important;
  }

  .header-action-btn {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
  }

  .header-cart,
  .header-logo,
  .account-lang-currency .des,
  .language-currency {
    gap: 0 !important;
  }

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

  .cards-prod-img {
    max-width: 110px;
    height: 110px;
  }

  .wishlist-item .icon-delete {
    font-size: 24px;
  }

  .product-title span {
    font-size: 16px;
  }

  .product-price span {
    font-size: 16px;
  }

  .header-theme-icon-primary > .path2 {
    padding-left: 25px;
  }

  .cart-badge {
    left: 12px;
  }
}

@media (max-width: 350px) {
  .video-dedicated-1 video,
  .video-dedicated-2 video {
    min-width: 290px;
    width: 100%;
  }

  .Qualitys-main .nav-item .nav-link {
    font-size: 15px;
    padding: 3px;
  }

  .catergry-svg {
    right: -40%;
  }

  .categories-slider .category-item {
    min-width: 130px;
    width: 130px;
  }

  .category-item a,
  .category-item img {
    min-height: 130px;
    min-width: 130px;
  }

  .feature-title {
    font-size: 22px;
  }

  .features-section-img {
    width: 96px;
  }
}

body[data-template="product"] .footer {
  padding-bottom: 184px;
}

/*** end for css responsiv ***/

#product-quantity,
#product-quantity-top,
#product-quantity-right {
  border-radius: 30px !important;
  font-size: 17px !important;
  text-align: center;
  border: 0;
  color: #000;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  appearance: none;
}

.select-quantity-div > div.form-group > div:after {
  display: none !important;
}

.qty-input {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 5px;
  border-radius: 10px;
  background: var(--02---Dark-Color---White, #fff);
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.09);
}

.qty-count {
  width: 20px;
  height: 20px;
  display: flex;
  font-size: 25px;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  color: #000;
  border: 0;
  background: transparent;
}

.theme-settings {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;

  @media (max-width: 991px) {
    width: 30px;
    height: 30px;
  }
}