:root {
  /* --primary-color: #8F5D24; */
  --white-color: #fff;
  --dark-text: #333;
}

body {
  background-color: #FAFAfa;
}

.home {
  background-color: #FAF9FD;
}

/* banner section */
.banner-img-div {
  height: 100%;
  width: 100%;
}
.banner-img-div img {
  height: auto;
  width: 100%;
  object-fit: cover;
}

/* brands section */
.brands-section .flex-slider {
  display: flex;
  height: 800px;
  flex-shrink: 0;
  border-radius: 24px;
  gap: 50px;
  background: linear-gradient(180deg, var(--primary-color) 0%, #000 100%);
  position: relative;
  flex-direction: column;
  align-content: center;
  align-items: flex-start;
  justify-content: center;
}

.brands-section .flex-slider .wave-up {
  position: absolute;
  right: -1px;
  top: -1px;
}

.brands-section .flex-slider .wave-down {
  position: absolute;
  left: -1px;
  bottom: -1px;
}

.brands-section .flex-slider .up-slider,
.brands-section .flex-slider .down-slider {
  width: 100%;
  position: relative;
}

.brands-section .flex-slider .down-slider {
  direction: ltr;
}

.up-slider .slick-track,
.up-slider .slick-list,
.down-slider .slick-track,
.down-slider .slick-list {
  height: 100%;
}

.up-slider .slick-list .slick-track,
.down-slider .slick-list .slick-track {
  display: flex;
  gap: 20px;
}

.brands-section .flex-slider .up-slider .slider-item,
.brands-section .flex-slider .down-slider .slider-item {
  overflow: hidden;
  height: 100% !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
}

.brands-section .flex-slider .up-slider .slider-item .slider-card,
.brands-section .flex-slider .down-slider .slider-item .slider-card {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.brands-section .flex-slider .up-slider .slider-item .slider-card a,
.brands-section .flex-slider .down-slider .slider-item .slider-card a {
  border-radius: 20.753px;
  background: #FFF;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.brands-section .flex-slider .up-slider .slider-item .slider-card a img,
.brands-section .flex-slider .down-slider .slider-item .slider-card a img {
  width: 172.076px;
  height: 147px;
  object-fit: contain;
}

.up-slider button i,
.down-slider button i {
  font-size: 18px;
}

.brands-section .flex-slider .up-slider .slider-item .slider-card .slider-bg {
  background-size: cover;
  background-position: center;
  position: absolute;
  transform-origin: center;
  animation: grow 10s linear infinite;
  -webkit-animation: grow 10s linear infinite;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.brands-section .flex-slider .left-svg {
  position: absolute;
  top: 60px;
  left: 250px;
}

.brands-section .flex-slider h1 {
  color: #FFF;
  text-align: right;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  display: flex;
  width: 60%;
  padding: 0px 100px;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
}

@keyframes grow {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 1400px) {
  .brands-section .flex-slider .up-slider .slider-item .slider-card a img,
  .brands-section .flex-slider .down-slider .slider-item .slider-card a img {
    width: 150px;
    height: 135px;
  }
  .brands-section .flex-slider h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    padding: 0px 50px;
  }
  .brands-section .flex-slider .left-svg {
    left: 150px;
    top: 50px;
  }
  .brands-section .flex-slider {
    height: 700px;
  }
}
@media (max-width: 1200px) {
  .brands-section .flex-slider h1 {
    font-size: 35px;
    font-weight: 500;
    line-height: 50px;
  }
  .brands-section .flex-slider .up-slider .slider-item .slider-card a img,
  .brands-section .flex-slider .down-slider .slider-item .slider-card a img {
    width: 125px;
    height: 125px;
  }
}
@media (max-width: 992px) {
  .brands-section .flex-slider .left-svg {
    left: 50px;
    top: 50px;
  }
  .brands-section .flex-slider h1 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
  }
  .brands-section .flex-slider .up-slider .slider-item .slider-card a img,
  .brands-section .flex-slider .down-slider .slider-item .slider-card a img {
    width: -webkit-fill-available;
    height: 120px;
  }
}
@media (max-width: 768px) {
  .brands-section .flex-slider .left-svg {
    left: 35px;
    top: 100px;
    width: 150px;
    height: 150px;
  }
  .brands-section .flex-slider h1 {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    padding: 0 20px;
  }
}
@media (max-width: 576px) {
  .brands-section .flex-slider {
    height: 600px;
    gap: 30px;
    padding-bottom: 70px;
    justify-content: flex-end;
  }
  .brands-section .flex-slider .wave-up,
  .brands-section .flex-slider .wave-down {
    width: 150px;
    height: 30px;
  }
  .brands-section .flex-slider h1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    width: 100%;
  }
  .brands-section .flex-slider .left-svg {
    left: 20px;
    top: 20px;
    width: 100px;
    height: 100px;
  }
}
/* end brands-section */
/* start 3-categories */
.all-categories .categories-3 {
  /* display: flex;
  justify-content: center;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.all-categories .categories-3 .category-partion {
  width: 100%;
}

.all-categories .categories-3 .category-partion .head {
  background-color: #fff;
  margin-top: 0;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #EEE;
  position: relative;
  line-height: 12px;
}

.all-categories .categories-3 .category-partion .head:before {
  content: "";
  width: 5px;
  position: absolute;
  height: 100%;
  top: 0;
  background-color: var(--primary-color);
  right: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.all-categories .categories-3 .category-partion .products-partion {
  border-radius: 24px;
  border: 1px solid #EEE;
  background: #FFF;
  padding: 16px;
  position: relative;
}

.all-categories .categories-3 .category-partion .products-partion .slick-arrow {
  position: absolute;
  border-radius: 50%;
  width: 35px !important;
  height: 35px !important;
  color: #444;
}

.all-categories .categories-3 .category-partion .products-partion .slick-next {
  top: -55px;
  left: 15px;
}

.all-categories .categories-3 .category-partion .products-partion .slick-prev {
  top: -55px;
  right: auto;
  left: 50px;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track {
  /* display: flex;flex-direction: column;gap: 20px; */
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 {
  min-height: auto;
  padding: 10px 0;
  /* height: 196px; */
  width: 100% !important;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: none;
  gap: 24px;
  height: 120px;
  border: none;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-card-btn .btn {
  border-radius: 10px !important;
  border: 1px solid var(--primary-color) !important;
  background-color: transparent !important;
  color: var(--primary-color) !important;
  padding: 8px !important;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track::before,
.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track::after {
  display: none;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .img-parent {
  width: 30%;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent {
  width: 70%;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-title a span.title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-title {
  margin-top: 0 !important;
  min-height: auto;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-details-short-description {
  display: none;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-crd-spec {
  min-height: auto;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-crd-spec .option {
  display: none;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .img-parent .img-div {
  border-radius: 12px;
  overflow: hidden;
  height: 100%;
  min-height: unset;
  background: var(--background-img-color-card) -81.845px 0px/150.038% 100%;
}

.all-categories .categories-3 .category-partion .product-item .sale-count,
.all-categories .categories-3 .category-partion .product-item .badge-name {
  display: none;
}

@media (max-width: 1400px) {
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent {
    padding: 0;
  }
  .all-categories .categories-3 .category-partion .products-partion {
    padding: 20px 20px 0 20px;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 {
    padding: 0px 0 20px 0;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item {
    gap: 12px;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .img-parent {
    width: 35%;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent {
    width: 65%;
  }
}
@media (max-width: 1200px) {
  /* .all-categories .categories-3 {
      justify-content: flex-start;
      flex-wrap: wrap;
  } */
  .all-categories .categories-3 .category-partion {
    width: 100%;
  }
}
@media (max-width: 992px) {
  /* .all-categories .categories-3{
      gap: 3rem;
    } */
  .all-categories .categories-3 .category-partion {
    /* width: 46%; */
  }
  .all-categories .categories-3 {
    /* justify-content: flex-start; */
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .all-categories .categories-3 .category-partion {
    width: 100%;
    gap: 15px;
  }
  .all-categories .categories-3 .category-partion:last-of-type {
    margin-bottom: 0;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-arrow {
    top: -40px;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-card-btn .btn {
    padding: 6px !important;
  }
  .all-categories .categories-3 .category-partion .products-partion {
    padding: 10px 10px 0 10px;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 {
    padding: 0px 0 10px 0;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item {
    gap: 10px;
  }
}
@media (max-width: 576px) {
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-card-btn .btn {
    padding: 6px !important;
  }
  .all-categories .categories-3 .category-partion {
    margin-bottom: 1rem;
  }
  .all-categories .categories-3 {
    grid-template-columns: 1fr;
  }
}
/* end 3-categories */
/*start category-2*/
/* .slick-track:has(.category-item) {
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));
  gap: 20px;
  grid-gap: 20px;
  width: 100% !important;
} */
.categories-2 .slick-list .slick-track {
  display: flex;
  gap: 24px;
}

.categories-2 .slick-list .slick-track .category-item {
  padding: 10px;
}

.slick-track:has(.category-item):before,
.slick-track:has(.category-item):after {
  display: none;
}

.category-item.cat-col {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  border-radius: 16px;
  margin: 0 !important;
}

.category-item .category-ancor {
  display: flex;
  justify-content: space-between;
  border-radius: 16px;
  flex-direction: column;
  background-color: #fff;
  width: auto;
  height: auto;
  margin: auto;
  border: 1px solid #e3e2e2;
}

.category-item a:hover .img-parent::before {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.category-item a .img-parent {
  position: relative;
  width: auto;
  height: 490px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}

.category-item a .img-parent::after {
  content: "";
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80.23%, rgba(0, 0, 0, 0.76) 99.94%);
}

.category-item a .img-parent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  background-size: cover;
  background-position: center;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.category-item a .img-parent h2 {
  position: relative;
  color: #FFF;
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.83);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 40px;
  z-index: 1;
}

.category-item a .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 0;
  gap: 20px;
  position: relative;
  color: #272a32;
  font-size: 18px;
}

.category-item a .content .part-1 {
  position: relative;
  width: 50%;
}

.category-item a .content .part-2 {
  position: relative;
  width: 50%;
}

.category-item a .content .part-2:before {
  content: "";
  width: 1.5px;
  height: 30px;
  top: 15px;
  right: -10px;
  background: #D6D6D6;
  position: absolute;
}

/*end category-2*/
/* start common questions*/
.common-questions {
  display: flex;
  gap: 150px;
}

.common-questions .accordion-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.common-questions .img-box {
  position: relative;
}

.common-questions .img-box img {
  width: 476px;
  height: 416px;
}

.accordion-box .item-box {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(100, 100, 111, 0.04) 0 7px 29px 0;
}

.common-question-section h1 {
  color: var(--dark-text) !important;
}

.accordion-box .item-box .header-accordion {
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #272a32;
  cursor: pointer;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.accordion-box .item-box .header-accordion.active {
  background: var(--primary-color-op-7);
}

.accordion-box .item-box .header-accordion span {
  color: var(--primary-color);
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
}

.accordion-box .item-box .header-accordion h3 {
  margin-bottom: 0;
  color: var(--dark-text);
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

/* .accordion-box .item-box .header-accordion.active h3,
.accordion-box .item-box .header-accordion:hover h3 {
  color: var(--primary-color);
} */
.accordion-box .item-box .body-accordion {
  color: #363636 !important;
  background-color: transparent !important;
  padding: 16px;
  font-size: 17px;
  display: none;
  padding-right: 62.7px;
}

/* .accordion-box .item-box .body-accordion p>span,
.accordion-box .item-box .body-accordion span {
  color: #363636 !important;
  font-family: 'Changa', sans-serif !important;
  background-color: transparent !important;
  white-space-collapse: initial !important;
  font-size: 17px !important;
} */
.accordion-box .item-box .header-accordion.active span,
.accordion-box .item-box .header-accordion:hover span {
  color: var(--primary-color-op-9);
}

.accordion-box .item-box .header-accordion.active i,
.accordion-box .item-box .header-accordion:hover i {
  color: var(--primary-color);
}

.accordion-box .item-box .header-accordion i {
  margin-right: auto;
  font-size: 20px;
  color: var(--primary-color);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 12px;
  background: transparent;
}

.accordion-box .item-box .header-accordion.active i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/* end common questions*/
/* start blogs-div */
/*start blog*/
.blog-card {
  display: flex;
  padding: 0;
  /* padding: 0px 16px 0 16px; */
  border-radius: 16px;
  gap: 20px;
  flex-direction: column;
  position: relative;
  flex: 1 0 0;
  align-items: center;
  height: -webkit-fill-available;
  width: -webkit-fill-available;
}

.blog-card .blog-parent {
  width: -webkit-fill-available;
  height: 300px;
  display: flex;
  justify-content: center;
}

.blog-card .blog-parent a.blog-img {
  position: relative;
  display: block;
  overflow: hidden;
  width: -webkit-fill-available;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.blog-card .blog-parent .blog-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.blog-card .blog-parent .blog-content .person .date-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #777;
  width: -moz-max-content;
  width: max-content;
}

.blog-card .blog-parent .blog-content .person .date-box .date {
  font-size: 14px;
  text-align: center;
}

.blog-card .blog-parent .blog-content .person .date-box::before {
  content: "";
  width: 2px;
  height: 20px;
  position: absolute;
  right: -12px;
  border-radius: 4px;
  background-color: #D6D6D6;
}

.blog-card .blog-parent .blog-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  position: absolute;
  max-width: 80%;
  width: 80%;
  min-width: 300px;
  top: 92%;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #eee;
  background: #fff;
}

.blog-card .blog-parent .blog-content .blog-content-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.blog-card .blog-parent .blog-content .blog-content-body .blog-question {
  overflow: hidden;
  color: var(--dark-text);
  text-align: center;
  text-overflow: ellipsis;
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  line-height: 25px;
}

.blog-card .blog-parent .blog-content .person {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border-radius: 12px;
}

.blog-card .blog-parent .blog-content .person .name {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.blog-card .blog-parent .blog-content .blog-desc p .more {
  font-size: 14px;
  color: #9d7140;
}

.blog-card .blog-parent .blog-content .person .author {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #777;
  width: -moz-max-content;
  width: max-content;
}

.blog-card .blog-parent .blog-content .blog-desc p {
  font-size: 14px;
}

.blog-card .blog-parent .blog-content .blog-desc {
  color: #666;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-card .blog-parent .blog-content .blog-desc .blog-Paragraph {
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #666;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.blogs--div {
  width: 100%;
}

/* .blogs--div h2 {
  font-size: 30px !important;
  padding-left: 0 !important;
  margin: 0 !important;
  line-height: 150% !important;
  font-weight: 600 !important
} */
.custom-sliders .slick-track {
  gap: 24px;
  display: flex;
  justify-content: space-between;
}

.slick-track:has(.slider-item):before,
.slick-track:has(.slider-item):after {
  display: none;
}

.custom-sliders .slick-prev,
.testimonials-sliders .slick-prev,
.products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-prev {
  position: absolute;
  top: -49px;
  color: var(--primary-color);
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
}

.rtl .custom-sliders .slick-prev,
.rtl .testimonials-sliders .slick-prev,
.rtl .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-prev {
  right: auto;
  left: 50px;
}

.ltr .custom-sliders .slick-prev,
.ltr .testimonials-sliders .slick-prev,
.ltr .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-prev {
  left: auto;
  right: 50px;
}

.custom-sliders .slick-prev:hover,
.custom-sliders .slick-next:hover,
.testimonials-sliders .slick-prev:hover,
.testimonials-sliders .slick-next:hover {
  background-color: var(--primary-color);
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
  color: #fff;
}

.custom-sliders .slick-next,
.testimonials-sliders .slick-next,
.products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-next {
  position: absolute;
  top: -49px;
  left: 5px;
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  color: var(--primary-color);
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
}

.rtl .custom-sliders .slick-next,
.rtl .testimonials-sliders .slick-next,
.rtl .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-next {
  left: 5px;
  right: auto;
}

.ltr .custom-sliders .slick-next,
.ltr .testimonials-sliders .slick-next,
.ltr .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-next {
  right: 5px;
  left: auto;
}

.custom-sliders button i,
.testimonials-sliders button i {
  font-size: 18px;
}

.custom-sliders .slider-item .blog-card .blog-parent a.blog-img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.custom-sliders .slick-list {
  margin-left: -12px;
}

@media (max-width: 1200px) {
  .blog-card .blog-parent .blog-content .blog-content-body .blog-question {
    font-size: 16px;
  }
  .blog-card .blog-parent .blog-content .blog-desc .blog-Paragraph {
    font-size: 15px;
  }
}
@media (max-width: 992px) {
  .blog-card .blog-parent .blog-content {
    max-width: 65%;
    width: 65%;
    min-width: 265px;
    gap: 15px;
  }
  .blog-card .blog-parent .blog-content {
    gap: 5px;
  }
  .blog-card .blog-parent .blog-content .blog-content-body .blog-question {
    font-size: 16px;
  }
  .blog-card .blog-parent .blog-content .blog-desc .blog-Paragraph {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .custom-sliders .slick-track {
    gap: 8px;
  }
  .custom-sliders .slick-prev {
    top: -41px;
    height: 35px !important;
    width: 35px !important;
  }
  .custom-sliders .slick-next {
    top: -41px;
    height: 35px !important;
    width: 35px !important;
  }
  .blog-card .blog-parent .blog-content {
    max-width: 80%;
    width: 80%;
  }
}
/* end blogs-div */
/* start categories */
.categories-sliders .slick-list .slick-track::before {
  display: none;
}

.categories-sliders .slick-list .slick-track .item {
  /* padding: 10px; */
}

.categories-sliders .slick-list .slick-track .item.slick-slide a {
  position: relative;
  display: flex;
  gap: 20px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  text-align: center;
  width: auto;
  height: 213px;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a .category-title {
  color: #333;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent {
  background: radial-gradient(50% 50% at 50% 50%, #F0EFEE 0%, #E1DFDC 100%);
  border-radius: 50%;
  padding: 50px;
  overflow: hidden;
  position: relative;
  width: 159px;
  display: flex;
  height: 159px;
  justify-content: center;
  align-items: center;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a:hover {
  color: var(--primary-color);
}

.categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent img {
  height: 143px;
  width: 143px;
  min-width: 143px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent .right {
  position: absolute;
  top: 20px;
  left: 15px;
  opacity: 0.6;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent .left {
  position: absolute;
  right: 15px;
  bottom: 20px;
  opacity: 0.6;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a:hover .img-parent img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.categories-sliders .slick-prev {
  position: absolute;
  top: -31px;
  right: auto;
  left: 50px;
  color: #fff;
  background-color: #6639CA;
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
}

.categories-sliders .slick-prev:hover,
.categories-sliders .slick-next:hover {
  background-color: #8c5ff0;
}

.categories-sliders .slick-next {
  position: absolute;
  top: -31px;
  left: 15px;
  color: #fff;
  background-color: #6639CA;
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
}

.categories-sliders button i {
  font-size: 18px;
  color: #fff;
}

.categories .categories-sliders .slick-track {
  display: flex;
  /* gap: 24px; */
}

@media (max-width: 768px) {
  .categories-sliders .slick-list .slick-track .item.slick-slide a {
    height: 200px;
  }
  .categories-sliders .slick-list .slick-track .item.slick-slide a .category-title {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent {
    width: 120px;
    height: 120px;
  }
  .categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent img {
    width: 110px;
    height: 110px;
  }
  .categories-sliders .slick-list .slick-track .item.slick-slide a {
    height: 165px;
  }
  .categories-sliders .slick-list .slick-track .item.slick-slide a .category-title {
    font-size: 16px;
  }
}
/* end categories */
/* start gallery*/
.grid-banners {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 16px;
  gap: 16px;
  grid-template-areas: "item1 item2 item3" "item1 item4 item4";
}

.grid-banners a {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  padding: 24px 30px;
  overflow: hidden;
  min-width: 200px;
  box-shadow: rgba(99, 99, 99, 0.15) 0 2px 8px 0;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.grid-banners a:first-child {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: item1;
  height: 630px;
}

.grid-banners a:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: item2;
}

.grid-banners a:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: item3;
}

.grid-banners a:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: item4;
}

.grid-banners a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  background-size: cover;
  transform-origin: center;
  transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out;
  -ms-transition: transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
}

.grid-banners a:hover::before {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.grid-banners a:nth-child(4) .content-banner {
  position: absolute;
  z-index: 1;
  color: #fff;
  display: flex;
  width: fit-content;
  bottom: 50px;
  right: 50px;
  padding: 25px;
  border-radius: 12px;
  background: none;
  backdrop-filter: none;
  flex-direction: column;
  gap: 5px;
}

.grid-banners a:nth-child(4) .content-banner h3 {
  width: fit-content;
  color: #fff;
  text-align: right;
  margin-right: 0;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}

.grid-banners a:nth-child(4) .content-banner p {
  width: fit-content;
  margin: auto;
  color: #FFF;
  text-align: right;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.grid-banners a .content-banner {
  position: absolute;
  z-index: 1;
  color: #fff;
  display: flex;
  width: fit-content;
  bottom: 50px;
  right: 50px;
  padding: 25px 40px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  flex-direction: column;
  gap: 10px;
}

.grid-banners a .content-banner h3 {
  width: fit-content;
  color: var(--dark-text);
  text-align: right;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: auto;
}

.grid-banners a .content-banner p {
  color: inherit;
  width: fit-content;
  color: #444;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin: auto;
}

.grid-banners a:nth-child(4) span {
  background: linear-gradient(90deg, transparent, #000);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}

@media (max-width: 1400px) {
  .grid-banners a:first-child {
    height: 500px;
  }
  .grid-banners a .content-banner h3 {
    font-weight: 500;
  }
  .grid-banners a .content-banner p {
    font-size: 16px;
  }
  .grid-banners a:nth-child(4) .content-banner h3 {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
  }
  .grid-banners a:nth-child(4) .content-banner p {
    font-size: 32px;
  }
}
@media (max-width: 992px) {
  .grid-banners a:nth-child(4) .content-banner h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
  }
  .grid-banners a:nth-child(4) .content-banner p {
    font-size: 26px;
  }
  .grid-banners a .content-banner {
    bottom: 20px;
    right: 30px;
    padding: 10px 25px;
  }
  .grid-banners a .content-banner h3 {
    font-size: 22px;
  }
  .grid-banners a .content-banner p {
    font-size: 15px;
  }
  .grid-banners a:first-child {
    height: 450px;
  }
}
@media (max-width: 768px) {
  .grid-banners {
    gap: 8px;
  }
  .grid-banners {
    grid-template-rows: repeat(3, 1fr);
    grid-template-areas: "item1 item2" "item1 item3" "item4 item4";
  }
  .grid-banners a:nth-child(4) .content-banner h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
  }
  .grid-banners a:nth-child(4) .content-banner p {
    font-size: 18px;
  }
  .grid-banners a .content-banner h3 {
    font-size: 18px;
  }
  .grid-banners a .content-banner p {
    font-size: 14px;
  }
  .grid-banners a .content-banner {
    gap: 5px;
  }
}
@media (max-width: 576px) {
  .grid-banners a:first-child {
    height: 400px;
  }
  .grid-banners a {
    min-width: auto;
  }
  .grid-banners a .content-banner {
    bottom: 10px;
    right: 10px;
    padding: 10px;
  }
  .grid-banners a:nth-child(4) .content-banner h3 {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    margin: 0;
  }
  .grid-banners a:nth-child(4) .content-banner p {
    font-size: 16px;
    margin: 0;
  }
  .grid-banners a:nth-child(4) .content-banner {
    top: 0px;
    bottom: 0px;
    right: 20px;
    padding: 10px;
    justify-content: center;
  }
  .grid-banners a .content-banner h3 {
    font-size: 16px;
  }
}
/* end gallery*/
/* start features*/
.features-store {
  background-size: cover;
  background-position: center;
  padding: 24px 0;
  position: relative;
}

.stores-parent {
  /* background:
    color-mix(in srgb, var(--primary-color) 8%, transparent); */
  background-color: transparent;
}

.stores {
  padding: 0 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
}

.feature::before {
  content: "";
  width: 2px;
  height: 70px;
  position: absolute;
  left: 0;
  border-radius: 4px;
  background-color: #D6D6D6;
}

.features-partion {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.features-partion .feature:last-of-type:before {
  display: none;
}

.features-section-img {
  max-height: 90px;
  max-width: 90px;
}

.feature {
  width: 25%;
  text-align: center;
  padding: 20px;
  position: relative;
}

.feature .features-section-img {
  display: block;
  margin: 0 auto;
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
  object-fit: contain;
  overflow: hidden;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.feature .feature-item {
  width: 100%;
  padding: 0 20px;
  border-radius: 16px;
}

.feature .feature-item .img-parent {
  background: #000;
  width: fit-content;
  padding: 10px;
  border-radius: 50%;
  margin: auto;
}

@keyframes fromtop {
  0% {
    opacity: 0;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
.feature:hover .features-section-img {
  animation: fromtop 0.5s forwards;
  -webkit-animation: fromtop 0.5s forwards;
}

.feature p {
  color: #000;
}

.feature p.features-section-title {
  color: var(--dark-text);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.feature p.features-section-desc {
  color: #666;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 5px;
  line-height: 120%;
}

@media (max-width: 1400px) {
  .feature p.features-section-title {
    font-size: 22px;
  }
  .stores {
    padding: 0 100px !important;
  }
}
@media (max-width: 1200px) {
  .stores {
    padding: 0 80px !important;
  }
}
@media (max-width: 992px) {
  .stores {
    padding: 0 60px !important;
  }
  .feature {
    width: 50%;
  }
  .feature::before, .feature:after {
    display: none;
  }
  /* .feature:nth-child(2):before {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: unset;
    border-radius: 4px;
    background-color: #D6D6D6;
  }

  .feature:nth-child(3):after {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    top: 0;
    border-radius: 4px;
    background-color: #D6D6D6;
  } */
}
@media (max-width: 768px) {
  .stores {
    padding: 0 40px !important;
  }
  .feature p.features-section-title {
    font-size: 18px;
  }
  .feature p.features-section-desc {
    font-size: 15px;
    padding: 0 10px;
  }
  .feature:nth-child(2):before {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: unset;
    border-radius: 4px;
    background-color: #D6D6D6;
  }
  .feature:nth-child(3):after {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    top: 0;
    border-radius: 4px;
    background-color: #D6D6D6;
  }
}
@media (max-width: 576px) {
  .stores {
    padding: 0 20px !important;
  }
  .feature {
    padding: 15px 0;
  }
  .feature .features-section-img {
    height: 35px;
    width: 35px;
  }
  .feature .feature-item {
    padding: 0;
  }
}
/* end features*/
/*start first slider*/
.first-slider-section {
  overflow: hidden;
  background-position: center;
  background-size: cover;
  position: relative;
}

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

.first-slider-section::after {
  content: "";
  background: color-mix(in srgb, var(--primary-color) 25%, #000000);
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* .first-parent{
  padding: 100px 0 0 0 ;
} */
.first-parent .slick-dots {
  bottom: 30px;
}

.first-parent .slick-dots li button:before {
  font-size: 15px;
  content: "";
}

.first-parent .slick-dots li.slick-active button:before {
  background-color: #fff;
  border-radius: 50%;
  opacity: 1;
}

.first-parent .slick-dots li button,
.first-parent .slick-dots li button::before {
  border-radius: 50%;
  border: 1px solid #fff;
  width: 18px;
  height: 18px;
  right: 0;
}

.first-parent .slick-arrow {
  bottom: 40px;
}

.right-text {
  display: flex;
  gap: 24px;
  flex-direction: column;
}

.first-parent .slick-next {
  position: absolute;
  top: auto;
  bottom: 40px;
  left: calc(50% - 35px - 5px);
  border-radius: 50%;
  width: 35px !important;
  height: 35px !important;
  color: var(--primary-color);
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
}

.first-parent .slick-prev {
  position: absolute;
  top: auto;
  left: auto;
  right: calc(50% - 35px - 5px);
  bottom: 40px;
  color: var(--primary-color);
  border-radius: 50%;
  width: 35px !important;
  height: 35px !important;
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
}

.first-parent .slick-list .slick-track::before,
.first-parent .slick-list .slick-track::after {
  display: none;
}

.first-parent .slick-list .slick-track .item {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 0 100px;
  width: 100%;
  justify-content: center;
}

.f-parent {
  position: relative;
  background-color: #333;
}

.f-parent .lazy-back {
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
}

.f-parent .video {
  object-fit: cover;
  width: 100%;
  min-height: 300px;
  max-width: 100%;
  height: 100vh;
  position: absolute;
}

.first-parent .slick-list .slick-track .item .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 56px;
  width: 100%;
}

.first-parent .slick-list .slick-track .item .left {
  width: 100%;
}

.first-parent .slick-list .slick-track .item .right .head {
  color: var(--color);
  text-align: right;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}

.first-parent .slick-list .slick-track .item .right .desc {
  color: var(--color);
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.first-parent .slick-list .slick-track .item .right .btn-first-parent {
  display: flex;
  width: 200px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.06);
  color: #FFF;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.first-parent .slick-list .slick-track .item .left-img {
  /* min-height: 300px;
  min-width: 250px; */
  width: 100%;
  max-height: 450px !important; /*500*/
  object-fit: contain;
}

.first-slider-content,
.f-parent,
.f-parent .lazy-back,
.first-parent .slick-list .slick-track .item {
  height: 100vh;
}

.first-slider-section.next-news .first-slider-content,
.first-slider-section.next-news .f-parent,
.first-slider-section.next-news .first-parent .slick-list .slick-track .item .first-slider-section.next-news .f-parent .lazy-back {
  height: calc(100vh - 44px);
}

@media (max-width: 1400px) {
  /*start first slider*/
  .first-parent .slick-list .slick-track .item .right .head {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    font-size: 18px;
  }
  /*end first slider */
}
@media (max-width: 1200px) {
  .first-parent .slick-list .slick-track .item {
    padding: 0 80px !important;
  }
  .first-parent .slick-list .slick-track .item .right .head {
    font-size: 35px;
    font-weight: 500;
    line-height: 50px;
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    font-size: 16px;
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent {
    width: 180px;
  }
}
@media (max-width: 992px) {
  .first-parent .slick-list .slick-track .item .left-img {
    max-height: 350px;
  }
  .first-parent .slick-list .slick-track .item .right {
    gap: 25px;
  }
  .first-parent .slick-list .slick-track .item .left-img {
    max-height: 350px !important;
  }
  .right-text {
    gap: 12px;
  }
  .first-parent .slick-list .slick-track .item .right .head {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent {
    width: 160px;
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    font-size: 16px;
  }
  .f-parent,
  .f-parent .lazy-back,
  .first-parent .slick-list .slick-track .item {
    height: calc(100vh - 36px);
  }
  .first-parent .slick-list .slick-track .item {
    padding: 0 60px !important;
  }
  .first-slider-section {
    min-height: calc(100vh - 36px);
  }
  .first-slider-content {
    height: calc(100vh - 36px);
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent {
    padding: 13px;
    font-size: 16px;
    width: 160px;
  }
}
@media (max-width: 768px) {
  .first-slider-section {
    min-height: auto;
  }
  .first-slider-section .first-slider-content {
    height: auto;
  }
  .f-parent,
  .f-parent .lazy-back,
  .first-parent .slick-list .slick-track .item {
    /* height: calc(100vh - 36px); */
    height: auto;
    min-height: 400px;
  }
  .first-parent .slick-list .slick-track .item .left-img {
    max-height: 300px;
  }
  .first-parent .slick-list .slick-track .item .right .head {
    font-size: 25px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    font-size: 15px;
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent {
    width: 150px;
  }
  .first-parent .slick-list .slick-track .item {
    height: calc(100vh - 36px);
    padding: 0 40px !important;
  }
  .first-parent .slick-list .slick-track .item .right {
    align-items: center;
  }
  .first-parent .slick-list .slick-track .item .right .right-text {
    align-items: center;
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    text-align: center;
  }
  .first-parent .slick-list .slick-track .item .left-img {
    max-height: 250px !important;
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent {
    padding: 10px;
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .first-parent .slick-list .slick-track .item {
    flex-direction: column-reverse;
    justify-content: center;
  }
  .f-parent,
  .first-parent .slick-list .slick-track .item {
    flex-direction: column-reverse;
    /* height: calc(100vh - 36px) !important; */
    gap: 20px;
  }
  .f-parent .lazy-back {
    height: calc(100vh - 36px);
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .first-parent .slick-dots {
    bottom: 10px;
  }
  .first-parent .slick-dots li button,
  .first-parent .slick-dots li button::before {
    height: 16px;
    width: 16px;
  }
  .first-parent .slick-list .slick-track .item {
    padding: 15px !important;
    padding-bottom: 40px !important;
  }
  .first-parent .slick-list {
    padding: 0 !important;
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent {
    font-size: 16px;
    padding: 6px;
  }
}
/*end first slider*/
/*start most sales*/
.slick-track:has(.custom-category-product-item):before,
.slick-track:has(.custom-category-product-item):after {
  display: none;
}

.custom-category-product-item {
  /* padding:20px 20px 20px 10px; */
  /* padding:0px 20px 0px 10px; */
}

.s1-slider .slick-track {
  display: flex !important;
  gap: 24px;
}

.custom-category-product-item .item {
  border-radius: 10px;
  border: 1px solid #EEE;
  background: #FFF;
}

.custom-category-product-item .product-item {
  max-width: 100%;
  width: 100%;
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
  padding-bottom: 100px;
  overflow: hidden;
}

.custom-category-product-item .product-item a .img-div {
  border-radius: 12px;
  background: var(--background-img-color-card) -81.845px 0px/150.038% 100%;
  overflow: hidden;
  height: 300px;
}

.custom-category-product-item .product-item a .img-div div:has(img) {
  overflow: hidden;
}

.custom-category-product-item .product-item a .img-div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item,
.custom-category-product-1 .slick-list .slick-track .custom-category-product-item .item,
.custom-category-product-item .product-item {
  max-height: 400px;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item:hover .parent,
.custom-category-product-1 .slick-list .slick-track .custom-category-product-item .product-item:hover .parent, .products-slider .slick-list .slick-track .custom-category-product-item .product-item:hover .parent {
  transform: translateY(-75px);
  -webkit-transform: translateY(-75px);
}

.custom-category-product-item .product-item .parent .product-card-btn {
  margin-top: 10px !important;
}

.custom-category-product-item .product-item .parent {
  position: absolute;
  left: 0;
  right: 0;
  padding: 5px 15px 0 15px;
  z-index: 9;
  background-color: #fff;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item:hover .parent .product-card-btn,
.custom-category-product-1 .slick-list .slick-track .custom-category-product-item .product-item:hover .parent .product-card-btn {
  visibility: visible;
  margin-top: 2px;
}

.custom-category-product-item .product-item a .product-crd-spec {
  min-height: auto;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item .product-card-btn,
.custom-category-product-1 .slick-list .slick-track .custom-category-product-item .product-item .product-card-btn {
  visibility: visible;
  display: block;
}

.custom-category-product-item .product-item .parent .product-card-btn {
  display: none;
}

/*end most sales*/
/******************************************/
:root {
  /* --primary-color: #8F5D24; */
  --white-color: #fff;
  --dark-text: #333;
}

/* @font-face {
  font-family: 'DIN Next LT W23';
  src: url(./din-next-lt-w23-regular.ttf);
} */
.none-important {
  display: none !important;
}

body {
  direction: rtl;
  /* font-family: "DIN Next LT W23" !important; */
}

.btn-outline-primary {
  background-color: unset;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

*::after,
*::before {
  font-family: "icomoon";
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
  font-size: 18px;
  margin: 0;
  padding: 0;
  text-decoration: none !important;
  color: #272a32;
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li:hover {
  background-color: transparent;
}

.store-section .social-icons i {
  font-size: 25px;
  border: 3px solid #fff;
  padding: 5px;
  border-radius: 50%;
}

.footer-theme-bg-primary {
  background-color: #cda87c;
}

.store-section p {
  font-size: 17px;
  color: #fff;
}

.store-section h1 {
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 20px;
  color: #fff;
  line-height: 40px;
}

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

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

.search-header-bar {
  height: 100px;
  /* gap: 45px; */
}

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

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

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

.rtl .search-input-icon {
  right: 10px;
  left: unset;
  top: 9px;
}
#preview_mode_alert{
  display: none !important;
}
.search-input-input {
  padding-left: 30px;
  min-height: 40px;
  max-height: 40px;
}

.rtl .search-input-input {
  padding-left: inherit;
  padding-right: 30px;
  font-size: 20px;
  background: transparent;
  border: 2px solid #dcd8fa;
}

.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: 20px;
  top: -8px;
  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: 20px;
}

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

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

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

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

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

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

.sm-search-icon {
  margin-right: unset;
}

.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;
}

.parent-loader {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.loader-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.loader {
  width: 120px;
  height: 20px;
  -webkit-mask: radial-gradient(circle closest-side, #000 94%, rgba(0, 0, 0, 0)) left/20% 100%;
  background: linear-gradient(var(--primary-color) 0 0) left/0% 100% no-repeat #ddd;
  animation: l17 2s infinite steps(6);
}

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

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

.account-area .login span i {
  font-size: 22px;
}

.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-div {
  padding-right: 20px;
}

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

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

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

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

.features-section-img {
  max-height: 90px;
  max-width: 90px;
}

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

.category-item a,
.category-item img {
  display: block;
  text-align: center;
  width: 100%;
}

.category-item img {
  margin: 0 auto;
  height: 270px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.category-item h3 {
  margin-top: 15px;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
  color: var(--primary-color);
  white-space: break-spaces;
}

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

.categories-slider .category-item {
  width: 100%;
  max-width: 200px;
}

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

.section-title {
  padding-left: 0px;
  padding-right: 0px;
  color: #000 !important;
  /* padding-bottom: 15px !important; */
}

.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-right: -15px;
  margin-left: -15px;
}

.category-page-slider .home-categories-section .section-title {
  margin-right: -15px;
  margin-left: -15px;
}

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

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

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

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

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

.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-bottom: 24px;
  padding: 0 15px;
}

.products-pagination ul {
  padding: 0px;
  margin-top: 20px;
}

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

.products-pagination .page-link.active {
  color: #ffffff;
  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;
  margin-top: 20px;
  margin: 20px 0; */
  margin-top: 10px;
}

.cart-header-total {
  margin-right: 10px;
  font-size: 30px;
}

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

.form-control {
  /* border-radius: 10px; */
  font-size: 18px;
}

.box-1-1 {
  position: relative;
  width: 100%;
  height: 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%;
}

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

.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: 30px;
}

.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;
}

.products-list .prod-col-attr,
.products-list .prod-col {
  width: 25%;
  background-color: transparent;
}

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

/* .products-filters-attribute-form .attribute-group:last-child button {
  display: 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;
}

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

.product-buttons .add-to-wishlist {
  background-color: transparent;
}

.add-to-wishlist {
  position: absolute;
  right: 0;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
  width: 40px;
  height: 35px;
  cursor: pointer;
  border-radius: 5px;
  background-color: white;
}

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

.icon-heart-mask {
  display: inline-block;
  width: 30px;
  height: 30px;
  mask-size: 80%;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-image: url("./heart-outlined.svg");
  background-color: var(--secondary, #A1A0A9);
}

.icon-heart-mask.filled {
  mask-image: url("./heart-filled.svg");
  background-color: var(--primary_color, #D86F6F);
}

.account-lang-currency .account-btn {
  background-color: transparent;
  border: 1px solid #fff !important;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  min-width: 130px !important;
  padding: 6px !important;
  font-size: 18px;
}

.language-currency {
  max-height: 34px;
  background-color: transparent !important;
  border: 1px solid #ffffff;
  border-radius: 5px;
  overflow: hidden;
  gap: 15px;
}

.language-btn,
.currency-btn {
  color: var(--header-text-color-primary-bg);
  font-size: 18px;
}

.justify-content-start {
  background: transparent !important;
}

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

.account-lang-currency {
  padding: 10px 0;
  border-top: 0.5px solid #ffffff;
}

.btn-primary {
  color: #fff !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  width: 100%;
  font-size: 20px;
  /* border-radius: 8px; */
}

.rtl .testimonials-customer-date {
  font-size: 17px;
}

.testimonials-customer-text {
  font-size: 17px;
}

button.more-button,
a.more-button {
  min-width: 200px;
  border-radius: 5px;
  font-size: 18px;
  padding: 10px;
}

.partners-slider .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
  background: rgba(0, 123, 255, 0.168627451);
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
}

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

.header-theme-bg-primary {
  background: #dcc9b2;
}

.menu-header-theme-bg-primary {
  filter: unset !important;
  background-color: #fff !important;
}

/* .announcement-bar {
  background-color: #dcc9b2 !important;
} */
.availability-bar .announcement-text,
.announcement-bar .announcement-text {
  font-size: 2rem;
  line-height: 60px;
}

.testimonials-customer-card {
  min-height: 100px;
  border: 1px solid rgba(212, 212, 212, 0.1490196078);
}

.search-header .image-logo {
  max-width: 100px;
  padding: 0;
  /* height: 100px !important; */
  object-fit: contain;
}

@media (max-width: 768px) {
  .header-cart {
    flex-grow: 1;
    width: 30%;
  }
  .header-logo {
    width: 70%;
  }
  .search-header-bar {
    height: 64px;
  }
  .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;
  }
  .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;
  }
  /* .footer-store-section{
    padding: 0px !important;
  } */
  .main-slider .slick-dots li button:before {
    font-size: 10px;
  }
  .main-slider .slick-dots {
    bottom: 4px;
  }
  .section-title {
    padding-right: 0px;
    padding-left: 0px;
  }
  .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%;
  }
  .product-item {
    width: 135px;
  }
  .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;
  }
  .bundle-offer-details-products {
    flex-wrap: wrap !important;
  }
}
.custom-section-title {
  color: #000 !important;
}

.video-edit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
}

/**/
.home {
  background-color: #FAF9FD;
}

.footer-store-section h2 {
  color: var(--footer-text-color-primary-bg);
}

.main {
  overflow: hidden;
}

.subTitle-detail {
  position: relative;
  font-weight: 700 !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: rgba(199, 183, 110, 0.2901960784) !important;
  padding: 30px 10px !important;
  height: 150px;
}

.subTitle-detail::before {
  content: "";
  inset: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.15);
}

.footer-store-section {
  padding: 20px 0;
}

/*start news-ticker*/
.ticker-wrap {
  -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;
}

@keyframes scroll {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.ticker-wrap:hover .ticker {
  animation-play-state: paused;
}

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

.ticker-wrap .ticker a.ticker-item img {
  width: 32px;
  height: 32px;
}

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

.ticker-slider {
  padding: 0;
}

/*end news-ticker*/
/*start category-2*/
/* .slick-track:has(.category-item) {
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));
  gap: 20px;
  grid-gap: 20px;
  width: 100% !important;
} */
.categories-2 .slick-list .slick-track {
  display: flex;
  gap: 24px;
}

.categories-2 .slick-list .slick-track .category-item {
  padding: 10px;
}

.slick-track:has(.category-item):before,
.slick-track:has(.category-item):after {
  display: none;
}

.category-item.cat-col {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  border-radius: 16px;
  margin: 0 !important;
}

.category-item .category-ancor {
  display: flex;
  justify-content: space-between;
  border-radius: 16px;
  flex-direction: column;
  background-color: #fff;
  width: auto;
  height: auto;
  margin: auto;
  border: 1px solid #e3e2e2;
}

.category-item a:hover .img-parent::before {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.category-item a .img-parent {
  position: relative;
  width: auto;
  height: 490px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
}

.category-item a .img-parent::after {
  content: "";
  border-radius: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80.23%, rgba(0, 0, 0, 0.76) 99.94%);
}

.category-item a .img-parent::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  background-size: cover;
  background-position: center;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.category-item a .img-parent h2 {
  position: relative;
  color: #FFF;
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.83);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 40px;
  z-index: 1;
}

.category-item a .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 0;
  gap: 20px;
  position: relative;
}

.category-item a .content .part-1 {
  position: relative;
  width: 50%;
}

.category-item a .content .part-2 {
  position: relative;
  width: 50%;
}

.category-item a .content .part-2:before {
  content: "";
  width: 1.5px;
  height: 30px;
  top: 15px;
  right: -10px;
  background: #D6D6D6;
  position: absolute;
}

.category-item a .content h3 {
  font-size: 29px;
  font-weight: 400;
}

.category-item a .content p {
  font-size: 16px;
}

.category-item a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.category-item a img {
  height: 400px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  width: auto;
  margin: 0 !important;
}

/*end category-2*/
/* start common questions*/
.common-questions {
  display: flex;
  gap: 150px;
}

.common-questions .accordion-box {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.common-questions .img-box {
  position: relative;
}

.common-questions .img-box img {
  width: 476px;
  height: 416px;
}

.accordion-box .item-box {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(100, 100, 111, 0.04) 0 7px 29px 0;
}

.common-question-section h1 {
  color: var(--dark-text) !important;
}

.accordion-box .item-box .header-accordion {
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #272a32;
  cursor: pointer;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.accordion-box .item-box .header-accordion.active {
  background: var(--primary-color-op-7);
}

.accordion-box .item-box .header-accordion span {
  color: var(--primary-color);
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
}

.accordion-box .item-box .header-accordion h3 {
  margin-bottom: 0;
  color: var(--dark-text);
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

/* .accordion-box .item-box .header-accordion.active h3,
.accordion-box .item-box .header-accordion:hover h3 {
  color: var(--primary-color);
} */
.accordion-box .item-box .body-accordion {
  color: #363636 !important;
  background-color: transparent !important;
  padding: 16px;
  font-size: 17px;
  display: none;
  padding-right: 62.7px;
}

/* .accordion-box .item-box .body-accordion p>span,
.accordion-box .item-box .body-accordion span {
  color: #363636 !important;
  font-family: 'Changa', sans-serif !important;
  background-color: transparent !important;
  white-space-collapse: initial !important;
  font-size: 17px !important;
} */
.accordion-box .item-box .header-accordion.active span,
.accordion-box .item-box .header-accordion:hover span {
  color: var(--primary-color-op-9);
}

.accordion-box .item-box .header-accordion.active i,
.accordion-box .item-box .header-accordion:hover i {
  color: var(--primary-color);
}

.accordion-box .item-box .header-accordion i {
  margin-right: auto;
  font-size: 20px;
  color: var(--primary-color);
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 12px;
  background: transparent;
}

.accordion-box .item-box .header-accordion.active i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/* end common questions*/
/*start blog*/
.blog-card {
  display: flex;
  padding: 0;
  /* padding: 0px 16px 0 16px; */
  border-radius: 16px;
  gap: 20px;
  flex-direction: column;
  position: relative;
  flex: 1 0 0;
  align-items: center;
  height: -webkit-fill-available;
  width: -webkit-fill-available;
}

.blog-card .blog-parent {
  width: -webkit-fill-available;
  height: 300px;
  display: flex;
  justify-content: center;
}

.blog-card .blog-parent a.blog-img {
  position: relative;
  display: block;
  overflow: hidden;
  width: -webkit-fill-available;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.blog-card .blog-parent .blog-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.blog-card .blog-parent .blog-content .person .date-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #777;
  width: -moz-max-content;
  width: max-content;
}

.blog-card .blog-parent .blog-content .person .date-box .date {
  font-size: 14px;
  text-align: center;
}

.blog-card .blog-parent .blog-content .person .date-box::before {
  content: "";
  width: 2px;
  height: 20px;
  position: absolute;
  right: -12px;
  border-radius: 4px;
  background-color: #D6D6D6;
}

.blog-card .blog-parent .blog-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  position: absolute;
  max-width: 80%;
  width: 80%;
  min-width: 300px;
  top: 92%;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #eee;
  background: #fff;
}

.blog-card .blog-parent .blog-content .blog-content-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.blog-card .blog-parent .blog-content .blog-content-body .blog-question {
  overflow: hidden;
  color: var(--dark-text);
  text-align: center;
  text-overflow: ellipsis;
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  line-height: 25px;
}

.blog-card .blog-parent .blog-content .person {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border-radius: 12px;
}

.blog-card .blog-parent .blog-content .person .name {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.blog-card .blog-parent .blog-content .blog-desc p .more {
  font-size: 14px;
  color: #9d7140;
}

.blog-card .blog-parent .blog-content .person .author {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #777;
  width: -moz-max-content;
  width: max-content;
}

.blog-card .blog-parent .blog-content .blog-desc p {
  font-size: 14px;
}

.blog-card .blog-parent .blog-content .blog-desc {
  color: #666;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-card .blog-parent .blog-content .blog-desc .blog-Paragraph {
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #666;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.blogs--div {
  width: 100%;
}

/* .blogs--div h2 {
  font-size: 30px !important;
  padding-left: 0 !important;
  margin: 0 !important;
  line-height: 150% !important;
  font-weight: 600 !important
} */
.custom-sliders .slick-track {
  gap: 24px;
  display: flex;
  justify-content: space-between;
}

.slick-track:has(.slider-item):before,
.slick-track:has(.slider-item):after {
  display: none;
}

.custom-sliders .slick-prev,
.testimonials-sliders .slick-prev,
.products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-prev {
  position: absolute;
  top: -49px;
  color: var(--primary-color);
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
}

.rtl .custom-sliders .slick-prev,
.rtl .testimonials-sliders .slick-prev,
.rtl .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-prev {
  right: auto;
  left: 50px;
}

.ltr .custom-sliders .slick-prev,
.ltr .testimonials-sliders .slick-prev,
.ltr .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-prev {
  left: auto;
  right: 50px;
}

.custom-sliders .slick-prev:hover,
.custom-sliders .slick-next:hover,
.testimonials-sliders .slick-prev:hover,
.testimonials-sliders .slick-next:hover {
  background-color: var(--primary-color);
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
  color: #fff;
}

.custom-sliders .slick-next,
.testimonials-sliders .slick-next,
.products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-next {
  position: absolute;
  top: -49px;
  left: 5px;
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  color: var(--primary-color);
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
}

.rtl .custom-sliders .slick-next,
.rtl .testimonials-sliders .slick-next,
.rtl .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-next {
  left: 5px;
  right: auto;
}

.ltr .custom-sliders .slick-next,
.ltr .testimonials-sliders .slick-next,
.ltr .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-next {
  right: 5px;
  left: auto;
}

.custom-sliders button i,
.testimonials-sliders button i {
  font-size: 18px;
}

.custom-sliders .slider-item .blog-card .blog-parent a.blog-img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

/*start national-day-section*/
.national-day-section {
  height: 600px;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  position: relative;
  background-position: top;
}

.national-day-section::after {
  content: "";
  background: color-mix(in srgb, var(--primary-color) 25%, #000000);
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.national-day {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 40%;
  height: 100%;
  display: flex;
  padding: 70px 0 0 100px;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}

.national-day-section.left .national-day {
  margin-right: auto;
  padding: 70px 0 0 100px;
}

.national-day-section.right .national-day {
  margin-left: auto;
  padding: 70px 100px 0 0;
}

.national-day h3 {
  color: #fff;
  text-align: right;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}

.national-day .desc {
  color: #F8F8F8;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.national-day a {
  color: #fff;
  width: 200px;
  padding: 12px 40px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  margin-right: 0;
  margin-top: 45px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 12px;
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
}

/*end national-day-section*/
/* start partners */
.partners-slider.slick-slider .slick-track {
  display: flex;
  gap: 10px;
}

.partners-slider .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  border-radius: 15px;
  background-color: #fff !important;
}

.partner-title {
  font-size: 20px;
  line-height: 130%;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.partner-img {
  max-width: 150px;
  overflow: visible;
  overflow: initial;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
  height: 45px;
  -o-object-fit: contain;
  object-fit: contain;
}

.brands .slick-arrow {
  display: none !important;
}

/* end partners*/
/* start features*/
.features-store {
  background-size: cover;
  background-position: center;
  padding: 24px 0;
  position: relative;
}

.stores-parent {
  /* background:
    color-mix(in srgb, var(--primary-color) 8%, transparent); */
  background-color: transparent;
}

.stores {
  padding: 0 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
}

.feature::before {
  content: "";
  width: 2px;
  height: 70px;
  position: absolute;
  left: 0;
  border-radius: 4px;
  background-color: #D6D6D6;
}

.features-partion {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.features-partion .feature:last-of-type:before {
  display: none;
}

.feature {
  width: 25%;
  text-align: center;
  padding: 20px;
  position: relative;
}

.feature .features-section-img {
  display: block;
  margin: 0 auto;
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
  object-fit: contain;
  overflow: hidden;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.feature .feature-item {
  width: 100%;
  padding: 0 20px;
  border-radius: 16px;
}

.feature .feature-item .img-parent {
  background: #000;
  width: fit-content;
  padding: 10px;
  border-radius: 50%;
  margin: auto;
}

@keyframes fromtop {
  0% {
    opacity: 0;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
.feature:hover .features-section-img {
  animation: fromtop 0.5s forwards;
  -webkit-animation: fromtop 0.5s forwards;
}

.feature p {
  color: #000;
}

.feature p.features-section-title {
  color: var(--dark-text);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.feature p.features-section-desc {
  color: #666;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-top: 5px;
  line-height: 120%;
}

/* end features*/
/* start video */
.video-box {
  position: relative;
  width: 100%;
  min-height: 700px;
}

.video-desc-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 25px;
  width: 50%;
  margin: auto;
  text-align: center;
  z-index: 1;
}

.video-desc-content .section-main-title {
  color: #fff;
  font-size: 40px;
}

.video-desc-content .section-desc {
  color: #f8f8f8;
  font-size: 20px;
}

.video-desc-content .btn {
  background: #6639ca;
  color: #fff;
  padding: 14px 24px;
  border-radius: 16px;
  font-size: 22px;
  margin-top: 30px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.video-desc-content .btn:hover {
  background-color: #8c5ff0;
}

.video-container video {
  border-radius: 0 !important;
}

.video-box::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.63922);
  background: radial-gradient(circle, rgba(0, 0, 0, 0.75) 0, rgba(252, 248, 248, 0) 100%);
}

/* end video */
/* start brands-slider */
.brands-section .flex-slider {
  display: flex;
  height: 800px;
  flex-shrink: 0;
  border-radius: 24px;
  gap: 50px;
  background: linear-gradient(180deg, var(--primary-color) 0%, #000 100%);
  position: relative;
  flex-direction: column;
  align-content: center;
  align-items: flex-start;
  justify-content: center;
}

.brands-section .flex-slider .wave-up {
  position: absolute;
  right: -1px;
  top: -1px;
}

.brands-section .flex-slider .wave-down {
  position: absolute;
  left: -1px;
  bottom: -1px;
}

.brands-section .flex-slider .up-slider,
.brands-section .flex-slider .down-slider {
  width: 100%;
  position: relative;
}

.brands-section .flex-slider .down-slider {
  direction: ltr;
}

.up-slider .slick-track,
.up-slider .slick-list,
.down-slider .slick-track,
.down-slider .slick-list {
  height: 100%;
}

.up-slider .slick-list .slick-track,
.down-slider .slick-list .slick-track {
  display: flex;
  gap: 20px;
}

.brands-section .flex-slider .up-slider .slider-item,
.brands-section .flex-slider .down-slider .slider-item {
  overflow: hidden;
  height: 100% !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
}

.brands-section .flex-slider .up-slider .slider-item .slider-card,
.brands-section .flex-slider .down-slider .slider-item .slider-card {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.brands-section .flex-slider .up-slider .slider-item .slider-card a,
.brands-section .flex-slider .down-slider .slider-item .slider-card a {
  border-radius: 20.753px;
  background: #FFF;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.brands-section .flex-slider .up-slider .slider-item .slider-card a img,
.brands-section .flex-slider .down-slider .slider-item .slider-card a img {
  width: 172.076px;
  height: 147px;
  object-fit: contain;
}

.up-slider button i,
.down-slider button i {
  font-size: 18px;
}

.brands-section .flex-slider .up-slider .slider-item .slider-card .slider-bg {
  background-size: cover;
  background-position: center;
  position: absolute;
  transform-origin: center;
  animation: grow 10s linear infinite;
  -webkit-animation: grow 10s linear infinite;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.brands-section .flex-slider .left-svg {
  position: absolute;
  top: 60px;
  left: 250px;
}

.brands-section .flex-slider h1 {
  color: #FFF;
  text-align: right;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  display: flex;
  width: 60%;
  padding: 0px 100px;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
}

@keyframes grow {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.images-section .flex-slider .up-slider .slider-item .slider-card .slider-bg:after {
  background: color-mix(in srgb, #4013a4 25%, #000) !important;
  opacity: 0.6;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  --tw-content: "";
  content: "";
  content: var(--tw-content);
}

.images-section .flex-slider .up-slider .slider-item .slider-card .container .slider-content {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 65%;
  margin: 0 auto;
}

.images-section .flex-slider .up-slider .slider-item .slider-card .container .slider-content h2 {
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 32px;
  color: #fff;
}

.images-section .flex-slider .up-slider .slider-item .slider-card .container .slider-content p {
  font-size: 20px;
  color: #fff;
}

.images-section .flex-slider .up-slider .slider-item .slider-card .container .slider-content a {
  background: #6639ca;
  color: #fff;
  padding: 12px 40px;
  border-radius: 16px;
  font-size: 20px;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  margin-top: 50px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

/**/
.images-section .flex-slider .banners-slider {
  grid-gap: 15px;
  gap: 15px;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-areas: "item1" "item2";
}

.images-section .flex-slider .banners-slider a {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  grid-area: item1;
}

.images-section .flex-slider .banners-slider a:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: item2;
}

.images-section .flex-slider .banners-slider a .content-section-img {
  border-radius: 16px;
  min-width: 315px;
  width: 315px;
  height: 256px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right;
  object-position: right;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.images-section .flex-slider .banners-slider a:hover .content-section-img {
  transform: scale(1.03);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -ms-transform: scale(1.03);
  -o-transform: scale(1.03);
}

.banners-slider:empty {
  display: none;
}

/* end brands-slider */
/* start categories */
.categories-sliders .slick-list .slick-track::before {
  display: none;
}

.categories-sliders .slick-list .slick-track .item {
  /* padding: 10px; */
}

.categories-sliders .slick-list .slick-track .item.slick-slide a {
  position: relative;
  display: flex;
  gap: 20px;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgba(243, 244, 246, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  text-align: center;
  width: auto;
  height: 213px;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a .category-title {
  color: #333;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent {
  background: radial-gradient(50% 50% at 50% 50%, #F0EFEE 0%, #E1DFDC 100%);
  border-radius: 50%;
  padding: 50px;
  overflow: hidden;
  position: relative;
  width: 159px;
  display: flex;
  height: 159px;
  justify-content: center;
  align-items: center;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a:hover {
  color: var(--primary-color);
}

.categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent img {
  height: 143px;
  width: 143px;
  min-width: 143px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent .right {
  position: absolute;
  top: 20px;
  left: 15px;
  opacity: 0.6;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent .left {
  position: absolute;
  right: 15px;
  bottom: 20px;
  opacity: 0.6;
}

.categories-sliders .slick-list .slick-track .item.slick-slide a:hover .img-parent img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.categories-sliders .slick-prev {
  position: absolute;
  top: -31px;
  right: auto;
  left: 50px;
  color: #fff;
  background-color: #6639CA;
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
}

.categories-sliders .slick-prev:hover,
.categories-sliders .slick-next:hover {
  background-color: #8c5ff0;
}

.categories-sliders .slick-next {
  position: absolute;
  top: -31px;
  left: 15px;
  color: #fff;
  background-color: #6639CA;
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
}

.categories-sliders button i {
  font-size: 18px;
  color: #fff;
}

/* end categories */
/* start testimonial*/
.testimonials-box {
  /* position: relative;
  background: #fff;
  background: var(--white);
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  margin-left: 32px;
  height: 100%; */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  flex: 1 0 0;
  height: auto;
}

.testimonials-box .vote-box {
  border-radius: 24px;
  background: #f7edd2;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  position: relative;
  gap: 16px;
  padding: 24px 16px;
  height: 100%;
}

.testimonials-box .avatar-box {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-right: 15px;
}

.testimonials-sliders .slick-track,
.testimonials-sliders .slick-list {
  height: 100%;
  display: flex;
  gap: 24px;
}

.testimonials-item {
  display: flex;
  flex-direction: column;
  gap: 30px;
  /* margin: 0 10px; */
  height: 100%;
}

.testimonials-box .testimonial-icon {
  background: #ffc62a;
  color: #272a32;
  color: var(--text-color);
  font-size: 25px;
  position: absolute;
  left: -25px;
  top: -25px;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonials-box .testimonial-avatar {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  padding: 2px;
  border: 2px solid #f7edd2;
}

.testimonials-box .testimonial-avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.testimonials-box h3 {
  position: relative;
  color: #272a32;
  color: var(--text-color);
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 600;
}

.testimonials-box .testimonials-item .vote-box p {
  overflow: hidden;
  color: #333;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 100%;
}

.testimonials-box .testimonials-icons,
.product-card-rating {
  display: flex;
  gap: 8px;
  height: 37px;
  align-items: center;
}

.testimonials-sliders .slick-track:before,
.testimonials-sliders .slick-track:after {
  display: none;
}

.testimonials-box .testimonials-item .vote-box .testimonials-icons i.star,
.product-card-rating span.icon-star1,
.product-card-rating span.icon-star1::before,
.icon-half-star:before {
  color: #FFC62A !important;
  width: 24px;
  font-size: 24px;
  height: 24px;
}

.card-rate span.icon-star1:before {
  color: #FFC62A !important;
}

.card-rate span.icon-star1.deactive:before, .product-card-rating span.icon-star1.deactive:before {
  color: #cccccc !important;
}

.product-card-rating span {
  width: 20px;
  font-size: 20px;
  height: 20px;
  margin: 0 !important;
}

.testimonials-box .testimonials-item .vote-box i.down {
  position: absolute;
  bottom: -49px;
  font-size: 50px;
  right: 26px;
  color: #f7edd2;
}

.section-title {
  line-height: 35px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* end testimonial*/
/* start gallery*/
.grid-banners {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 16px;
  gap: 16px;
  grid-template-areas: "item1 item2 item3" "item1 item4 item4";
}

.grid-banners a {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  padding: 24px 30px;
  overflow: hidden;
  min-width: 200px;
  box-shadow: rgba(99, 99, 99, 0.15) 0 2px 8px 0;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.grid-banners a:first-child {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: item1;
  height: 630px;
}

.grid-banners a:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: item2;
}

.grid-banners a:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: item3;
}

.grid-banners a:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: item4;
}

.grid-banners a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  background-size: cover;
  transform-origin: center;
  transition: transform 0.6s ease-in-out;
  -webkit-transition: transform 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out;
  -ms-transition: transform 0.6s ease-in-out;
  -o-transition: transform 0.6s ease-in-out;
}

.grid-banners a:hover::before {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.grid-banners a:nth-child(4) .content-banner {
  position: absolute;
  z-index: 1;
  color: #fff;
  display: flex;
  width: fit-content;
  bottom: 50px;
  right: 50px;
  padding: 25px;
  border-radius: 12px;
  background: none;
  backdrop-filter: none;
  flex-direction: column;
  gap: 5px;
}

.grid-banners a:nth-child(4) .content-banner h3 {
  width: fit-content;
  color: #fff;
  text-align: right;
  margin-right: 0;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}

.grid-banners a:nth-child(4) .content-banner p {
  width: fit-content;
  margin: auto;
  color: #FFF;
  text-align: right;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.grid-banners a .content-banner {
  position: absolute;
  z-index: 1;
  color: #fff;
  display: flex;
  width: fit-content;
  bottom: 50px;
  right: 50px;
  padding: 25px 40px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  flex-direction: column;
  gap: 10px;
}

.grid-banners a .content-banner h3 {
  width: fit-content;
  color: var(--dark-text);
  text-align: right;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin: auto;
}

.grid-banners a .content-banner p {
  color: inherit;
  width: fit-content;
  color: #444;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin: auto;
}

.grid-banners a:nth-child(4) span {
  background: linear-gradient(90deg, transparent, #000);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}

/* end gallery*/
/* start custom-category-section*/
.custom-category-section {
  margin-top: -7rem;
  margin-bottom: 2rem;
}

.catg-custom {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.catg-custom .catg-custom-item {
  max-width: 25% !important;
  text-align: center;
}

.catg-custom .slick-list {
  width: 100%;
}

.catg-custom .slick-list .slick-track {
  height: 100%;
  width: 100%;
}

.catg-custom .slick-track:before,
.catg-custom .slick-track:after {
  display: none;
}

.catg-custom .slick-list .slick-track .catg-custom-item a {
  display: block;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}

.catg-custom .slick-list .slick-track .catg-custom-item a .img-shape {
  border-radius: 20px;
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.28) 0 5px 15px;
}

.catg-custom .slick-list .slick-track .catg-custom-item:first-child a .img-shape {
  background: #3d3965;
}

.catg-custom .slick-list .slick-track .catg-custom-item:nth-child(2) a .img-shape {
  background: #dc1d39;
}

.catg-custom .slick-list .slick-track .catg-custom-item:nth-child(3) a .img-shape {
  background: #11716b;
}

.catg-custom .slick-list .slick-track .catg-custom-item:nth-child(4) a .img-shape {
  background: #1d52dc;
}

.catg-custom .slick-list .slick-track .catg-custom-item .img-shape img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
}

.catg-custom .slick-list .slick-track .catg-custom-item .img-shape svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.catg-custom .slick-list .slick-track .catg-custom-item a h3 {
  margin: 0 auto;
  margin-top: 20px;
  font-size: 22px;
  width: 300px;
  line-height: 130%;
}

/* end custom-category-section*/
/* start*/
.category-product-section.right .category-product-content {
  display: flex;
  flex-direction: row;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  /* padding-left: 30px; */
  background: #FAFAfa;
  flex-wrap: wrap;
}

.category-product-section.left .category-product-content {
  display: flex;
  padding-top: 0;
  flex-direction: row-reverse;
  /* padding-right:30px ; */
  padding-bottom: 0;
  padding-left: 0px;
  background: #FAFAfa;
  flex-wrap: wrap;
}

.category-product-section .category-product-content .slider-category .slider-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  gap: 40px;
}

.category-product-section .category-product-content .slider-category .slider-content .text h1 {
  color: var(--dark-text);
  text-align: right;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}

.category-product-section .category-product-content .slider-category .slider-content .text p {
  color: #444;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.category-product-section .category-product-content .slider-category .slider-content a {
  border-radius: 12px;
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.06);
  color: #fff;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  padding: 10px 50px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
  width: 200px;
  justify-content: center;
}

.category-product-section.right .category-product-content .slider-category {
  width: 50%;
  background: radial-gradient(50% 50% at 50% 50%, #F0EFEE 0%, #E1DFDC 100%);
  display: flex;
  align-items: center;
  flex-direction: row;
}

.category-product-section.left .category-product-content .slider-category {
  width: 50%;
  background: radial-gradient(50% 50% at 50% 50%, #F0EFEE 0%, #E1DFDC 100%);
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.category-product-section.right .category-product-content .slider-products {
  width: 50%;
  background-color: #FAFAfa;
  margin: auto;
  padding-top: 0;
  /* padding-right:30px ; */
  padding-bottom: 0;
  padding-left: 0;
}

.category-product-section.left .category-product-content .slider-products {
  width: 50%;
  background-color: #FAFAfa;
  margin: auto;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  /* padding-left: 30px; */
}

.slick-track:has(.custom-category-product-item):before,
.slick-track:has(.custom-category-product-item):after {
  display: none;
}

.custom-category-product-item {
  /* padding:20px 20px 20px 10px; */
  /* padding:0px 20px 0px 10px; */
}

.recently-arrived .slick-track,
.most-sales .slick-track {
  display: flex !important;
  gap: 24px;
}

.custom-category-product-item .item {
  border-radius: 10px;
  border: 1px solid #EEE;
  background: #FFF;
}

.custom-category-product-item .product-item, .products-list.grid-fill .prod-col .product-item {
  max-width: 100%;
  width: 100%;
  padding: 15px;
  background-color: #fff;
  border-radius: 10px;
  height: 100%;
  padding-bottom: 100px;
  overflow: hidden;
}

.badge-name {
  background-color: #F7B50C !important;
  color: #1D1F1F !important;
  border-color: #F7B50C !important;
  padding: 5px !important;
}

.rtl .badge-name {
  border-radius: 6px 6px 6px 0px !important;
  left: auto;
  right: 16px;
}

.ltr .badge-name {
  border-radius: 6px 6px 0px 6px !important;
  right: auto;
  left: 16px;
}

.badge-name svg {
  fill: #1D1F1F !important;
}

.sale-count {
  background-color: #d94945 !important;
  color: #fff !important;
}

.img-div {
  min-height: 250px;
  overflow: hidden;
  border-radius: 10px;
}

.custom-category-product-item .product-item a .img-div, .products-list.grid-fill .prod-col .product-item a .img-div {
  border-radius: 12px;
  background: var(--background-img-color-card) -81.845px 0px/150.038% 100%;
  overflow: hidden;
  height: 300px;
}

.custom-category-product-item .product-item a .img-div div:has(img), .products-list.grid-fill .prod-col .product-item a .img-div div:has(img) {
  overflow: hidden;
}

.custom-category-product-item .product-item a .img-div img, .products-list.grid-fill .prod-col .product-item a .img-div img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item,
.custom-category-product-1 .slick-list .slick-track .custom-category-product-item .item,
.custom-category-product-item .product-item, .products-list .prod-col .product-item, .products-list.grid-fill .prod-col .product-item {
  max-height: 400px;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item:hover .parent,
.custom-category-product-1 .slick-list .slick-track .custom-category-product-item .product-item:hover .parent, .products-slider .slick-list .slick-track .custom-category-product-item .product-item:hover .parent,
.products-list.grid-fill .prod-col .product-item:hover .parent {
  transform: translateY(-75px);
  -webkit-transform: translateY(-75px);
}

.product-item .parent {
  padding-top: 10px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
}

.custom-category-product-item .product-item .parent .product-card-btn, .products-list.grid-fill .prod-col .product-item .parent .product-card-btn {
  margin-top: 10px !important;
}

.custom-category-product-item .product-item .parent, .products-list.grid-fill .prod-col .product-item .parent {
  position: absolute;
  left: 0;
  right: 0;
  padding: 5px 15px 0 15px;
  z-index: 9;
  background-color: #fff;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item:hover .parent .product-card-btn,
.custom-category-product-1 .slick-list .slick-track .custom-category-product-item .product-item:hover .parent .product-card-btn, .products-list.grid-fill .prod-col .product-item:hover .parent .product-card-btn {
  visibility: visible;
  margin-top: 2px;
}

.custom-category-product-item .product-item a .product-crd-spec, .products-list.grid-fill .prod-col .product-item a .product-crd-spec {
  min-height: auto;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item .product-card-btn,
.custom-category-product-1 .slick-list .slick-track .custom-category-product-item .product-item .product-card-btn, .products-list.grid-fill .prod-col .product-item .product-card-btn {
  visibility: visible;
  display: block;
}

.custom-category-product-item .product-item .parent .product-card-btn {
  display: none;
}

.custom-category-product-item .product-item .parent .product-details-short-description, .products-list.grid-fill .prod-col .product-item .parent .product-details-short-description {
  display: none;
}

.custom-category-product-item .product-item a .product-crd-spec .section-product-price, .products-list.grid-fill .prod-col .product-item a .product-crd-spec .section-product-price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
}

.custom-category-product-item .product-item a .product-crd-spec .section-product-price .price-before, .products-list.grid-fill .prod-col .product-item a .product-crd-spec .section-product-price .price-before {
  font-size: 14px;
  color: #A5A5A5 !important;
  display: flex;
  align-items: center;
}

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

.custom-category-product-item .product-item a .product-crd-spec .options-1, .products-list.grid-fill .prod-col .product-item a .product-crd-spec .options-1 {
  display: none;
}

.close {
  opacity: 1;
}

#searchCitiesModal .close .bi, .modal-header .close .bi {
  color: #dc3545;
  font-size: 20px;
}

.modal-header {
  align-items: center !important;
}

.size-box #product-variants-options ul li {
  font-size: 18px;
}

.products-details-page #product-images-slick img:focus-visible {
  border: none;
}

.rtl .div-btnrating {
  margin-left: auto !important;
  margin-right: unset !important;
}

.rtl .modal-header .close {
  margin: 0 auto 0 0 !important;
}

.custom-category-product-item .product-item a .product-crd-spec .product-price span {
  font-size: 18px;
  color: #F55157;
}

.btn-submit-new-question {
  border-radius: 10px;
}

.checkbox-container input {
  width: 16px;
  height: 16px;
}

.custom-category-product-item .product-item a .product-crd-spec .section-product-price .price-before .sale-count {
  display: none;
}

/**/
/*
 .products-bg-fw .category-product-content-1 .slider-products{
  width: 100%;
    background-color: #FAFAfa;
    margin: auto;
    padding: 20px 0 20px 0;
}
.products-bg-fw .category-product-content-1 .slider-products h2{
  color: var(--dark-text);
text-align: right;

font-style: normal;
padding: 0;
margin-bottom: 0;
padding-right: 20px;

}
.products-bg-fw .category-product-content-1{
  display: block;
}
*/
/* .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-prev {
  position: absolute;
  top: -49px;
  right: auto;
  left: 50px;
  color: var(--primary-color);
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06)
} */
.products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item .parent .product-details-short-description {
  display: none;
}

/* .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-next {
  position: absolute;
  top: -49px;
  left: 5px;
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  color: var(--primary-color);
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06)
} */
.product-price .product-after-price {
  color: #F55157;
  text-wrap: nowrap;
}

.product-price .price {
  color: #333;
}

.price-before .product-prev-price {
  color: #A5A5A5;
  font-size: 14px;
  font-weight: 400;
  text-wrap: nowrap;
}

button.slick-next i,
button.slick-prev i {
  font-size: 18px;
}

/*start offers section*/
.offers-parent {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.offers-parent .offers-item {
  width: 50%;
  display: flex;
  padding: 16px 100px 16px 24px;
  /* align-items: center; */
  flex: 1 0 0;
  justify-content: space-between;
}

.offers-parent .offers-item:first-of-type {
  background-color: #E6D1D1;
}

.offers-parent .offers-item:nth-of-type(2) {
  background-color: #DBDBD9;
}

.offers-parent .offers-item .img-parent {
  width: 253px;
  height: 253px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.offers-parent .offers-item .content {
  gap: 10px;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-between;
  padding: 35px 0;
}

.offers-parent .offers-item .content h2 {
  color: var(--dark-text);
  text-align: right;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.offers-parent .offers-item .content p .span-1 {
  color: var(--dark-text);
  text-align: right;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.offers-parent .offers-item .content p .span-2 {
  color: #CA4146;
  text-align: right;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}

.offers-parent .offers-item .content a {
  display: flex;
  width: 200px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 10px;
  gap: 8px;
  font-size: 16px;
}

/*end offers section*/
/*start 3-categories */
.all-categories .categories-3 {
  /* display: flex;
  justify-content: center;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.all-categories .categories-3 .category-partion {
  width: 100%;
}

.all-categories .categories-3 .category-partion .head {
  background-color: #fff;
  margin-top: 0;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #EEE;
  position: relative;
  line-height: 12px;
}

.all-categories .categories-3 .category-partion .head:before {
  content: "";
  width: 5px;
  position: absolute;
  height: 100%;
  top: 0;
  background-color: var(--primary-color);
  right: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.all-categories .categories-3 .category-partion .products-partion {
  border-radius: 24px;
  border: 1px solid #EEE;
  background: #FFF;
  padding: 16px;
  position: relative;
}

.all-categories .categories-3 .category-partion .products-partion .slick-arrow {
  position: absolute;
  border-radius: 50%;
  width: 35px !important;
  height: 35px !important;
  color: #444;
}

.all-categories .categories-3 .category-partion .products-partion .slick-next {
  top: -55px;
  left: 15px;
}

.all-categories .categories-3 .category-partion .products-partion .slick-prev {
  top: -55px;
  right: auto;
  left: 50px;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track {
  /* display: flex;flex-direction: column;gap: 20px; */
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 {
  min-height: auto;
  padding: 10px 0;
  /* height: 196px; */
  width: 100% !important;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: none;
  gap: 24px;
  height: 120px;
  border: none;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-card-btn .btn {
  border-radius: 10px !important;
  border: 1px solid var(--primary-color) !important;
  background-color: transparent !important;
  color: var(--primary-color) !important;
  padding: 8px !important;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track::before,
.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track::after {
  display: none;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .img-parent {
  width: 30%;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent {
  width: 70%;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-title a span.title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-title {
  margin-top: 0 !important;
  min-height: auto;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-details-short-description {
  display: none;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-crd-spec {
  min-height: auto;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-crd-spec .option {
  display: none;
}

.all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .img-parent .img-div {
  border-radius: 12px;
  overflow: hidden;
  height: 100% !important;
  min-height: unset;
}

.categories-3 .category-partion .product-item .sale-count,
.categories-3 .category-partion .product-item .badge-name {
  display: none;
}

/*end 3-categories */
body {
  background-color: #FAFAfa;
}

/*start first slider*/
.first-slider-section {
  overflow: hidden;
  background-position: center;
  background-size: cover;
  position: relative;
}

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

.first-slider-section::after {
  content: "";
  background: color-mix(in srgb, var(--primary-color) 25%, #000000);
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* .first-parent{
  padding: 100px 0 0 0 ;
} */
.first-parent .slick-dots {
  bottom: 30px;
}

.first-parent .slick-dots li button:before {
  font-size: 15px;
  content: "";
}

.first-parent .slick-dots li.slick-active button:before {
  background-color: #fff;
  border-radius: 50%;
  opacity: 1;
}

.first-parent .slick-dots li button,
.first-parent .slick-dots li button::before {
  border-radius: 50%;
  border: 1px solid #fff;
  width: 18px;
  height: 18px;
  right: 0;
}

.first-parent .slick-arrow {
  bottom: 40px;
}

.right-text {
  display: flex;
  gap: 24px;
  flex-direction: column;
}

.first-parent .slick-next {
  position: absolute;
  top: auto;
  bottom: 40px;
  left: calc(50% - 35px - 5px);
  border-radius: 50%;
  width: 35px !important;
  height: 35px !important;
  color: var(--primary-color);
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
}

.first-parent .slick-prev {
  position: absolute;
  top: auto;
  left: auto;
  right: calc(50% - 35px - 5px);
  bottom: 40px;
  color: var(--primary-color);
  border-radius: 50%;
  width: 35px !important;
  height: 35px !important;
  background-color: #fff;
  border: 1px solid #E8E8E8;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
}

.first-parent .slick-list .slick-track::before,
.first-parent .slick-list .slick-track::after {
  display: none;
}

.first-parent .slick-list .slick-track .item {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 0 100px;
  width: 100%;
  justify-content: center;
}

.f-parent {
  position: relative;
  background-color: #333;
}

.f-parent .lazy-back {
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
}

.f-parent .video {
  object-fit: cover;
  width: 100%;
  min-height: 300px;
  max-width: 100%;
  height: 100vh;
  position: absolute;
}

.first-parent .slick-list .slick-track .item .right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 56px;
  width: 100%;
}

.first-parent .slick-list .slick-track .item .left {
  width: 100%;
}

.first-parent .slick-list .slick-track .item .right .head {
  color: var(--color);
  text-align: right;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
}

.first-parent .slick-list .slick-track .item .right .desc {
  color: var(--color);
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.first-parent .slick-list .slick-track .item .right .btn-first-parent {
  display: flex;
  width: 200px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.06);
  color: #FFF;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.first-parent .slick-list .slick-track .item .left-img {
  /* min-height: 300px;
  min-width: 250px; */
  width: 100%;
  max-height: 450px !important; /*500*/
  object-fit: contain;
}

.first-slider-content,
.f-parent,
.f-parent .lazy-back,
.first-parent .slick-list .slick-track .item {
  height: 100vh;
}

.first-slider-section.next-news .first-slider-content,
.first-slider-section.next-news .f-parent,
.first-slider-section.next-news .first-parent .slick-list .slick-track .item .first-slider-section.next-news .f-parent .lazy-back {
  height: calc(100vh - 44px);
}

/*end first slider*/
/* start header*/
.fixed-header {
  position: fixed;
  width: 100%;
}

.slide-menu {
  z-index: 9999;
  width: 400px;
  min-width: min-content;
  /* top: 100px; */
  padding-top: 50px;
}

.slide-menu .bi-x-circle {
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 9999;
  font-size: 30px;
  cursor: pointer;
}

.header-flex {
  display: flex;
  gap: 20px;
}

.custom-header-content {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-header-content .header-logo {
  width: auto;
  height: 80%;
  gap: 20px;
}

.custom-header-content .main-nav-wrapper {
  width: auto;
  display: flex;
  padding: 0 10px;
}

.announcement-bar {
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
}

.announcement-bar:hover .announce-bar {
  animation-play-state: paused;
}

.announcement-text {
  text-wrap: nowrap;
}

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

.availability-bar .announcement-text, .announcement-bar .announcement-text {
  font-size: 14px;
  line-height: normal;
}

.rtl .announcement-text {
  direction: ltr;
}

body .fixed-header .section-container {
  padding: 0 30px;
}

body .fixed-header.sticky .section-container {
  background-color: var(--menu-header-primary-color) !important;
}

body .fixed-header.sticky .section-container .announcement-bar .announcement-text {
  color: var(--menu-header-text-color-primary-bg) !important;
}

.rtl .announcement-text img {
  margin-left: 10px;
}

.ltr .announcement-text img {
  margin-right: 10px;
}

.ltr .announcement-text {
  direction: rtl;
}

.icon-times-circle2 {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 34;
  top: 0;
  left: 0;
  font-size: 20px;
  height: 100%;
}

.announcement-bar .ab-close {
  top: 0px !important;
}

.announcement-text img {
  margin-left: 10px;
  width: 40px;
  height: 40px;
}

.announce-bar {
  flex-shrink: 0;
  display: flex;
  justify-content: flex-start;
  gap: 7rem;
  animation-duration: 50s;
  min-width: 100%;
  animation: scroll 50s linear infinite;
  -webkit-animation: scroll 50s linear infinite;
  animation-direction: reverse;
}

.custom-header-content .main-nav-wrapper .main-nav {
  align-items: center;
}

.custom-header-content .main-nav-wrapper .main-nav li a {
  padding: 10px 15px;
  color: #fff;
}

.custom-header-content .header-cart {
  gap: 5px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-header-content .header-cart .sm-search-icon,
.cart-icon {
  color: #000;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  align-items: center;
  cursor: pointer;
}

.custom-header-content .header-cart .sm-search-icon i {
  font-size: 30px;
  color: #000;
}

.custom-header-content .language-currency-content {
  width: auto;
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
}

.custom-header-content .language-currency-content .currency-button-content {
  display: flex;
  justify-content: center;
  width: auto;
  height: auto;
}

.custom-header-content .language-currency-content .currency-button-content .currency-btn {
  display: flex;
  gap: 5px;
  align-items: center;
}

button:focus {
  outline: none;
}

.custom-header-content .language-currency-content .currency-button-content .currency-btn .flag {
  width: 30px;
  height: 30px;
}

.account-area .user {
  width: 50px;
  border-radius: 50%;
  height: 50px;
  overflow: hidden;
  font-size: 33px;
  display: flex;
  justify-content: center;
  background-color: #fff;
}

.account-area .login {
  border-radius: 50px;
  background: transparent;
  border: 0;
}

.account-area .login span {
  color: #000;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.account-area {
  display: flex;
  align-items: center;
}

.account-area .user i {
  color: #000;
}

/* body.notransparent .search-header,
body.notransparent .search-header.scrolled
 {
  background-color: var(--header-primary-color);
}
body.notransparent .search-header .header-theme-icon-primary,
body.notransparent .search-header.scrolled .header-theme-icon-primary,
body.notransparent .search-header .language-btn,
body.notransparent .search-header .currency-btn,
body.notransparent .search-header .icon-language_white:before,
body.notransparent .search-header .horizontal-line,
body.notransparent .search-header .language-currency-content >*,
body.notransparent .search-header .account-area .login span,
body.notransparent .search-header .search-header-bar .bi-cart3
 {
    color: var(--header-text-color-in-fixed);
    border-color: var(--header-text-color-in-fixed);
}
body.notransparent .search-header .cart-icon,
body.transparent .search-header{
  background-color: transparent;
}
body .search-header .cart-icon{
background-color: transparent!important;
}
body.notransparent .search-header .search-input-input {
background-color: transparent !important;
color: var(--header-text-color-in-fixed);
border-color: var(--header-text-color-in-fixed);
}
body.notransparent .search-header .search-input-icon::before{
  color: var(--header-text-color-in-fixed);
}
body.notransparent .search-header .account-area .user i
 {
    color: var(--header-text-color-in-fixed);
}
body .search-header .account-area .user{
  background-color: transparent !important;
}
body.notransparent .search-header .search-input-input::placeholder{
  color: var(--header-text-color-in-fixed);
  opacity: 0.8;
}

.btn-light:not(:disabled):not(.disabled):active{
  background-color: transparent;
}

--
body.transparent .search-header .account-area .login span,
body.transparent .search-header .search-header-bar .bi-cart3,
body.top-space .search-header .account-area .login span,
body.top-space .search-header .search-header-bar .bi-cart3{
    color: var(--header-text-color-primary-bg);
}
body.transparent .search-header .search-input-input,
body.top-space .search-header .search-input-input {
background-color: transparent !important;
color: var(--header-text-color-primary-bg);
border-color: var(--header-text-color-primary-bg);
}
body.transparent .search-header .search-input-icon::before,
body.top-space .search-header .search-input-icon::before{
  color: var(--header-text-color-primary-bg);
}
body.transparent .search-header .account-area .user i,
body.top-space .search-header .account-area .user i
 {
    color: var(--header-text-color-primary-bg);
}
body.transparent .search-header .search-input-input::placeholder,
body.top-space .search-header .search-input-input::placeholder{
  color: var(--header-text-color-primary-bg);
  opacity: 0.8;
}
body.top-space .search-header .language-btn,
body.top-space .search-header .currency-btn,
body.top-space .search-header .icon-language_white:before,
body.top-space .search-header .currency-label{
color: var(--header-text-color-primary-bg);
}
body.top-space .search-header .horizontal-line{
  border-color: var(--header-text-color-primary-bg);
}
body.top-space .search-header .header-theme-icon-primary{
color: var(--header-text-color-primary-bg);
}

 body.top-space .main {
  padding-top: 100px;
} 

body.top-space .search-header {
  background-color: #fff;
}
---


body.transparent .search-header.scrolled .account-area .login span,
body.transparent .search-header.scrolled .search-header-bar .bi-cart3{
    color: var(--menu-header-text-color-primary-bg);

}
body.transparent .search-header.scrolled .search-input-input {
background-color: var(--menu-header-primary-color)!important;
color: var(--menu-header-text-color-primary-bg);
border-color: var(--menu-header-text-color-primary-bg);
}
body.transparent .search-header.scrolled .search-input-icon::before{
  color: var(--menu-header-text-color-primary-bg);
}
body.transparent .search-header.scrolled .account-area .user i
 {
    color: var(--menu-header-text-color-primary-bg);
}
body.transparent .search-header.scrolled .search-input-input::placeholder{
  color: var(--menu-header-text-color-primary-bg);
  opacity: 0.8;
}



body.top-space .search-header.scrolled .language-btn,
body.top-space .search-header.scrolled .currency-btn,
body.top-space .search-header.scrolled .icon-language_white:before,
body.top-space .search-header.scrolled .currency-label{
color: var(--menu-header-text-color-primary-bg);;
}
body.top-space .search-header.scrolled .horizontal-line{
  border-color: var(--menu-header-text-color-primary-bg);;
}
body.top-space .search-header.scrolled .header-theme-icon-primary{
color: var(--menu-header-text-color-primary-bg);;
}

body.top-space .search-header.scrolled {
  background-color: var(--menu-header-primary-color);
  box-shadow: 0px 3px 4px 0px rgba(142, 119, 119, 0.36);
  -webkit-box-shadow: 0px 3px 4px 0px rgba(142, 119, 119, 0.36);
  -moz-box-shadow: 0px 3px 4px 0px rgba(142, 119, 119, 0.36);
} 

-----------
body header .header-inner .search-header.scrolled{
  background-color: var(--header-primary-color);
}
/****/
body header .header-inner .search-header {
  background-color: var(--header-primary-color);
}

body header .header-inner .search-header .header-theme-icon-primary,
body header .header-inner .search-header .header-theme-icon-primary,
body header .header-inner .search-header.scrolled .header-theme-icon-primary,
body header .header-inner .search-header .language-btn,
body header .header-inner .search-header .currency-btn,
body header .header-inner .search-header .icon-language_white:before,
body header .header-inner .search-header .horizontal-line,
body header .header-inner .search-header .language-currency-content > *,
body header .header-inner .search-header .account-area .login span,
body header .header-inner .search-header .search-header-bar .bi-cart3,
body header .header-inner .search-header .account-area .user i {
  color: var(--header-text-color-in-fixed);
  border-color: var(--header-text-color-in-fixed);
}

body header .header-inner .search-header .cart-icon,
body header .header-inner .search-header .account-area .user {
  background-color: transparent !important;
}

body header .header-inner .search-header .search-input-input {
  background-color: transparent !important;
  color: var(--header-text-color-in-fixed);
  border-color: var(--header-text-color-in-fixed);
}

body header .header-inner .search-header .search-input-icon::before {
  color: var(--header-text-color-in-fixed);
}

body header .header-inner .search-header .search-input-input::placeholder {
  color: var(--header-text-color-in-fixed);
  opacity: 0.8;
}

.search-header {
  padding: 0;
}

.horizontal-line {
  border-top: 1px solid var(--header-text-color-primary-bg, var(--text-color-primary-bg));
  width: 5px;
  color: var(--text-color-primary-bg);
}

.currency-label {
  font-size: 18px;
  color: var(--header-text-color-primary-bg);
  cursor: pointer;
}

body.top-space .currency-label,
.search-header.scrolled .currency-label {
  color: #000;
}

.language-button-area {
  min-width: auto;
}

.account-area .dropdown-toggle::after {
  display: none !important;
}

.account-area .dropdown-toggle {
  padding: 0 !important;
  border-radius: 50% !important;
  border-color: unset !important;
  color: #f3ebeb;
}

.account-area .dropdown-menu.show {
  width: 100% !important;
  min-width: 100%;
  background: transparent;
  border: 0;
  display: flex;
  gap: 5px;
  flex-direction: column;
}

.account-area .dropdown-menu .dropdown-item {
  border: 1px solid #f3ebeb;
  width: 50px;
  border-radius: 50%;
  height: 50px;
  overflow: hidden;
  font-size: 33px;
  display: flex;
  justify-content: center;
  background-color: #fff;
}

.account-area .dropdown-menu .dropdown-item button {
  border-color: transparent;
  background-color: transparent;
}

body .search-header.scrolled {
  background-color: var(--menu-header-primary-color);
  box-shadow: 0px 3px 4px 0px rgba(142, 119, 119, 0.36);
  -webkit-box-shadow: 0px 3px 4px 0px rgba(142, 119, 119, 0.36);
  -moz-box-shadow: 0px 3px 4px 0px rgba(142, 119, 119, 0.36);
}

.search-header.scrolled .custom-header-content .main-nav-wrapper .main-nav li a,
body.top-space .custom-header-content .main-nav-wrapper .main-nav li a {
  color: #000;
}

.slide-menu ul li a {
  font-size: 18px;
  display: flex !important;
  justify-content: space-between;
}

.slide-menu .slide-menu__backlink {
  justify-content: flex-start;
}

.slide-menu ul a.menu-link span.clickable-span {
  width: -webkit-fill-available;
  display: inline-block;
}

.search-header.scrolled .language-btn,
.search-header.scrolled .language-currency-content > *,
body.top-space .language-btn,
.search-header.scrolled .language-currency-content > * {
  color: var(--menu-header-text-color-primary-bg);
}

.search-header.scrolled .horizontal-line,
body.top-space .horizontal-line {
  border-color: var(--menu-header-text-color-primary-bg);
}

/* .search-header.scrolled .sm-search-icon,
.search-header.scrolled .cart-icon,
.search-header.scrolled .account-area .user {
  border: 1px solid #f3ebeb;
} */
/* body.top-space .sm-search-icon,
body.top-space .cart-icon,
body.top-space .account-area .user {
  border: 1px solid #f3ebeb;
} */
/* .search-header.scrolled .sm-search-icon:hover,
.search-header.scrolled .cart-icon:hover,
.search-header.scrolled .account-area .user:hover {
  background-color: #f9f9f9;
} */
/* .search-header.scrolled .sm-search-icon:hover,
.search-header.scrolled .cart-icon:hover,
.search-header.scrolled .account-area .user:hover {
  background-color: #f9f9f9;
} */
.search-header-bar .bi-cart3 {
  color: #000;
}

.cart-badge {
  top: 5px;
  left: 20px;
}

.lang-flag {
  display: flex;
}

.search-header.scrolled .icon-language_white:before,
body.top-space .icon-language_white:before {
  color: var(--menu-header-text-color-primary-bg);
}

.header-nav {
  align-content: center;
}

.search-header.scrolled .main-nav li,
body.top-space .main-nav li {
  color: #000;
}

.main-nav li {
  color: #fff;
}

/* end header*/
/* body.top-space .menu-top .header-theme-icon-primary,
.search-header.scrolled .menu-top .header-theme-icon-primary {
  color:  var(--menu-header-text-color-primary-bg);
} */
.menu-top {
  font-size: 24px;
  line-height: 28px !important;
  display: flex;
  gap: 5px;
}

.menu-top > * {
  height: 28px;
}

/*start footer*/
.footer-theme-bg-primary {
  background-color: var(--footer-primary-color);
}

.footer-theme-bg-primary h1 {
  color: #333;
}

.footer-theme-bg-primary p,
.footer-theme-bg-primary p a {
  color: var(--footer-text-color-primary-bg);
  opacity: 0.7;
  font-size: 16px;
}

.footer-theme-bg-primary p i {
  font-size: 15px;
  height: 15px;
}

.footer-about-us-links-div p {
  display: flex;
  align-items: baseline;
}

.footer-store-section .footer-items {
  display: grid;
  grid-template-columns: repeat(12, minmax(0px, 1fr));
  grid-template-rows: repeat(4, minmax(0px, 1fr));
}

.footer-store-section .footer-items .footer-item {
  width: 100%;
}

.footer-store-section .footer-items .footer-item:first-of-type {
  grid-area: item1;
  grid-column: 1/4;
  grid-row: 1/5;
}

.footer-store-section .footer-items .footer-item:nth-of-type(2) {
  grid-area: item2;
  grid-column: 4/7;
  grid-row: 1/5;
}

.footer-store-section .footer-items .footer-item:nth-of-type(3) {
  grid-area: item3;
  grid-column: 7/10;
  grid-row: 1/5;
}

.footer-store-section .footer-items .footer-item:nth-of-type(4) {
  grid-area: item4;
  grid-column: 10/13;
  grid-row: 1/5;
}

.social-icons a {
  color: var(--footer-text-color-primary-bg);
  border-radius: 50%;
  padding: 3px;
  border: 1px solid #f3ebeb;
  opacity: 0.5;
}

.footer-store-section-bars {
  border-color: var(--footer-text-color-primary-bg);
  min-height: unset;
}

.footer-theme-bg-primary .left a:hover,
.footer-theme-bg-primary .left p:hover {
  color: var(--primary-color);
  opacity: 1;
}

/*end footer*/
/*start product details*/
body[data-template=product_details] .btn-buy-now {
  padding: 6px 12px;
  font-size: 20px;
  border-radius: 10px;
}

.select-quantity-div > div.form-group > div:after {
  font-family: "icomoon";
}

.thumb-image-a {
  border: 2px solid #f0f2f5;
  border-radius: 5px;
  overflow: hidden;
}

.products-details-page .card-table.options-table {
  margin-bottom: 10px !important;
}

.slide-menu__submenu--active .slide-menu-ul-li {
  padding-right: 50px;
}

.product-images-carousel-thumbs {
  gap: 5px;
  padding-right: 5px !important;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  direction: ltr;
}

.products-details-page .product-images-carousel {
  padding-right: 5px !important;
}

.col-product-info .product-title {
  color: #272a32;
  font-size: 18px !important;
}

.col-product-info .product-icon {
  position: fixed;
  left: 0;
  top: 200px;
  display: flex;
  flex-direction: column;
  width: auto;
  height: auto;
  z-index: 99999;
}

.col-product-info .product-icon .product-social {
  flex-direction: column;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  justify-content: space-around;
  background-color: #fff;
  padding: 10px 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #e9e9e9;
  border-left: none;
}

.products-details-page .slick-arrow {
  display: none !important;
}

.product-formatted-price-discount {
  background: #107e4a;
  color: #fff;
  line-height: 19px;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 3px 12px 4px 10px;
  border-radius: 25px;
  position: relative;
  margin-right: 7px;
}

.product-formatted-price-discount::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 10px solid #277f4b;
  border-right: 0;
  position: absolute;
  right: -6px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.product-details-bottom .nav-link.active,
.product-details-bottom .show > .nav-link {
  border-radius: 0;
  width: fit-content;
  height: fit-content;
  background: transparent !important;
  border-bottom: 1px solid var(--primary-color);
}

.product-details-bottom .nav-link {
  background-color: transparent;
  padding: 0;
  border-bottom: 1px solid transparent;
  border: 1px solid transparent;
}

.product-details-bottom {
  gap: 15px;
  padding-bottom: 15px;
  overflow-y: auto;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.rtl .product-details-bottom .description-title {
  margin-right: 10px !important;
}

.ltr .product-details-bottom .description-title {
  margin-left: 10px !important;
}

.tap-content-bottom .card-table,
.tap-content-bottom .description-paragrah {
  margin: 0 !important;
  overflow: hidden !important;
}

/* .rtl .tap-content-bottom .description-paragrah>* {
  background-color: transparent !important;
  all: unset;
} */
.product-details-bottom .nav-link:hover .description-icon,
.product-details-bottom .nav-link:hover .description-title {
  color: #000 !important;
}

.product-details-bottom .nav-link .description-icon,
.product-details-bottom .nav-link .description-title {
  color: #7a808f !important;
  text-wrap: nowrap;
}

.rtl .description-title {
  font-size: 24px !important;
  margin-right: 0px !important;
}

.ltr .description-title {
  font-size: 24px !important;
  margin-left: 0px !important;
}

.product-details-bottom .nav-link.active .description-title,
.product-details-bottom .show > .nav-link .description-title,
.product-details-bottom .nav-link.active .description-icon,
.product-details-bottom .show > .nav-link .description-icon {
  color: var(--primary-color) !important;
}

.quantity-selector {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  overflow: hidden;
}

.quantity-selector button {
  background-color: white;
  border: none;
  padding: 0 10px;
  cursor: pointer;
  font-size: 18px;
  line-height: 24px;
}

.quantity-selector button:focus {
  outline: none;
}

.quantity-selector .quantity {
  width: 40px;
  text-align: center;
  border: none;
  font-size: 18px;
}

.product-details-name {
  font-size: 21px;
  opacity: 0.9;
  margin: 8px 0;
  line-height: 32px;
  color: #272a32;
  font-weight: 600;
}

.product-details-short-description {
  font-size: 15px !important;
  color: #333 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  font-family: "Changa", sans-serif;
}

.product-details-short-description > * {
  all: unset;
}

.products-details-page .lg-thumbs a.active {
  border: 2px solid var(--primary-color);
}

.products-details-page .slick-list {
  padding: 0 0 0 0px !important;
}

.products-details-page .lg-thumbs .thumb-image-a {
  position: relative;
}

.products-details-page .lg-thumbs thumb-image-a .play-icon {
  position: absolute;
}

.products-details-page .btn-add-to-cart {
  padding: 6px 12px !important;
}

.product-selection .card-table .card, .product-selection .card-table {
  border-radius: 10px;
}

#related-products .product-item .product-crd-spec .option {
  display: none;
}

.product-formatted-price-old {
  color: #5f5252;
}

.products-details-page #product-images-slick img {
  border-radius: 20px;
  max-height: 350px;
  height: 350px;
}

.product-social a {
  width: 100%;
  display: flex;
  justify-content: center;
}

.product-social a:hover .icon-facebook-f {
  color: #0866FF;
}

.product-social a:hover .icon-pinterest {
  color: #E60023;
}

.product-social a:hover .icon-twitter {
  color: #000;
}

.product-social a:hover .icon-whatsapp {
  color: #4ADB58;
}

.product-images-carousel .product-formatted-price-discount {
  border-color: #6d683a;
  color: #fff;
  top: 5px;
  background: #e87378;
  backdrop-filter: blur(60px);
  left: 5px;
  z-index: 9;
  position: absolute;
  border-radius: 5px;
  padding: 10px 12px 10px 10px;
}

.product-images-carousel .product-formatted-price-discount::after {
  border-left-color: #e87378;
}

.more {
  color: #697de7;
}

.products-details-page .btn-add-to-cart {
  width: 100%;
}

.file-label {
  display: flex;
  justify-content: space-between;
}

#product-custom-user-input-fields .file-label button {
  border: 1px solid #ced4da;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 15px;
  margin-left: 0 !important;
}

#product-custom-user-dropdown-fields select,
.select-quantity-div select,
#product-custom-user-option-fields .form-group label {
  border-radius: 10px !important;
}

#product-custom-user-option-fields {
  flex-direction: column;
}

#product-custom-user-dropdown-fields > div.form-group > div:after {
  height: -webkit-fill-available !important;
}

.parent-option-fields {
  margin-top: 10px;
}

#product-variants-options {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
}

.size-box #product-variants-options ul li.active,
.size-box #product-variants-options ul li {
  border-radius: 10px !important;
}

.btn-product-card-out-of-stock.disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

.products-details-page .lg-thumbs a {
  height: 70px !important;
  /* min-height: 50px; */
}

.card-review .icon-account_circle {
  display: none;
}

.product-images .slick-slider .slick-list {
  border: 1px solid #e3e2e2;
  border-radius: 10px;
  background: #fff;
}

.card-review .card-name {
  margin-right: 0 !important;
}

.products-details-page .btn-add-to-cart {
  border-radius: 10px !important;
  font-size: 20px;
}

.products-details-page h4 {
  margin-bottom: 5px;
}

#product-variants-options .form-group label {
  color: #272a32;
  font-size: 18px;
}

.border-product-1 .product-title {
  display: none;
}

input:focus,
input[readonly] {
  background-color: #fff !important;
}

#product-custom-user-dropdown-fields select,
.select-quantity-div select {
  background-color: #fff !important;
}

input.form-control {
  background-color: #fff !important;
}

.input-text {
  background-color: #fff !important;
}

.border-product-1 {
  gap: 15px;
}

/* end product details*/
/*cart*/
/*All categoris*/
.categories-page {
  justify-content: flex-start;
}

.categories-page .category-item a {
  margin: 10px;
}

.categories-page .category-item a .img-parent {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 350px;
}

.filter-funnel i {
  font-size: 30px;
  color: var(--primary-color);
}

.filter-in-category {
  display: flex;
  flex-shrink: 0;
  background: #fff;
  line-height: 36px;
  overflow: hidden;
  /* margin-left: 8px; */
  font-size: 13px;
  color: #666;
  letter-spacing: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  border: 1px solid #ebebeb;
}

.filter-in-category .filter-item {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  border-right: 1px solid #ebebeb;
}

.filter-in-category .filter-item.active {
  background: rgba(0, 0, 0, 0.04);
}

.filter-in-category .filter-item a {
  font-size: 15px;
}

.filter-in-category .filter-item.active a,
.filter-in-category .filter-item:active a {
  color: #000;
  background-color: transparent;
}

.filter-in-category .filter-item.active .button,
.filter-in-category .filter-item:active .button {
  color: #000;
  background-color: transparent;
}

.filter-in-category.fill .filter-item.active .button i,
.filter-in-category .filter-item:active .button i {
  color: #000;
  background-color: transparent;
}

.filter-in-category .filter-item a,
.filter-in-category .filter-item .button {
  padding: 3px 7px;
}

.filter-in-category.fill .filter-item .button {
  font-size: 15px;
  font-weight: 400;
}

.products-filters-attribute-form .attribute-group button {
  display: flex;
  flex-shrink: 0;
  background: #fff;
  line-height: 26px;
  overflow: hidden;
  font-size: 13px;
  color: #666;
  letter-spacing: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  border-radius: 18px;
  padding: 5px 20px;
  border: 1px solid #ebebeb;
  width: 100%;
  justify-content: center;
}

.variant-image-wrapper img {
  height: 120px;
}

.attribute {
  background-color: transparent !important;
}

.attribute .filtration-header {
  display: none !important;
}

.custom .product-title span.title,
.custom .product-details-short-description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 5px;
  white-space: normal;
}

.custom .product-title span.title {
  font-size: 17px;
  font-weight: 600;
}

.custom .product-details-short-description * {
  all: unset !important;
}

.product-item .sale-count.over-img {
  position: absolute;
  font-size: 12px;
  padding: 5px;
  bottom: 16px;
  z-index: 9;
}

.rtl .product-item .sale-count.over-img {
  left: 16px;
  border-radius: 6px 0px 6px 6px;
  right: auto;
}

.ltr .product-item .sale-count.over-img {
  right: 16px;
  border-radius: 0px 6px 6px 6px;
  left: auto;
}

.section-product-price {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
  margin: 0 !important;
}

/* list fill*/
.products-container .products-list.list-fill {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rtl .products-list.list-fill .prod-col .product-item .add-to-wishlist {
  right: 0;
  left: unset;
}

.ltr .products-list.list-fill .prod-col .product-item .add-to-wishlist {
  left: 0;
  right: unset;
}

.products-list.list-fill .prod-col,
.products-list.list-fill .prod-col .product-item {
  width: 100%;
  display: flex;
  max-width: 100%;
  border-radius: 10px;
}

.products-list.list-fill .prod-col .product-item {
  padding: 10px;
  gap: 20px;
  position: relative;
  height: 240px;
}

.products-list.list-fill .prod-col .product-item .img-parent {
  width: 220px;
  height: 220px;
  border-radius: 10px;
  overflow: hidden;
  /* padding: 10px; */
}

.products-list.list-fill .prod-col .product-item .img-parent .img-div {
  height: 100%;
  min-height: unset;
  height: auto;
}

.products-list.list-fill .prod-col .product-item .custom {
  width: calc(100% - 200px);
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.not-found {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 56px;
  gap: 16px;
}

.rtl .badge-name {
  top: 16px !important;
  right: 16px !important;
}

.badge-name span {
  font-size: 14px !important;
}

.products-list.list-fill .prod-col .product-item .custom .down-btns .show-details {
  display: flex !important;
}

.products-list .prod-col .product-item .custom .product-card-btn {
  display: flex;
  gap: 20px;
  justify-content: flex-end;
}

.products-list .prod-col .product-item .custom .down-btns.product-card-btn a {
  display: flex;
  gap: 5px;
  text-align: center;
  justify-content: center;
  align-items: center;
  line-height: 20px;
}

.products-list .prod-col .product-item .custom .down-btns.product-card-btn a i {
  height: 20px;
}

.product-item .btn.btn-primary {
  font-size: 16px !important;
  padding: 8px;
  border-radius: 10px;
}

.products-list.list-fill .prod-col .product-item .custom .price-rate {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

/*grid fill*/
.products-list .prod-col .product-item {
  border-radius: 10px;
  height: 100%;
}

.products-list.category-page {
  background-color: transparent;
}

.products-list {
  /* padding: 20px 10px; */
  border-radius: 10px;
  background: color-mix(in srgb, var(--color-primary) 3%, transparent);
  box-shadow: rgba(103, 113, 122, 0.06) 0 5px 20px;
}

/* .products-list.grid-fill .prod-col .product-item .img-parent {
  position: relative;
  display: block;
  padding: 10px 10px 10px;
} */
.checkbox-wrapper-19 {
  box-sizing: border-box;
  --background-color: #fff;
  --checkbox-height: 25px;
}

@-moz-keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}
@-webkit-keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}
@keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}
@keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}
@-webkit-keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}
@-moz-keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}
.checkbox-wrapper-19 input[type=checkbox] {
  display: none;
}

.checkbox-wrapper-19 .check-box {
  height: var(--checkbox-height);
  width: var(--checkbox-height);
  background-color: transparent;
  border: calc(var(--checkbox-height) * 0.1) solid #000;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: border-color ease 0.2s;
  -o-transition: border-color ease 0.2s;
  -webkit-transition: border-color ease 0.2s;
  transition: border-color ease 0.2s;
  cursor: pointer;
}

.checkbox-wrapper-19 .check-box::before,
.checkbox-wrapper-19 .check-box::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: calc(var(--checkbox-height) * 0.2);
  background-color: #34b93d;
  display: inline-block;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 5px;
  content: " ";
  -webkit-transition: opacity ease 0.5;
  -moz-transition: opacity ease 0.5;
  transition: opacity ease 0.5;
}

.checkbox-wrapper-19 .check-box::before {
  top: calc(var(--checkbox-height) * 0.72);
  left: calc(var(--checkbox-height) * 0.41);
  box-shadow: 0 0 0 calc(var(--checkbox-height) * 0.05) var(--background-color);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.checkbox-wrapper-19 .check-box::after {
  top: calc(var(--checkbox-height) * 0.37);
  left: calc(var(--checkbox-height) * 0.05);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox-wrapper-19 input[type=checkbox]:checked + .check-box,
.checkbox-wrapper-19 .check-box.checked {
  border-color: #34b93d;
}

.checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::after,
.checkbox-wrapper-19 .check-box.checked::after {
  height: calc(var(--checkbox-height) / 2);
  -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards;
  -o-animation: dothabottomcheck-19 0.2s ease 0s forwards;
  -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards;
  animation: dothabottomcheck-19 0.2s ease 0s forwards;
}

.checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::before,
.checkbox-wrapper-19 .check-box.checked::before {
  height: calc(var(--checkbox-height) * 1.2);
  -moz-animation: dothatopcheck-19 0.4s ease 0s forwards;
  -o-animation: dothatopcheck-19 0.4s ease 0s forwards;
  -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards;
  animation: dothatopcheck-19 0.4s ease 0s forwards;
}

/* .products-list.grid-fill .prod-col .product-item .img-parent img.product-card-img {
  object-fit: contain;
  object-position: center;
  height: 250px;
  min-width: 250px;
  border-radius: 10px;
  z-index: 1;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}
#related-products.products-list .prod-col .product-item{
  background-color: #fff;
  box-shadow: unset;
}
.products-list.grid-fill .prod-col .product-item .custom {
  padding: 0 10px 10px !important;
}

.products-list.grid-fill .prod-col .product-item .custom .price-rate,
.custom .price-rate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
} */
.custom .price-rate {
  flex-wrap: wrap;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

/* 
.products-list.grid-fill .prod-col .product-item:hover .img-parent img.product-card-img {
  transform: translateY(-15px);
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
}

.products-list.grid-fill .prod-col .product-item .custom .top-btns {
  height: 40px;
}

.products-list.grid-fill .prod-col .product-item:hover .custom .top-btns a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.products-list.grid-fill .prod-col .product-item .custom .down-btns a {
  display: none !important;
} */
/*products page*/
.badge-name {
  z-index: 9 !important;
}

.attribute-group .filter-content {
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #e4e4e4;
}

.products-list .prod-col {
  padding: 5px;
}

.rtl .product-item {
  direction: rtl;
}

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

.btn-filter {
  padding: 3px 7px !important;
  border-radius: 3px;
}

.sort-block-width .dropdown-menu > * {
  font-size: 15px;
}

.sort-block-width .dropdown-menu a {
  cursor: pointer;
}

.sort-block-width .dropdown-menu .dropdown-item.active,
.dropdown-item:active {
  background-color: transparent !important;
}

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

/*cart*/
.cart-product-col-img {
  display: flex !important;
  width: 150px !important;
  padding-bottom: 5px !important;
}

.cart-product-col-img .cart-product-image-link {
  display: flex !important;
  width: 150px;
  align-items: center !important;
  height: 150px;
}

.cart-product-col-img .cart-product-image-link .cart-product-image {
  width: 150px !important;
  height: 150px !important;
  object-fit: contain;
}

.custom-field-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.cart-product-quantity-dropdown select {
  min-width: 60px !important;
  height: 35px;
  padding-right: 10px;
  border-radius: 10px;
}

.cart-product-col-details h1 .cart-product-image-link {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 10px;
  padding-top: 10px;
}

.cart-product-delete {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cart-product-row-wrapper {
  /* border-radius: 10px !important; */
}

.send-coupon::placeholder {
  font-size: 14px !important;
}

.cuupon-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
}

.cart-products-with-totals .section-title {
  padding-right: 0;
}

.gift-card__header {
  padding: 1rem 10px 1.5rem !important;
}

.gift-card__body {
  padding: 0 10px !important;
}

.gift-card__actions {
  padding: 1.5rem 10px !important;
  gap: 10px;
}

.gift-card__actions .gift-card__button:first-of-type {
  margin: 0 5px 0 0;
}

.gift-card__actions .gift-card__button:last-of-type {
  margin: 0 0 0 5px;
}

.gift-card__header ul li::marker {
  content: "";
}

.gift-card__header ul li p,
.gift-card__body .form-control {
  font-size: 15px;
}

.from-to {
  display: flex;
  flex-direction: column;
}

.gift-card__button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 !important;
  font-size: 15px;
}

.btn.btn-primary.btn-product-card {
  font-size: 16px !important;
  border-radius: 10px !important;
  padding: 16px !important;
}

.btn-product-card.btn-product-card-select-variant span::after {
  content: var(--button-select_options);
  font-family: inherit;
}

.btn-product-card.product-card-add-to-cart span::after {
  content: var(--button-add-to-cart);
  font-family: inherit;
}

.btn-product-card.product-card-add-to-cart span i {
  margin-left: 5px;
}

.gift-preview__body {
  flex-direction: column-reverse !important;
  padding: 20px;
}

.gift-preview__body .receiver_name {
  margin-left: auto;
}

.gift-preview__body .sender_name {
  margin-right: auto;
}

.cart-product-row-wrapper {
  background-color: #fff;
}

/* start filter*/
.filter-result,
.filter-order-parent .filter-order {
  display: none;
}

.btn-filter {
  height: 100%;
}

.filter-in-category .filter-item {
  height: 100%;
}

#products-list-filter,
#products-list-filter > *,
#products-list-sort,
#products-list-sort > * {
  color: #666;
}

#products-list-filter,
#products-list-sort {
  font-size: 15px;
}

/* end filter*/
.custom-product-card-rating-wrapper {
  font-size: 17px;
  opacity: 0.7;
}

.product-item .product-price {
  font-weight: 500;
  font-size: 18px;
  text-wrap: nowrap;
}

.sort-section {
  display: flex;
  gap: 20px;
}

.filter-buttons-container {
  gap: 20px;
}

ol.breadcrumb {
  padding: 0.75rem 0;
}

.head-form-filter {
  font-size: 18px;
  margin-bottom: 10px;
}

.btn-sale-price {
  gap: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.375rem 0;
}

.checkbox-container-small {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.form-products-filter-btns {
  gap: 10px;
}

.form-products-filter-btns .btn-primary {
  width: auto;
}

#icon-filter-secondary i::before {
  font-size: 15px;
}

.btn-primary.btn-lg {
  font-size: 1.25rem !important;
}

.coupon-group input {
  width: 70%;
}

.coupon-group button {
  width: 30px;
}

.coupon-group {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.coupon-form button {
  min-width: 60px !important;
}

.slide-menu-ul-li:hover {
  background-color: var(--primary-color);
  color: #fff;
}

.icon-delete {
  color: red;
}

.cart-view .section-title {
  font-size: 22px;
}

.coupon-form button {
  font-size: 15px;
}

/* start personal data*/
.profile-item {
  padding: 10px !important;
}

.profile-row,
.profile-row.active {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 10px;
}

.profile-item-title {
  font-size: 1.3rem !important;
}

.account-content {
  margin: 0 !important;
  padding: 10px;
}

.profile-title {
  padding: 1.5rem 10px !important;
}

.account-content .btn {
  width: 200px !important;
  min-width: 200px !important;
}

#col-save-button,
#btn_profile_delete_account {
  font-size: 1.25rem !important;
}

.account-content hr {
  display: none;
}

.account-content .btn.btn-primary,
.account-content .logout-btn {
  font-size: 1.25rem !important;
}

#btn_profile_delete_account {
  float: right !important;
  margin-top: 10px;
}

#btn_profile_delete_account.btn-danger {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

#btn_profile_delete_account.btn-danger:hover {
  color: #fff !important;
  background-color: #c82333 !important;
  border-color: #bd2130 !important;
}

#btn_profile_delete_account.btn-danger:focus,
#btn_profile_delete_account.btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}

#btn_profile_delete_account.btn-danger.disabled,
#btn_profile_delete_account.btn-danger:disabled {
  color: #fff !important;
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

#btn_profile_delete_account.btn-danger:not(:disabled):not(.disabled):active,
#btn_profile_delete_account.btn-danger:not(:disabled):not(.disabled).active,
#btn_profile_delete_account.show > .btn-danger.dropdown-toggle {
  color: #fff !important;
  background-color: #bd2130 !important;
  border-color: #b21f2d !important;
}

#btn_profile_delete_account.btn-danger:not(:disabled):not(.disabled):active:focus,
#btn_profile_delete_account.btn-danger:not(:disabled):not(.disabled).active:focus,
#btn_profile_delete_account.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5) !important;
}

.icon-trash-alt:before {
  color: #f02135;
}

/* end personal data*/
/*address */
.selectr-container li,
.selectr-option,
.selectr-tag {
  background-color: #11716b !important;
}

.account-content .row {
  margin: 20px 0 !important;
}

.account-content .row .address-div:nth-child(odd) {
  padding-right: 0 !important;
  padding-left: 5px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.account-content .row .address-div:nth-child(even) {
  padding-left: 0 !important;
  padding-right: 5px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.card-personal {
  margin: 0 !important;
}

/* orders */
#desktop-profile-card .card-table-header .row,
#desktop-profileCard .card-body .row,
.tab-content-shipping .card-table .row {
  margin: 0 !important;
}

.orders-section #desktop-profileCard,
.orders-section #desktop-profile-card {
  margin-bottom: 5px;
}

/* page 404 */
.page-404 .btn.btn-primary {
  max-width: 250px !important;
}

.shipping-col-1 .shipping-item {
  display: flex;
  gap: 5px;
  align-items: center;
}

.city-item {
  display: inline-flex;
  border: 1px solid #a9b2b4;
  margin: 2px;
  padding: 5px;
  border-radius: 3px;
}

.account-content .shipping-payment-card {
  width: 100% !important;
  border-radius: 10px !important;
}

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

/* */
.blog-text p,
.blog-text p span,
.blog-text span {
  font-size: 18px !important;
  margin: 0 !important;
  text-align: right !important;
}

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

.dropdwn-content {
  border: none !important;
}

.dropdwn-content div span {
  border: none !important;
}

.dropdwn-content div span:hover {
  background-color: var(--primary-color);
  color: #fff !important;
}

#modal-select-destination-city .modal-select-destination-city-content {
  border-radius: 3px !important;
}

.modal-footer button {
  width: 100px;
}

.slick-track:before,
.slick-track:after {
  display: none !important;
}

.search-input-input {
  width: 400px;
  min-width: 300px;
  border-radius: 10px;
  border: 1px solid #e2e6ea;
}

.attribute-price-body input::placeholder {
  font-size: 14px;
}

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

input[type=number] {
  -moz-appearance: textfield;
}

.attribute-label {
  margin: 5px 0 2px !important;
}

.attribute-header {
  padding: 5px 1.25rem !important;
}

.attribute-body.attribute-price-body {
  padding: 5px 1.25rem !important;
}

.attribute-price-body label h6 {
  font-size: 14px;
  color: #363636;
}

/* start details*/
.icon-half-star {
  transform: rotateY(-180deg);
}

.bundle-offer-products .prod-col {
  width: 20%;
  margin: 0;
}

.bundle-offer-products .prod-col .product-item .img-div {
  min-height: auto;
}

.bundle-offer-products .prod-col .product-item .custom {
  padding: 10px;
}

.review-details-sec div:first-of-type {
  padding-right: 0px !important;
}

.review-details-sec div:last-of-type {
  padding-left: 0px !important;
}

.add-review-btn {
  margin: 0 !important;
  width: 200px;
  font-size: 20px;
}

.review-head {
  font-size: 24px;
}

.review-details-sec, .reviews-break-down-empty, .comment-section {
  margin-bottom: 20px;
}

/*end details*/
.app-content-padded {
  padding-top: 0px !important;
}

.app-section-magin {
  margin-top: 5rem;
}

.app-section-magin-bottom {
  margin-bottom: 5rem;
}

.section-padding-space {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.section-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

h2 {
  cursor: default !important;
}

.slider-products .slick-track {
  display: flex !important;
  gap: 24px;
}

.right .custom-category-product-1 {
  padding: 0 24px 0 82px;
  direction: ltr;
}

.left .custom-category-product-1 {
  padding: 0 82px 0 24px;
}

.product-item .parent .product-title {
  color: #333;
  font-weight: 400;
}

.recently-arrived .slick-list,
.most-sales .slick-list,
.custom-sliders .slick-list,
.testimonials-sliders .slick-list {
  margin-left: -12px;
}

.categories .categories-sliders .slick-track {
  display: flex;
  /* gap: 24px; */
}

.card-table-header {
  text-align: center;
}

/* .card-body .card-item div{
  display: flex;
  justify-content: center;
} */
.profile-section-dropdown {
  border-radius: 10px;
}

.shipping-col-3 {
  justify-content: center;
}

.shipping-col-1, .shipping-col-1 .shipping-item {
  display: flex;
}

.ltr .shipping-col-1, .ltr .shipping-col-1 .shipping-item {
  justify-content: left;
}

.rtl .shipping-col-1, .rtl .shipping-col-1 .shipping-item {
  justify-content: right;
}

.shipping-col-2 {
  text-align: center;
}

.gap-10 {
  gap: 10px;
}

.shipping-col-4 {
  text-align: center;
}

.shipping-col-1, .shipping-col-2, .shipping-col-3, .shipping-col-4 {
  padding: 0px !important;
}

.profile-item a {
  cursor: pointer;
}

.profile-title {
  background-color: transparent !important;
  font-size: 22px !important;
  color: #000;
}

.profile-section {
  background-color: #848282;
  border-radius: 10px;
}

.shipping-payment-card {
  min-height: unset !important;
}

.bank-image {
  display: flex;
  align-items: center;
}

.tab-content-shipping .card {
  border: none !important;
}

.tab-content-shipping .card, .tab-content-shipping .card-body {
  border-radius: 10px;
}

.payment-method-card {
  margin: 0 !important;
  border-radius: 10px !important;
}

.accordion-box .item-box .body-accordion * {
  all: unset !important;
}

.account-content .btn {
  padding: 10px 20px;
  border-radius: 10px;
}

#product-variants-options .form-control label {
  font-weight: var(--font-wieght-sizeTwo);
}

.form-control {
  border-radius: 10px !important;
}

.profile-section-dropdown .dropdown-menu > li > a h2, .profile-section-dropdown .dropdown a h2 {
  color: #fff;
}

.account-content .row .address-div .address-card .card-personal {
  border-radius: 10px !important;
}

.rtl .delete-button {
  top: calc(50% - 20px);
  padding: 5px 0;
}

.cart-product-row-wrapper, .cart-discount-rule-wrapper, .cart-view .btn, .gift-card {
  border-radius: 10px !important;
}

.cart-products-with-totals .products, .cart-products-with-totals .details {
  padding: 5px !important;
}

.cart-totals-row-wrapper {
  padding: 10px !important;
}

.coupon-group .form-control {
  padding: 10px !important;
  width: 100%;
}

/*start details*/
.products-details-page .lg-thumbs {
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

/**/
/* WebKit-based browsers */
.product-images-carousel-thumbs::-webkit-scrollbar {
  width: 8px; /* Change the width of the scrollbar */
}

.product-images-carousel-thumbs::-webkit-scrollbar-track {
  background: #f1f1f1; /* Scrollbar track color */
}

.product-images-carousel-thumbs::-webkit-scrollbar-thumb {
  background-color: #888; /* Scrollbar thumb color */
  border-radius: 10px; /* Rounded corners on the scrollbar thumb */
  border: 2px solid #f1f1f1; /* Padding around scrollbar thumb */
}

.product-images-carousel-thumbs::-webkit-scrollbar-thumb:hover {
  background: red; /* Change color when hovered */
}

/* Firefox */
.product-images-carousel-thumbs {
  scrollbar-width: thin; /* Change scrollbar width */
  scrollbar-color: #888 #f1f1f1; /* Thumb color and track color */
}

/**/
.rtl .products-details .row .col-img {
  padding-left: 10px !important;
}

.rtl .products-details .row .col-product-info {
  padding-right: 10px !important;
}

.ltr .products-details .row .col-img {
  padding-right: 10px !important;
}

.ltr .products-details .row .col-product-info {
  padding-left: 10px !important;
}

/* .review-details .card{
  border:none !important
} */
.tap-content-bottom .description-paragrah.comment-section .card-review {
  background-color: #fff !important;
  border-radius: 10px;
}

.add-review-btn {
  border-radius: 10px;
}

.products-details-page .products-list {
  box-shadow: unset;
}

.questions-card-init {
  padding: 10px;
}

.questions-card-init .image-box, .questions-card-init .content-box, .questions-card-init .button-box {
  margin-bottom: 10px;
}

/*end details*/
/* cart */
.gift-card__design {
  gap: 10px;
}

.cart-totals-row-wrapper div:last-of-type {
  text-align: end;
}

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

.icon-delete:before {
  color: #dc3545;
  font-size: 20px !important;
}

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

.progress-bar {
  background-color: #12921E !important;
}

.discount-progress-linear {
  background: #F1F1F1;
  border-radius: 10px;
  overflow: hidden;
}

/* end cart */
.products-container {
  overflow: hidden;
}

.product-item {
  border: 1px solid #e3e2e2;
}

/* details */
.img-magnifier-glass {
  position: absolute;
  border: 3px solid #E7E9EB;
  border-radius: 50%;
  cursor: none;
  width: 200px;
  height: 200px;
}

.product-sku, .product-weight {
  font-size: 16px;
}

.product-details-bottom .nav-link .description-title {
  font-size: 24px !important;
}

#related-products .slick-track {
  margin-left: unset;
  margin-right: unset;
}

/*end details*/
/* start scroll to top */
.but {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  border-radius: 50%;
  padding: 2px;
  overflow: hidden;
  background: conic-gradient(var(--primary-color-op-9) 0deg calc(var(--part3-width)), transparent calc(var(--part3-width)) 360deg);
  z-index: 99998;
}

.scroll-to-top {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--primary-color);
  color: white;
  text-align: center;
  line-height: 50px;
  border: 0;
}

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

.circle-button i {
  font-size: 25px;
}

/* end scroll to top */
/* start product details */
.form-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.form-row .form-group.col-md-6:first-of-type, .filter-block-width .row .col:first-of-type {
  padding-left: 5px !important;
}

.form-row .form-group.col-md-6:last-of-type, .filter-block-width .row .col:last-of-type {
  padding-right: 5px !important;
}

.form-notify-me {
  padding: 15px 0 !important;
  border: none !important;
}

.ltr #product-custom-user-dropdown-fields > div.form-group > div:after, .ltr .select-quantity-div div.form-group > div:after {
  right: 0;
  left: unset;
  border-right: 0;
  border-left: 1px solid #ccc;
}

.ltr .products-details-page .product-images-carousel {
  position: relative;
}

.ltr .btn-add-to-cart {
  background-color: var(--primary-color);
  color: #fff;
}

/* end product details */
.form-products-filter-btns .btn {
  /*filter*/
  font-size: 16px;
}

#desktop-profileCard .card .card-body .col {
  /* shipping */
  display: flex;
  justify-content: center;
}

.breadcrumb {
  margin-bottom: 0px;
}

@media (max-width: 1400px) {
  /*start first slider*/
  .first-parent .slick-list .slick-track .item .right .head {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    font-size: 18px;
  }
  .feature p.features-section-title {
    font-size: 22px;
  }
  .category-item a .content p,
  .category-item a .content span {
    font-size: 16px;
  }
  .category-item a .img-parent h2 {
    font-size: 22px;
  }
  .stores {
    padding: 0 100px !important;
  }
  .category-item a .img-parent {
    height: 400px;
  }
  .custom-category-product-item .product-item a .img-div, .products-list.grid-fill .prod-col .product-item a .img-div {
    height: 260px;
  }
  .products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item,
  .custom-category-product-1 .slick-list .slick-track .custom-category-product-item .item,
  .custom-category-product-item .product-item, .products-list .prod-col .product-item, .products-list.grid-fill .prod-col .product-item {
    max-height: 355px;
  }
  .national-day h3 {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
  }
  .category-product-section .category-product-content .slider-category {
    height: 500px;
  }
  .category-product-section .category-product-content .slider-category .img-parent,
  .category-product-section .category-product-content .slider-category .img-parent img {
    max-height: 500px;
  }
  .category-product-section .category-product-content .slider-category .slider-content .text .settings-slider-title {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
  }
  .category-product-section .category-product-content .slider-category .slider-content .text p {
    font-size: 16px;
  }
  .custom-category-product-item .product-item .parent, .products-list.grid-fill .prod-col .product-item .parent {
    border-top: 5px;
    padding-top: 0;
  }
  .btn.btn-primary.btn-product-card {
    padding: 13px !important;
  }
  .grid-banners a:first-child {
    height: 500px;
  }
  .grid-banners a .content-banner h3 {
    font-weight: 500;
  }
  .grid-banners a .content-banner p {
    font-size: 16px;
  }
  .grid-banners a:nth-child(4) .content-banner h3 {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
  }
  .grid-banners a:nth-child(4) .content-banner p {
    font-size: 32px;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent {
    padding: 0;
  }
  .all-categories .categories-3 .category-partion .products-partion {
    padding: 20px 20px 0 20px;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 {
    padding: 0px 0 20px 0;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item {
    gap: 12px;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .img-parent {
    width: 35%;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent {
    width: 65%;
  }
  .brands-section .flex-slider .up-slider .slider-item .slider-card a img,
  .brands-section .flex-slider .down-slider .slider-item .slider-card a img {
    width: 150px;
    height: 135px;
  }
  .brands-section .flex-slider h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    padding: 0px 50px;
  }
  .brands-section .flex-slider .left-svg {
    left: 150px;
    top: 50px;
  }
  .brands-section .flex-slider {
    height: 700px;
  }
  .testimonials-box .testimonials-item .vote-box .testimonials-icons i.star,
  .product-card-rating span.icon-star1,
  .product-card-rating span.icon-star1::before,
  .icon-half-star:before {
    width: 22px;
    font-size: 22px;
    height: 22px;
  }
  .accordion-box .item-box .body-accordion {
    font-size: 16px;
  }
  .offers-parent .offers-item .content h2,
  .offers-parent .offers-item .content p .span-1 {
    font-size: 22px;
  }
  .offers-parent .offers-item .content p .span-2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
  }
  .offers-parent .offers-item .img-parent {
    width: 230px;
    height: 230px;
  }
  .search-input-input {
    width: 350px;
    min-width: unset;
  }
  .blog-title h1 {
    font-size: 2.533rem;
  }
  .blog-text p,
  .blog-text p span,
  .blog-text span {
    font-size: 17px !important;
  }
  /*start product details*/
  .variant-image-wrapper img {
    height: 120px;
  }
  .product-details-bottom .nav-link .description-title, .description-title {
    font-size: 22px !important;
  }
  /*end product details*/
}
@media (max-width: 1200px) {
  .app-section-magin {
    margin-top: 4rem;
  }
  .container-fluid {
    padding: 0 80px !important;
  }
  .category-item a .content p,
  .category-item a .content span {
    font-size: 15px;
    text-wrap: nowrap;
  }
  .first-parent .slick-list .slick-track .item {
    padding: 0 80px !important;
  }
  /*start footer*/
  .stores {
    padding: 0 80px !important;
  }
  /*end footer*/
  .category-item a .img-parent {
    height: 370px;
  }
  .first-parent .slick-list .slick-track .item .right .head {
    font-size: 35px;
    font-weight: 500;
    line-height: 50px;
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    font-size: 16px;
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent,
  .national-day a,
  .offers-parent .offers-item .content a {
    width: 180px;
  }
  .ticker-wrap .ticker a.ticker-item {
    font-size: 17px;
  }
  .btn.btn-primary.btn-product-card {
    padding: 10px !important;
  }
  .products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item,
  .custom-category-product-1 .slick-list .slick-track .custom-category-product-item .item,
  .custom-category-product-item .product-item, .products-list .prod-col .product-item, .products-list.grid-fill .prod-col .product-item {
    /* max-height: 355px; */
  }
  .products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item:hover .parent,
  .custom-category-product-1 .slick-list .slick-track .custom-category-product-item .product-item:hover .parent, .products-list.grid-fill .prod-col .product-item:hover .parent {
    transform: translateY(-65px);
    -webkit-transform: translateY(-65px);
  }
  .national-day-section {
    height: 500px;
  }
  .national-day h3 {
    font-size: 35px;
    font-weight: 500;
    line-height: 50px;
  }
  .national-day .desc {
    font-size: 16px;
  }
  .offers-parent .offers-item .content,
  .offers-parent .offers-item .content p .span-1 {
    font-size: 20px;
  }
  .offers-parent .offers-item .content p .span-2 {
    font-size: 35px;
    font-weight: 500;
    line-height: 50px;
  }
  .offers-parent .offers-item .img-parent {
    width: 210px;
    height: 210px;
  }
  /* .all-categories .categories-3 {
    justify-content: flex-start;
    flex-wrap: wrap;
  } */
  .all-categories .categories-3 .category-partion {
    width: 100%;
  }
  .brands-section .flex-slider h1 {
    font-size: 35px;
    font-weight: 500;
    line-height: 50px;
  }
  .brands-section .flex-slider .up-slider .slider-item .slider-card a img,
  .brands-section .flex-slider .down-slider .slider-item .slider-card a img {
    width: 125px;
    height: 125px;
  }
  .blog-card .blog-parent .blog-content .blog-content-body .blog-question {
    font-size: 16px;
  }
  .blog-card .blog-parent .blog-content .blog-desc .blog-Paragraph {
    font-size: 15px;
  }
  .category-item a .content {
    gap: 6px;
  }
  .category-item a .content .part-2:before {
    right: -3px;
  }
  .category-product-section .category-product-content .slider-category .img-parent,
  .category-product-section .category-product-content .slider-category .img-parent img {
    max-height: 400px;
  }
  content .slider-category {
    height: 400px;
  }
  .category-product-section .category-product-content .slider-category .slider-content a {
    width: 180px;
  }
  .category-product-section .category-product-content .slider-category .slider-content {
    padding: 10px;
  }
  .common-questions .img-box img {
    width: 250px;
    height: 350px;
  }
  .common-questions {
    gap: 15px;
  }
  .accordion-box .item-box .header-accordion h3 {
    font-size: 17px;
  }
  .accordion-box .item-box .header-accordion span {
    font-size: 28px;
  }
  .products-list .prod-col-attr, .products-list .prod-col {
    width: 33.3%;
    background-color: transparent;
  }
  .search-input-input {
    width: 190px;
    min-width: unset;
  }
  .blog-title h1 {
    font-size: 2.233rem;
  }
  .blog-text p {
    font-size: 16px;
  }
  /* start product details*/
  .product-details-name {
    font-size: 20px;
  }
  .product-details-bottom .nav-link .description-title, .description-title {
    font-size: 20px !important;
  }
  /* end product details*/
  .national-day-section.left .national-day {
    padding: 70px 0 0 80px;
  }
  .national-day-section.right .national-day {
    padding: 70px 80px 0 0px;
  }
  /* .products-list.list-fill .prod-col, .products-list.list-fill .prod-col .product-item{

  }
  .products-list.list-fill .prod-col .product-item .img-parent {
    width: 200px;
      height: 200px;
  } */
}
@media (max-width: 992px) {
  .container-fluid {
    padding: 0 60px !important;
  }
  .app-section-magin {
    margin-top: 3rem;
  }
  .search-header-bar {
    height: 70px;
  }
  .menu-top {
    font-size: 24px;
    line-height: 27px !important;
  }
  .custom-header-content .language-currency-content .currency-button-content .currency-btn .flag {
    width: 28px;
    height: 28px;
  }
  .currency-button-area,
  .language-button-area {
    max-height: 28px;
  }
  .account-area .user {
    width: 40px;
    height: 40px;
    font-size: 28px;
  }
  .custom-header-content .header-cart .sm-search-icon,
  .cart-icon {
    width: 40px;
    height: 40px;
  }
  button.login {
    height: 40px;
  }
  .custom-header-content .header-cart .sm-search-icon i,
  .search-header-bar .bi-cart3 {
    font-size: 22px;
    line-height: 20px;
  }
  .account-area .login span i {
    font-size: 28px;
    line-height: 20px;
  }
  .header-flex {
    gap: 15px;
  }
  .first-parent .slick-list .slick-track .item .left-img {
    max-height: 350px;
  }
  .first-parent .slick-list .slick-track .item .right {
    gap: 25px;
  }
  .grid-banners a:nth-child(4) .content-banner h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
  }
  .grid-banners a:nth-child(4) .content-banner p {
    font-size: 26px;
  }
  /* .all-categories .categories-3{
    gap: 3rem;
  } */
  .right-text {
    gap: 12px;
  }
  .stores {
    padding: 0 60px !important;
  }
  .first-parent .slick-list .slick-track .item .right .head {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent {
    width: 160px;
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    font-size: 16px;
  }
  .feature {
    width: 50%;
  }
  .feature::before, .feature:after {
    display: none;
  }
  /* .feature:nth-child(2):before {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: unset;
    border-radius: 4px;
    background-color: #D6D6D6;
  }

  .feature:nth-child(3):after {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    top: 0;
    border-radius: 4px;
    background-color: #D6D6D6;
  } */
  .ticker-wrap .ticker a.ticker-item {
    padding: 5px;
    line-height: 18px;
    font-size: 17px;
  }
  .ticker-wrap .ticker a.ticker-item img {
    width: 26px;
    height: 26px;
  }
  .f-parent,
  .f-parent .lazy-back,
  .first-parent .slick-list .slick-track .item {
    height: calc(100vh - 36px);
  }
  .first-parent .slick-list .slick-track .item {
    padding: 0 60px !important;
  }
  .first-slider-section {
    min-height: calc(100vh - 36px);
  }
  .first-slider-content {
    height: calc(100vh - 36px);
  }
  .custom .product-title span.title {
    font-size: 17px;
  }
  .product-item .product-price {
    font-size: 17px;
  }
  .custom-product-card-rating-wrapper {
    font-size: 16px;
  }
  .custom-product-card-rating-wrapper .icon-star1:before {
    font-size: 15px;
  }
  .offers-parent .offers-item {
    padding: 16px 60px;
    width: 100%;
  }
  .bundle-offer-products .prod-col {
    width: 25%;
  }
  .category-product-section.right .category-product-content .slider-category,
  .category-product-section.right .category-product-content .slider-products,
  .category-product-section.left .category-product-content .slider-category,
  .category-product-section.left .category-product-content .slider-products {
    width: 100%;
  }
  .products-barnds {
    margin-top: 3rem;
  }
  .category-product-section.left .category-product-content .slider-products,
  .category-product-section.right .category-product-content .slider-products {
    margin-top: 3rem;
  }
  .right .custom-category-product-1,
  .left .custom-category-product-1 {
    padding: 0 60px;
  }
  .category-product-section.right .category-product-content .slider-category .slider-content {
    padding-left: 60px;
  }
  .category-product-section.left .category-product-content .slider-category .slider-content {
    padding-right: 60px;
  }
  .grid-banners a .content-banner {
    bottom: 20px;
    right: 30px;
    padding: 10px 25px;
  }
  .grid-banners a .content-banner h3 {
    font-size: 22px;
  }
  .grid-banners a .content-banner p {
    font-size: 15px;
  }
  .grid-banners a:first-child {
    height: 450px;
  }
  .all-categories .categories-3 .category-partion {
    /* width: 46%; */
  }
  .all-categories .categories-3 {
    /* justify-content: flex-start; */
    grid-template-columns: 1fr 1fr;
  }
  .brands-section .flex-slider .left-svg {
    left: 50px;
    top: 50px;
  }
  .brands-section .flex-slider h1 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
  }
  .brands-section .flex-slider .up-slider .slider-item .slider-card a img,
  .brands-section .flex-slider .down-slider .slider-item .slider-card a img {
    width: -webkit-fill-available;
    height: 120px;
  }
  .blog-card .blog-parent .blog-content {
    max-width: 65%;
    width: 65%;
    min-width: 265px;
    gap: 15px;
  }
  .blog-card .blog-parent .blog-content {
    gap: 5px;
  }
  .blog-card .blog-parent .blog-content .blog-content-body .blog-question {
    font-size: 16px;
  }
  .blog-card .blog-parent .blog-content .blog-desc .blog-Paragraph {
    font-size: 15px;
  }
  .common-questions .img-box img {
    width: 250px;
    height: 325px;
    object-fit: contain;
  }
  .common-questions {
    gap: 15px;
  }
  .accordion-box .item-box .header-accordion h3 {
    font-size: 16px;
  }
  .accordion-box .item-box .header-accordion span {
    font-size: 28px;
  }
  .national-day h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
  }
  .national-day .desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent, .national-day a, .offers-parent .offers-item .content a {
    padding: 13px;
    font-size: 16px;
    width: 160px;
  }
  .national-day-section.left .national-day {
    padding: 70px 0 0 60px;
  }
  .national-day-section.right .national-day {
    padding: 70px 60px 0 0;
  }
  .national-day {
    max-width: 45%;
  }
  .testimonials-box .testimonials-item .vote-box .testimonials-icons i.star,
  .product-card-rating span.icon-star1,
  .product-card-rating span.icon-star1::before,
  .icon-half-star:before {
    width: 20px;
    font-size: 20px;
    height: 20px;
  }
  .testimonials-box .testimonials-item .vote-box p {
    font-size: 15px;
  }
  .testimonials-box h3 {
    font-size: 17px;
    font-weight: 500;
  }
  .btn.btn-primary.btn-product-card {
    padding: 10px !important;
  }
  .accordion-box .item-box .body-accordion {
    font-size: 15px;
  }
  .footer-row-1 div {
    padding: 0;
  }
  .footer-row-1,
  .footer-row {
    gap: 15px;
  }
  .footer-store-section .footer-items .footer-item:first-of-type {
    grid-column: 1/13;
    grid-row: 1/3;
  }
  .footer-store-section .footer-items .footer-item:first-of-type .footer-about-us-links-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }
  .footer-store-section .footer-items .footer-item:first-of-type .footer-about-us-links-div p {
    text-align: center;
  }
  .footer-store-section .footer-items .footer-item:nth-of-type(2) {
    grid-column: 1/5;
    grid-row: 3/5;
  }
  .footer-store-section .footer-items .footer-item:nth-of-type(3) {
    grid-column: 5/9;
    grid-row: 3/5;
  }
  .footer-store-section .footer-items .footer-item:nth-of-type(4) {
    grid-column: 9/13;
    grid-row: 3/5;
  }
  .features-store {
    padding: 0;
  }
  .feature {
    padding: 0;
  }
  .feature .feature-item {
    /* padding: 0; */
  }
  /* .feature:nth-child(1) .feature-item,
  .feature:nth-child(2) .feature-item {
    padding-bottom: 20px;
  }

  .feature:nth-child(3) .feature-item,
  .feature:nth-child(4) .feature-item {
    padding-top: 20px;
  } */
  .over-laaay {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    z-index: 9999;
    overflow: auto;
    transition: 0.5s;
  }
  .over-laaay .product-attributes {
    min-width: 350px !important;
    width: 350px !important;
    height: 100%;
    padding: 0 20px;
    background-color: #fff;
    overflow: auto;
  }
  /* .products-filter{
    flex-direction: row-reverse;
  } */
  /* start shipping */
  .tab-content-shipping .card-table .row {
    display: block;
  }
  .profile-section-dropdown {
    margin: 0 !important;
  }
  .profile-section-dropdown .dropdown-menu {
    padding: 0 60px !important;
    left: 0 !important;
    right: unset;
  }
  .profile-section-dropdown .dropdown-menu.show li:last-of-type {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
  }
  .profile-section-dropdown .nav {
    border-radius: 10px;
    overflow: hidden;
  }
  .profile-section-dropdown .nav:has(.dropdown.show) {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
  }
  .shipping-col-2, .shipping-col-3, .shipping-col-4 {
    display: flex;
    justify-content: space-between;
  }
  .shipping-col-1 .shipping-item {
    justify-content: flex-start;
    margin-bottom: 5px;
  }
  .profile-section-dropdown .dropdown-menu > li > a {
    border-top: 1px solid rgba(61, 61, 61, 0.1882352941) !important;
  }
  .profile-section-dropdown .dropdown .icon-arrow_drop_down1 {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
  }
  .profile-section-dropdown .dropdown.show .icon-arrow_drop_down1 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  /* end shipping*/
  .blog-title h1 {
    font-size: 1.933rem;
  }
  .blog-text p,
  .blog-text p span,
  .blog-text span {
    font-size: 15px !important;
  }
  .account-content {
    padding: 10px 0;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .form-account-info + h2 {
    margin-top: 0 !important;
  }
  .account-content .row .address-div:nth-child(odd) {
    padding: unset !important;
  }
  .account-content .row .address-div:nth-child(even) {
    padding: unset !important;
  }
  .account-content .row .address-div {
    margin-bottom: 10px;
  }
  /*start cart */
  .cart-products-with-totals .details {
    margin-top: 10px;
  }
  .cart-totals-row-wrapper div:first-of-type {
    display: flex;
    align-items: center;
  }
  .cart-discount-rule-wrapper {
    padding: 10px 15px;
  }
  .coupon-group input {
    width: 85%;
  }
  .coupon-group button {
    width: 15%;
  }
  .cart-totals-row-wrapper {
    padding: 10px !important;
    height: 36px;
  }
  /* end cart */
  /* start product details*/
  .product-details-name {
    font-size: 18px;
  }
  .product-formatted-price, .product-formatted-price-old, .product-formatted-price-discount {
    font-size: 17px;
  }
  .tap-content-bottom .description-paragrah {
    padding-top: 20px;
  }
  .size-box #product-variants-options ul li {
    font-size: 17px;
  }
  .product-details-bottom .nav-link .description-title, .description-title {
    font-size: 18px !important;
  }
  /* end product details*/
  /*start products */
  .product-attributes {
    min-width: 165px !important;
    width: 165px !important;
    padding-inline-end: 15px !important;
  }
  /* .products-list.grid-fill .prod-col .product-item .img-parent img.product-card-img{
    min-width: auto;
  } */
  .products-list.list-fill .prod-col .product-item .custom .down-btns {
    flex-wrap: wrap;
    gap: 5px;
  }
  .products-list.list-fill .prod-col .product-item .custom .down-btns a {
    max-width: 200px;
    min-width: 160px;
    width: unset;
  }
  /* end products */
  .first-parent .slick-list .slick-track .item .left-img {
    max-height: 350px !important;
  }
  .section-product-price .price-before {
    font-size: 15px;
  }
  .national-day a {
    margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .container-fluid {
    padding: 0 40px !important;
  }
  .app-section-magin,
  .products-barnds {
    margin-top: 2rem;
  }
  .search-header-bar {
    height: 60px;
    gap: 5px;
  }
  .custom-header-content .language-currency-content .currency-button-content .currency-btn .flag {
    width: 26px;
    height: 26px;
  }
  .currency-button-area,
  .language-button-area {
    max-height: 26px;
  }
  .account-area .user {
    width: 35px;
    height: 35px;
    font-size: 20px;
  }
  .custom-header-content .header-logo {
    gap: 5px;
  }
  .custom-header-content .header-cart .sm-search-icon,
  .cart-icon {
    width: 35px;
    height: 35px;
  }
  button.login {
    height: 35px;
  }
  .custom-header-content .header-cart .sm-search-icon i,
  .search-header-bar .bi-cart3,
  .account-area .login span i {
    font-size: 20px;
  }
  .header-flex {
    gap: 5px;
  }
  .first-parent .slick-list .slick-track .item .left-img {
    max-height: 300px;
  }
  .stores {
    padding: 0 40px !important;
  }
  .first-parent .slick-list .slick-track .item .right .head {
    font-size: 25px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    font-size: 15px;
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent {
    width: 150px;
  }
  .first-parent .slick-list .slick-track .item {
    height: calc(100vh - 36px);
    padding: 0 40px !important;
  }
  .first-parent .slick-list .slick-track .item .right {
    align-items: center;
  }
  .first-parent .slick-list .slick-track .item .right .right-text {
    align-items: center;
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    text-align: center;
  }
  .btn.btn-primary.btn-product-card {
    padding: 10px !important;
  }
  .feature {
    width: 50%;
  }
  .category-product-section.left .category-product-content .slider-products,
  .category-product-section.right .category-product-content .slider-products {
    margin-top: 2rem;
  }
  .right .custom-category-product-1,
  .left .custom-category-product-1 {
    padding: 0 40px;
  }
  .slider-products .slick-track,
  .categories-2 .slick-list .slick-track,
  .grid-banners,
  .up-slider .slick-list .slick-track,
  .down-slider .slick-list .slick-track,
  .custom-sliders .slick-track,
  .testimonials-sliders .slick-track,
  .common-questions .accordion-box {
    gap: 8px;
  }
  .grid-banners {
    grid-template-rows: repeat(3, 1fr);
    grid-template-areas: "item1 item2" "item1 item3" "item4 item4";
  }
  .feature p.features-section-title {
    font-size: 18px;
  }
  .grid-banners a:nth-child(4) .content-banner h3 {
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
  }
  .grid-banners a:nth-child(4) .content-banner p {
    font-size: 18px;
  }
  .feature p.features-section-desc {
    font-size: 15px;
    padding: 0 10px;
  }
  .feature:nth-child(2):before {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: unset;
    border-radius: 4px;
    background-color: #D6D6D6;
  }
  .feature:nth-child(3):after {
    content: "";
    width: 100px;
    height: 2px;
    position: absolute;
    top: 0;
    border-radius: 4px;
    background-color: #D6D6D6;
  }
  .national-day {
    max-width: 80%;
    justify-content: center;
    align-items: center;
    margin-right: unset;
    margin: auto;
  }
  .national-day-section.right .national-day {
    padding: 70px 0 0 0;
  }
  .national-day-section.left .national-day {
    padding: 70px 0 0 0;
  }
  .national-day a {
    margin-top: 10px;
  }
  .national-day-section {
    background-position: center;
    height: 400px;
  }
  .national-day .desc {
    text-align: center;
  }
  .offers-parent .offers-item {
    padding: 16px 40px;
  }
  .category-product-section.right .category-product-content .slider-category .slider-content {
    padding-left: 40px;
  }
  .category-product-section.left .category-product-content .slider-category .slider-content {
    padding-right: 40px;
    align-items: flex-start;
  }
  .all-categories .categories-3 .category-partion {
    width: 100%;
    gap: 15px;
  }
  .all-categories .categories-3 .category-partion:last-of-type {
    margin-bottom: 0;
  }
  .blog-card .blog-parent .blog-content {
    max-width: 80%;
    width: 80%;
  }
  .common-questions .img-box {
    display: none;
  }
  .brands-section .flex-slider .left-svg {
    left: 35px;
    top: 100px;
    width: 150px;
    height: 150px;
  }
  .brands-section .flex-slider h1 {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    padding: 0 20px;
  }
  .category-product-section .category-product-content .slider-category .slider-content .text .settings-slider-title {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
  }
  .category-product-section .category-product-content .slider-category .slider-content .text p {
    font-size: 15px;
  }
  .national-day .desc {
    font-size: 15px;
  }
  .national-day h3 {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
  }
  .first-slider-section {
    min-height: auto;
  }
  .first-slider-section .first-slider-content {
    height: auto;
  }
  .f-parent,
  .f-parent .lazy-back,
  .first-parent .slick-list .slick-track .item {
    /* height: calc(100vh - 36px); */
    height: auto;
    min-height: 400px;
  }
  .menu-top span,
  .horizontal-line,
  .currency-label,
  .language-button-area .language-btn span {
    display: none;
  }
  .language-button-area .language-btn {
    display: none !important;
  }
  .section-container {
    gap: 24px;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-arrow {
    top: -48px;
  }
  .custom-sliders .slick-prev,
  .testimonials-sliders .slick-prev,
  .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-prev {
    top: -41px;
    height: 35px !important;
    width: 35px !important;
  }
  .custom-sliders .slick-next,
  .testimonials-sliders .slick-next,
  .products-bg-fw .category-product-content-1 .slider-products .custom-category-product button.slick-next {
    top: -41px;
    height: 35px !important;
    width: 35px !important;
  }
  .grid-banners a .content-banner h3 {
    font-size: 18px;
  }
  .grid-banners a .content-banner p {
    font-size: 14px;
  }
  .grid-banners a .content-banner {
    gap: 5px;
  }
  /*start products*/
  .products-list .prod-col-attr, .products-list .prod-col {
    width: 50%;
    background-color: transparent;
  }
  .over-laaay .product-attributes {
    min-width: 100% !important;
    width: 100% !important;
    height: 100%;
    padding: 0px;
    background-color: unset;
  }
  .form-products-filter {
    display: none;
  }
  .attribute-body {
    gap: 5px;
  }
  .attribute-body.attribute-price-body .form-group.text-right {
    text-align: right !important;
  }
  .sm-search-div.show .search-input-input {
    max-width: 100%;
  }
  .filter-funnel-1 {
    display: none;
  }
  .products-filters-attribute-form {
    padding-bottom: unset !important;
    margin-top: unset !important;
    padding: 10px 0;
  }
  .products-filters-attribute-form .attribute-group:last-of-type {
    margin-bottom: 0 !important;
  }
  .attribute-group .filter-content {
    padding-top: 3px;
  }
  /*end products*/
  .profile-section-dropdown .dropdown-menu {
    /*shipping*/
    padding: 0 40px !important;
  }
  .blog-title h1 {
    font-size: 1.633rem;
  }
  /*cart*/
  .cart-product-delete {
    position: absolute;
    left: 5px;
    height: fit-content;
    padding: 0;
  }
  .cart-product-row {
    display: grid !important;
    grid-template-rows: auto;
    grid-template-areas: "img title title" "img quantity price";
    grid-template-columns: min-content;
    grid-gap: 10px;
  }
  .cart-product-col-img {
    grid-area: img;
  }
  .cart-product-col-details {
    grid-area: title;
    max-width: 100% !important;
    padding: 10px 0 10px 20px !important;
  }
  .cart-products-action {
    grid-area: quantity;
    padding: 0 !important;
  }
  .cart-products-action .cart-product-quantity-dropdown {
    margin: 0 !important;
  }
  .cart-product-prices {
    grid-area: price;
    padding: 0 !important;
  }
  .cart-product-prices .totals, .cart-product-prices .cart-product-price-each {
    margin-right: 0 !important;
  }
  .cart-product-delete {
    width: auto !important;
    padding: 0 !important;
    position: absolute;
    left: 15px;
  }
  /*end cart*/
  /* product details*/
  .product-details-name {
    font-size: 17px;
  }
  body[data-template=product_details] .btn-buy-now {
    font-size: 15px;
  }
  .products-details .row .col-product-info {
    margin-top: 20px;
  }
  .products-details .row .col-product-info, .products-details .row .col-img {
    padding: 0 !important;
  }
  .product-formatted-price, .product-formatted-price-old, .product-formatted-price-discount {
    font-size: 16px;
  }
  .bundle-offer-products .prod-col {
    width: 33.3%;
  }
  .products-details-page .btn-add-to-cart {
    font-size: 15px;
  }
  .size-box #product-variants-options ul li {
    font-size: 16px;
  }
  .products-details-page .lg-thumbs {
    display: flex !important;
    flex-direction: row-reverse !important;
    padding-left: 0px !important;
  }
  .col-product-image-wrapper .row {
    flex-direction: column-reverse !important;
    gap: 20px;
  }
  .product-images-carousel-thumbs {
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    padding-bottom: 5px;
    padding-right: unset;
  }
  .products-details-page .lg-thumbs a {
    min-width: 70px !important;
  }
  .product-details-bottom .nav-link .description-title, .description-title {
    font-size: 16px !important;
  }
  .rtl .products-details .row .col-product-info {
    padding-right: 0px !important;
  }
  /*end product details*/
  .categories-sliders .slick-list .slick-track .item.slick-slide a {
    height: 200px;
  }
  .categories-sliders .slick-list .slick-track .item.slick-slide a .category-title {
    font-size: 18px;
  }
  .products-list.list-fill .prod-col .product-item .custom .down-btns {
    flex-wrap: wrap;
    gap: 5px;
  }
  .products-list.list-fill .prod-col .product-item .custom .down-btns a {
    max-width: 200px;
    min-width: 160px;
    width: unset;
  }
  .first-parent .slick-list .slick-track .item .left-img {
    max-height: 250px !important;
  }
  .products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item,
  .custom-category-product-1 .slick-list .slick-track .custom-category-product-item .item,
  .custom-category-product-item .product-item, .products-list .prod-col .product-item, .products-list.grid-fill .prod-col .product-item {
    max-height: fit-content;
    padding-bottom: 15px;
  }
  .products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item:hover .parent,
  .custom-category-product-1 .slick-list .slick-track .custom-category-product-item .product-item:hover .parent, .products-list.grid-fill .prod-col .product-item:hover .parent {
    transform: none;
    -webkit-transform: none;
  }
  .custom-category-product-item .product-item .parent, .products-list.grid-fill .prod-col .product-item .parent {
    padding: 0;
    position: relative;
    /* min-height: 122px; */
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-card-btn .btn {
    padding: 6px !important;
  }
  .product-crd-spec {
    min-height: unset !important;
  }
  .all-categories .categories-3 .category-partion .products-partion {
    padding: 10px 10px 0 10px;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 {
    padding: 0px 0 10px 0;
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item {
    gap: 10px;
  }
  .product-item .product-price {
    font-size: 16px;
  }
  .section-product-price .price-before {
    font-size: 15px;
  }
  .first-parent .slick-list .slick-track .item .right .btn-first-parent, .national-day a, .offers-parent .offers-item .content a {
    padding: 10px;
    font-size: 16px;
  }
  .menu-top > * {
    height: 24px;
  }
  /* start products*/
  .product-attributes {
    width: 100% !important;
    padding-inline-end: 15px !important;
  }
  /* end products*/
}
@media (max-width: 576px) {
  .container-fluid {
    padding: 0 15px !important;
  }
  .menu-top span,
  .horizontal-line,
  .currency-label,
  .language-button-area .language-btn span {
    display: none;
  }
  .language-button-area .language-btn {
    display: none !important;
  }
  .menu-top > * {
    height: 30px;
  }
  /*filter*/
  .sort-section, .filter-buttons-container {
    gap: 10px;
  }
  .filter-in-category.fill .filter-item .button {
    font-size: 14px;
  }
  /*filter*/
  .category-item a .img-parent h2 {
    font-size: 18px;
  }
  .header-flex,
  .custom-header-content {
    gap: 5px;
  }
  .first-parent .slick-list .slick-track .item {
    padding: 15px !important;
    padding-bottom: 40px !important;
  }
  .feature {
    width: 50%;
  }
  .feature::before {
    width: 100px;
    height: 2px;
    bottom: 0;
    left: unset;
  }
  .feature:nth-child(3):after {
    display: none;
  }
  .category-product-section .category-product-content .slider-category .img-parent,
  .category-product-section .category-product-content .slider-category .img-parent img {
    max-height: 300px;
  }
  .category-product-section .category-product-content .slider-category .slider-content {
    padding: 15px;
  }
  .category-product-section.right .category-product-content .slider-category,
  .category-product-section.left .category-product-content .slider-category {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 400px;
    padding: 15px;
  }
  .category-product-section .category-product-content .slider-category .slider-content .text .settings-slider-title,
  .category-product-section .category-product-content .slider-category .slider-content .text p {
    text-align: center;
  }
  .category-product-section.right .category-product-content .slider-category .slider-content {
    padding-left: 15px;
    gap: 20px;
  }
  .category-product-section.left .category-product-content .slider-category .slider-content {
    padding-right: 15px;
    align-items: center;
    gap: 20px;
  }
  .right .custom-category-product-1,
  .left .custom-category-product-1 {
    padding: 0 15px;
  }
  .offers-parent .offers-item {
    padding: 15px;
  }
  .grid-banners a:first-child {
    height: 400px;
  }
  .grid-banners a {
    min-width: auto;
  }
  .grid-banners a .content-banner {
    bottom: 10px;
    right: 10px;
    padding: 10px;
  }
  .grid-banners a:nth-child(4) .content-banner h3 {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    margin: 0;
  }
  .grid-banners a:nth-child(4) .content-banner p {
    font-size: 16px;
    margin: 0;
  }
  .grid-banners a:nth-child(4) .content-banner {
    top: 0px;
    bottom: 0px;
    right: 20px;
    padding: 10px;
    justify-content: center;
  }
  .brands-section .flex-slider .wave-up,
  .brands-section .flex-slider .wave-down {
    width: 150px;
    height: 30px;
  }
  .brands-section .flex-slider h1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    width: 100%;
  }
  .brands-section .flex-slider .left-svg {
    left: 20px;
    top: 20px;
    width: 100px;
    height: 100px;
  }
  .testimonials-box .avatar-box {
    padding-right: 22px;
  }
  .testimonials-box .testimonial-avatar {
    height: 55px;
    width: 55px;
  }
  .testimonials-box h3 {
    font-size: 15px;
  }
  .national-day {
    padding: 15px;
  }
  .first-parent .slick-list .slick-track .item {
    flex-direction: column-reverse;
    justify-content: center;
  }
  .f-parent,
  .first-parent .slick-list .slick-track .item {
    flex-direction: column-reverse;
    /* height: calc(100vh - 36px) !important; */
    gap: 20px;
  }
  .f-parent .lazy-back {
    height: calc(100vh - 36px);
  }
  .first-parent .slick-list .slick-track .item .right .desc {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .first-parent .slick-dots {
    bottom: 10px;
  }
  .stores {
    padding: 0 20px !important;
  }
  .feature {
    padding: 15px 0;
  }
  .feature .features-section-img {
    height: 35px;
    width: 35px;
  }
  .feature .feature-item {
    padding: 0;
  }
  .search-header .image-logo {
    height: 48px !important;
  }
  .btn.btn-primary.btn-product-card {
    padding: 6px !important;
  }
  .first-parent .slick-dots li button,
  .first-parent .slick-dots li button::before {
    height: 16px;
    width: 16px;
  }
  .products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item,
  .custom-category-product-1 .slick-list .slick-track .custom-category-product-item .item,
  .custom-category-product-item .product-item, .products-list .prod-col .product-item, .products-list.grid-fill .prod-col .product-item {
    max-height: fit-content;
    padding-bottom: 15px;
  }
  .first-parent .slick-list,
  .flex-slider .slick-list {
    padding: 0 !important;
  }
  .slick-list {
    padding: 0 0 0 30px !important;
  }
  .categories-3 .slick-list {
    padding: 0 0 0 0 !important;
  }
  .products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item:hover .parent,
  .custom-category-product-1 .slick-list .slick-track .custom-category-product-item .product-item:hover .parent, .products-list.grid-fill .prod-col .product-item:hover .parent {
    transform: none;
    -webkit-transform: none;
  }
  .custom-category-product-item .product-item .parent, .products-list.grid-fill .prod-col .product-item .parent {
    padding: 0;
    position: relative;
    /* min-height: 122px; */
  }
  .all-categories .categories-3 .category-partion .products-partion .slick-list .slick-track .product-1 .product-item .parent .product-card-btn .btn {
    padding: 6px !important;
  }
  .product-crd-spec {
    min-height: unset !important;
  }
  .custom-header-content .language-currency-content .currency-button-content .currency-btn {
    padding: 0;
  }
  .account-area .login span.login-text {
    display: none;
  }
  .account-area .login span i {
    font-size: 20px;
  }
  button.login {
    width: 35px;
    background: #fff;
    color: #000;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
    cursor: pointer;
    border: 1px solid #f3ebeb;
  }
  .national-day a,
  .offers-parent .offers-item .content a, .category-product-section .category-product-content .slider-category .slider-content a {
    width: 150px;
  }
  .categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent {
    width: 120px;
    height: 120px;
  }
  .categories-sliders .slick-list .slick-track .item.slick-slide a .img-parent img {
    width: 110px;
    height: 110px;
  }
  .all-categories .categories-3 .category-partion {
    margin-bottom: 1rem;
  }
  .grid-banners a .content-banner h3 {
    font-size: 16px;
  }
  .brands-section .flex-slider {
    height: 600px;
    gap: 30px;
    padding-bottom: 70px;
    justify-content: flex-end;
  }
  .products-list .prod-col-attr, .products-list .prod-col {
    width: 100%;
    background-color: transparent;
  }
  .profile-section-dropdown .dropdown-menu {
    /*shipping*/
    padding: 0 15px !important;
  }
  .tab-content-shipping .options-table .card-body {
    padding: 8px;
  }
  .shipping-col-2 {
    flex-wrap: wrap;
  }
  /*cart*/
  .cart-products-with-totals .products, .cart-products-with-totals .details {
    padding: 0 !important;
  }
  .cart-product-col-img {
    width: 120px !important;
  }
  .cart-product-col-img .cart-product-image-link {
    width: 120px;
    height: 120px;
  }
  .cart-product-col-img .cart-product-image-link .cart-product-image {
    width: 120px !important;
    height: 120px !important;
  }
  /*end cart*/
  .cart-badge {
    width: 14px;
    height: 14px;
    left: 14px !important;
    top: 3px;
  }
  /*product details*/
  .product-details-name {
    font-size: 16px;
  }
  .product-formatted-price, .product-formatted-price-old, .product-formatted-price-discount {
    font-size: 15px;
  }
  .product-details-short-description {
    font-size: 14px;
  }
  .size-box #product-variants-options ul li {
    font-size: 15px;
  }
  .rtl .badge-name {
    right: 5px !important;
    top: 10px !important;
  }
  .product-images-carousel .product-formatted-price-discount {
    padding: 6px 9px 6px 6px;
    font-size: 15px;
  }
  #product-variants-options .form-group label {
    font-size: 16px;
    font-weight: var(--font-wieght-sizeTwo);
  }
  /*end product details*/
  .categories-sliders .slick-list .slick-track .item.slick-slide a {
    height: 165px;
  }
  .categories-sliders .slick-list .slick-track .item.slick-slide a .category-title {
    font-size: 16px;
  }
  /* start products */
  .products-list.list-fill .prod-col .product-item .custom {
    width: calc(100% - 120px);
  }
  .products-list.list-fill .prod-col .product-item .img-parent {
    width: 120px; /*180px*/
    height: 180px;
  }
  .products-list.list-fill .prod-col .product-item .img-parent img {
    max-width: 100px;
  }
  .products-list.list-fill .prod-col .product-item {
    gap: 0;
    height: 200px;
  }
  .product-item .sale-count.over-img {
    left: 5px;
    bottom: 10px;
  } /* filter*/
  .sort-section {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .products-filter {
    flex-direction: column-reverse;
    gap: 10px;
  }
  .products-filter .custom-category-name {
    width: 100%;
  } /*end filter*/
  /* end products */
  .offers-parent .offers-item .content a, .national-day a, .first-parent .slick-list .slick-track .item .right .btn-first-parent {
    font-size: 16px;
    padding: 6px;
  }
  .all-categories .categories-3 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 500px) {
  .footer-store-section .footer-items {
    display: grid;
    grid-template-columns: repeat(12, minmax(0px, 1fr));
    grid-template-rows: repeat(6, minmax(0px, 1fr));
  }
  .footer-store-section .footer-items .footer-item:first-of-type {
    grid-column: 1/13;
    grid-row: 1/3;
  }
  .footer-store-section .footer-items .footer-item:nth-of-type(2) {
    grid-column: 1/7;
    grid-row: 3/5;
  }
  .footer-store-section .footer-items .footer-item:nth-of-type(3) {
    grid-column: 7/13;
    grid-row: 3/5;
  }
  .footer-store-section .footer-items .footer-item:nth-of-type(4) {
    grid-column: 1/13;
    grid-row: 5/7;
  }
  .footer-store-section .footer-items .footer-item:nth-of-type(4) .footer-about-us-links-div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .bundle-offer-products .prod-col {
    width: 50%;
  }
}
@media (max-width: 450px) {
  .products-list .prod-col .product-item {
    padding-bottom: 10px;
    height: auto;
  }
  .products-bg-fw .category-product-content-1 .slider-products .custom-category-product .slick-list .slick-track .custom-category-product-item .product-item, .custom-category-product-1 .slick-list .slick-track .custom-category-product-item .item, .custom-category-product-item .product-item, .products-list.grid-fill .prod-col .product-item {
    padding-bottom: 10px;
    min-height: 340px;
  }
  .custom-category-product-item .product-item .parent, .products-list.grid-fill .prod-col .product-item .parent {
    min-height: 135px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .custom .product-title span.title {
    font-size: 16px;
  }
  .section-product-price {
    flex-wrap: wrap;
  }
  .img-div {
    min-height: 185px;
    height: 185px !important;
  }
  .btn.btn-primary.btn-product-card {
    padding: 2px !important;
    font-size: 15px !important;
  }
  .product-item .sale-count.over-img {
    padding: 1px;
    font-size: 13px;
  }
  .badge-name {
    padding: 1px !important;
    font-size: 10px !important;
    gap: 2px !important;
    right: 0 !important;
  }
  .prod-col .product-item {
    padding: 5px;
  }
  .feature {
    width: 100%;
  }
  .container-fluid {
    padding: 0 6px !important;
  }
  .custom-category-product-item .product-item, .products-list.grid-fill .prod-col .product-item {
    padding: 5px !important;
  }
  /* start details */
  .product-details-bottom .nav-link .description-icon {
    display: none;
  }
  .product-details-bottom .nav-link .description-title {
    padding: 0 10px 10px;
    margin-right: 0 !important;
  }
  .product-details-bottom {
    gap: 0px;
  }
  /* end details */
  .custom .price-rate {
    max-height: 24px;
    overflow: hidden;
  }
}
/* footer {
  position: relative;
  overflow: hidden;
}

footer::after{
  content: '';
  position: absolute;
  top: 25px;
  right: 35px;
  width: 500px;
  height: 300px;
  background: url(https://media.zid.store/cdn-cgi/image/h=175,q=85/https://media.zid.store/ed9de896-6cd6-40d3-8a02-8cd2eb0bb5c0/d6507135-b2f1-488f-9098-370cde4a5c57.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  z-index: 0;
  opacity: .2;
} */
.img-div .above {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
}

.custom-product-card .product-item a .above .product-crd-spec .section-product-price {
  flex-direction: column-reverse;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-products-section .slick-list .slick-track .custom-product-card .product-item .parent .product-details-short-description {
  display: -webkit-box !important;
}

.custom-product-card .product-item a .product-crd-spec .section-product-price {
  align-items: flex-start;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-products-section .slick-list .slick-track .custom-product-card .product-item {
  padding-bottom: 15px;
  max-height: 100%;
}

.custom-product-card .product-item .parent {
  position: relative;
  padding: 0;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-products-section .slick-list .slick-track .custom-product-card .product-item:hover .parent {
  transform: none;
  -webkit-transform: none;
}

.products-bg-fw .category-product-content-1 .slider-products .custom-products-section .slick-list .slick-track .custom-product-card .product-item a .img-div {
  background: none;
}

/* banner img */
.banner-img-div {
  height: 100%;
  width: 100%;
}

.banner-img-div img {
  height: auto;
  width: 100%;
  object-fit: cover;
}

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