/* fonts */
@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,7;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,7;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Poppins:ital,wght@0,100;0,200;0,7;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,7;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* ///////////////////////////////////////// */
/* container */
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1540px !important;
    padding: 0 !important;
  }
}
@media (max-width: 576px) {
  .no-padding-container {
    padding: 0 !important;
  }
}
/* //////////////////////////////////////// */
.seeProductModal .modal-dialog {
  max-width: 1481px !important;
  width: 80%;
  margin: 50px auto !important;
}
.seeProductModal .modal-dialog .product-details {
  display: flex;
  width: 100%;
  /* border: 1px solid #f1f1f2; */
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 12px;
  gap: clamp(12px, 2.03125vw, 39px);
  padding: clamp(0px, 1.4583333333vw, 28px) clamp(0px, 1.6666666667vw, 32px);
}
.seeProductModal .modal-dialog .product-details .product-image {
  display: flex;
  flex-direction: column;
  width: calc(50% - clamp(12px, 2.03125vw, 39px));
}
.seeProductModal .modal-dialog .product-details .product-image .images {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: clamp(5px, 1.09375vw, 21px) clamp(5px, 1.1979166667vw, 23px);
  border: 1px solid #f1f1f2;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 12px;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .images
  .big-img {
  width: 100%;
  overflow: hidden;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .images
  .big-img
  img {
  width: 100%;
  border-radius: 12px;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .images
  .small-imgs {
  overflow: auto;
  width: 100%;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .images
  .small-imgs
  .small-images {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(7px, 0.6770833333vw, 13px);
  width: fit-content;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .images
  .small-imgs
  .small-images
  .small-img {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  overflow: hidden;
  width: calc((100% - 3 * clamp(0px, 0.625vw, 12px)) / 4);
  cursor: pointer;
  height: fit-content;
  margin: 0;
  min-width: clamp(100px, 7.8125vw, 150px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .images
  .small-imgs
  .small-images
  .small-img
  img {
  width: 100%;
  border-radius: 12px;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .images
  .small-imgs {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .images
  .small-imgs::-webkit-scrollbar {
  display: none;
}
.seeProductModal .modal-dialog .product-details .product-image .keys {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(0px, 0.5729166667vw, 11px);
  gap: clamp(0px, 1.0416666667vw, 20px);
  direction: ltr;
}
.seeProductModal .modal-dialog .product-details .product-image .keys .code {
  font-family: Alexandria;
  font-size: clamp(8px, 0.8333333333vw, 16px);
  font-weight: 700;
  line-height: clamp(8px, 0.9895833333vw, 19px);
  color: #000;
}
.seeProductModal .modal-dialog .product-details .product-image .keys .tags {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: clamp(3px, 0.5208333333vw, 10px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .keys
  .tags
  span {
  font-family: Alexandria;
  font-size: clamp(8px, 0.8333333333vw, 16px);
  font-weight: 700;
  line-height: clamp(8px, 0.9895833333vw, 19px);
  color: #000;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .keys
  .tags
  .tags-content {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: clamp(3px, 0.5208333333vw, 10px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-image
  .keys
  .tags
  .tags-content
  span {
  font-family: Alexandria;
  font-size: clamp(8px, 0.8333333333vw, 16px);
  font-weight: 700;
  line-height: clamp(8px, 0.9895833333vw, 19px);
  color: #000;
  background-color: rgba(140, 158, 197, 0.1019607843);
  border-radius: 8px;
  padding: clamp(3px, 0.2604166667vw, 5px) clamp(5px, 0.5208333333vw, 10px);
}
.seeProductModal .modal-dialog .product-details .product-info-sec {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-top: clamp(10px, 1.09375vw, 21px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-info {
  display: flex;
  width: 100%;
  align-items: start;
  justify-content: space-between;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-info
  .info {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: clamp(5px, 0.5729166667vw, 11px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-info
  .info
  .catigory {
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: Alexandria;
  font-size: clamp(10px, 0.8333333333vw, 16px);
  font-weight: 700;
  line-height: clamp(12px, 0.9895833333vw, 19px);
  color: #8c9ec5;
  gap: 10px;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-info
  .info
  .catigory
  span:nth-child(1)
  a {
  color: #8c9ec5 !important;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-info
  .info
  .catigory
  span:nth-child(3)
  a {
  color: #a5b2cd !important;
  font-family: Alexandria;
  font-size: clamp(8px, 0.7291666667vw, 14px);
  font-weight: 700;
  line-height: clamp(9px, 0.8854166667vw, 17px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-info
  .info
  .pro-title {
  font-family: Alexandria;
  font-size: clamp(16px, 1.1458333333vw, 22px);
  font-weight: 700;
  line-height: clamp(19px, 1.3541666667vw, 26px);
  color: #000;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-info
  .stars {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: nowrap;
  gap: clamp(5px, 0.5729166667vw, 11px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-info
  .stars
  span {
  font-family: Alexandria;
  font-size: clamp(10px, 0.8333333333vw, 16px);
  font-weight: 400;
  line-height: 18px;
  color: rgba(27, 27, 27, 0.6);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-info
  .stars
  svg {
  width: clamp(12px, 1.1979166667vw, 23px);
  height: clamp(10px, 1.0416666667vw, 20px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-price {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-top: clamp(14px, 1.6145833333vw, 31px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-price
  .price {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: clamp(5px, 0.5208333333vw, 10px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-price
  .price
  span:nth-child(1) {
  font-family: Alexandria;
  font-size: clamp(14px, 1.4583333333vw, 28px);
  font-weight: 700;
  line-height: 24px;
  color: #425a8b;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-price
  .price
  span:nth-child(2) {
  font-family: Alexandria;
  font-size: clamp(10px, 1.25vw, 24px);
  font-weight: 400;
  line-height: 24px;
  color: #8c9ec5;
  text-decoration: line-through;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-price
  .save {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: clamp(6px, 0.78125vw, 15px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-price
  .save
  span {
  font-family: Alexandria;
  font-size: clamp(10px, 0.7291666667vw, 14px);
  font-weight: 700;
  line-height: clamp(16px, 1.1458333333vw, 22px);
  letter-spacing: 0.200000003px;
  color: #ff1212;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-price
  .save
  .saveIcon {
  width: clamp(27px, 2.4479166667vw, 47px);
  height: clamp(27px, 2.4479166667vw, 47px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-price
  .save
  .saveIcon
  .circle-text {
  font-family: Alexandria;
  font-size: clamp(5px, 0.46875vw, 9px);
  font-weight: 400;
  line-height: clamp(5px, 0.46875vw, 9px);
  letter-spacing: 0.200000003px;
  fill: #ff1212;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: clamp(0px, 1.7708333333vw, 34px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count
  .count-name {
  font-family: Alexandria;
  font-size: clamp(8px, 0.7291666667vw, 14px);
  font-weight: 700;
  line-height: 20px;
  color: #3c3c3c;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count
  .count-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  padding: clamp(3px, 0.4166666667vw, 8px) clamp(3px, 0.5208333333vw, 10px);
  border-radius: 12px;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count
  .count-buttons
  * {
  border: none;
  outline: none;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count
  .count-buttons
  .plus,
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count
  .count-buttons
  .minus {
  width: clamp(40px, 2.3958333333vw, 46px);
  height: clamp(25px, 1.6145833333vw, 31px);
  border-radius: 8px;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count
  .count-buttons
  .plus {
  background: #fd9636;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count
  .count-buttons
  .minus {
  background: #ffffff;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count
  .count-buttons
  input[type="number"]::-webkit-inner-spin-button,
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count
  .count-buttons
  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-count
  .count-buttons
  input {
  background: transparent;
  width: 50px;
  font-family: Helvetica Neue;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: #3c3c3c;
  padding: 0 10px 0 20px;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-desctiption {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: clamp(15px, 1.6145833333vw, 31px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-desctiption
  .display-text-short
  p {
  line-height: 1.8;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-desctiption
  span {
  font-family: Alexandria;
  font-size: clamp(10px, 0.7291666667vw, 14px);
  font-weight: 700;
  line-height: clamp(18px, 1.0416666667vw, 20px);
  color: #3c3c3c;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-desctiption
  div {
  display: flex;
  flex-direction: column;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-desctiption
  div
  .product-description-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-family: Alexandria;
  font-size: clamp(10px, 0.625vw, 12px);
  font-weight: 400;
  line-height: 20px;
  color: #000;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-desctiption
  div
  .product-description-text.hideText {
  line-clamp: 3;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-desctiption
  div
  span {
  font-family: Alexandria;
  font-size: clamp(10px, 0.625vw, 12px);
  font-weight: 500;
  line-height: 20px;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-installment-banner {
  width: 100%;
  display: flex;
  margin-top: clamp(10px, 1.6145833333vw, 31px);
  align-items: center;
  justify-content: center;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-installment-banner
  .banner-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-installment-banner
  .banner-wrapper
  img {
  width: 100%;
}
.seeProductModal .modal-dialog .product-details .product-info-sec .line {
  width: 100%;
  border-top: 1px solid #f1f1f2;
  margin-top: clamp(0px, 1.3541666667vw, 26px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-buttons {
  width: 100%;
  display: flex;
  margin-top: clamp(11px, 0.8854166667vw, 17px);
  gap: clamp(10px, 0.78125vw, 15px);
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-buttons
  div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-buttons
  div
  button {
  border: none;
  outline: none;
  width: 100%;
  border-radius: 12px;
  height: clamp(40px, 2.8645833333vw, 55px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-buttons
  .whatsappBtn {
  width: 24.7093023%;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-buttons
  .whatsappBtn
  button {
  background: #00e510;
  gap: clamp(9px, 0.78125vw, 15px);
  font-family: Alexandria;
  font-size: clamp(10px, 0.625vw, 12px);
  font-weight: 600;
  line-height: clamp(12px, 0.7291666667vw, 14px);
  color: #fff;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-buttons
  .addToCartBtn {
  width: 50.4360465116%;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-buttons
  .addToCartBtn
  button {
  gap: clamp(5px, 0.9895833333vw, 19px);
  background-color: #fd9636;
  font-family: Alexandria;
  font-size: clamp(12px, 0.7291666667vw, 14px);
  font-weight: 600;
  line-height: clamp(14px, 0.8854166667vw, 17px);
  color: #fff;
}
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-buttons
  .compareBtn,
.seeProductModal
  .modal-dialog
  .product-details
  .product-info-sec
  .product-buttons
  .favoritBtn {
  width: 9.011627906%;
  border: 2px solid #fd9636;
  border-radius: 12px;
}
.seeProductModal .modal-dialog .product-details .product-info-sec .product-del {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: Alexandria;
  font-size: clamp(8px, 0.7291666667vw, 14px);
  font-weight: 400;
  line-height: 18px;
  color: #425a8b;
  margin-top: clamp(1px, 0.8333333333vw, 16px);
}
@media (max-width: 992px) {
  .seeProductModal .modal-dialog {
    margin: 20px 5px;
  }
  .seeProductModal .modal-dialog .product-details {
    flex-direction: column;
  }
  .seeProductModal .modal-dialog .product-details .product-image,
  .seeProductModal .modal-dialog .product-details .product-info-sec {
    width: 100%;
  }
  .seeProductModal
    .modal-dialog
    .product-details
    .product-info-sec
    .product-info {
    flex-direction: column;
  }
  .seeProductModal
    .modal-dialog
    .product-details
    .product-info-sec
    .product-info
    .info,
  .seeProductModal
    .modal-dialog
    .product-details
    .product-info-sec
    .product-info
    .stars {
    width: 100% !important;
  }
  .seeProductModal
    .modal-dialog
    .product-details
    .product-info-sec
    .product-info
    .stars {
    flex-direction: row;
    justify-content: start;
    margin-top: 14px;
  }
  .seeProductModal
    .modal-dialog
    .product-details
    .product-info-sec
    .product-count
    .count-name {
    display: none;
  }
  .seeProductModal .modal-dialog .product-details .product-buttons {
    flex-wrap: wrap;
  }
  .seeProductModal
    .modal-dialog
    .product-details
    .product-buttons
    .whatsappBtn {
    width: 100% !important;
    order: 4;
  }
  .seeProductModal
    .modal-dialog
    .product-details
    .product-buttons
    .addToCartBtn {
    width: 48% !important;
  }
  .seeProductModal .modal-dialog .product-details .product-buttons .compareBtn,
  .seeProductModal .modal-dialog .product-details .product-buttons .favoritBtn {
    width: 23% !important;
  }
}

/* //////////////////////////////////////// */
/* header */
.header-wrapper {
  padding: 0 20px;
}
.header-wrapper .header-slider-1 {
  overflow: hidden;
  width: 100%;
  margin-top: 14px;
  position: relative;
  border-radius: 12px;
}
.header-wrapper .header-slider-1 .swiper-slide .slide-container {
  position: relative;
  width: 100%;
  padding-bottom: 33.73%;
}
.header-wrapper .header-slider-1 .swiper-slide .slide-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header-wrapper .header-slider-1 .header-slider-1-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
}
.header-wrapper
  .header-slider-1
  .header-slider-1-pagination
  .swiper-pagination-bullet {
  background-color: rgba(253, 150, 54, 0.2);
  width: 16px;
  height: 6px;
  border-radius: 48px;
  z-index: 10;
  opacity: 1;
}
.header-wrapper
  .header-slider-1
  .header-slider-1-pagination
  .swiper-pagination-bullet-active {
  background-color: #fd9636;
  width: 80px;
}
.header-wrapper .header-slider-1 .header-slider-1-preve {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: left;
  left: 0;
  z-index: 10;
  width: 20%;
}
.header-wrapper .header-slider-1 .header-slider-1-preve svg {
  z-index: 10;
  margin-left: 38px;
}
.header-wrapper .header-slider-1 .header-slider-1-preve::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 0px;
  height: 0px;
  left: 0;
  transform: translateX(-50%);
  background: rgba(253, 150, 54, 0.4);
  transition: all 1s ease;
  z-index: 9;
}
.header-wrapper .header-slider-1 .header-slider-1-preve:hover::after {
  background: rgba(253, 150, 54, 0.4);
  animation: headerSlider1next 0.3s ease-in-out forwards;
}
.header-wrapper .header-slider-1 .header-slider-1-preve::after {
  animation: headerSlider1back 0.3s ease-in-out forwards;
}
.header-wrapper .header-slider-1 .header-slider-1-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: right;
  right: 0;
  z-index: 10;
  width: 20%;
}
.header-wrapper .header-slider-1 .header-slider-1-next svg {
  z-index: 10;
  margin-right: 38px;
}
.header-wrapper .header-slider-1 .header-slider-1-next::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 0px;
  height: 0px;
  right: 0;
  transform: translateX(50%);
  background: rgba(253, 150, 54, 0.4);
  transition: all 1s ease;
  z-index: 9;
}
.header-wrapper .header-slider-1 .header-slider-1-next:hover::after {
  background: rgba(253, 150, 54, 0.4);
  animation: headerSlider1next 0.3s ease-in-out forwards;
}
.header-wrapper .header-slider-1 .header-slider-1-next::after {
  animation: headerSlider1back 0.3s ease-in-out forwards;
}
.header-wrapper .header-slider-1 .header-slider-1-pagination {
  position: absolute;
  bottom: 12px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 576px) {
  .header-wrapper {
    padding: 0 6px;
  }
  .header-wrapper .swiper-slide {
    width: 100% !important;
  }
  .header-wrapper .header-slider-1-pagination,
  .header-wrapper .header-slider-1-preve,
  .header-wrapper .header-slider-1-preve::after,
  .header-wrapper .header-slider-1-next,
  .header-wrapper .header-slider-1-next::after {
    display: none !important;
  }
}
@keyframes headerSlider1next {
  0% {
    width: 20px;
    height: 50%;
  }
  100% {
    width: 180px;
    height: 100%;
  }
}
@keyframes headerSlider1back {
  0% {
    width: 180px;
    height: 100%;
  }
  100% {
    width: 0px;
    height: 50%;
  }
}
/* /////////////////////////////////////// */
/* catigory slider */
.section-wrapper {
  margin-top: clamp(17px, 1.0416vw, 20px);
  padding: 0;
  position: relative;
}
.section-wrapper .catigory-slider-2 {
  overflow: hidden;
}
.section-wrapper .catigory-slider-2 .swiper-wrapper .swiper-slide {
  width: clamp(61px, 5.5208333333vw, 106px);
}
.section-wrapper
  .catigory-slider-2
  .swiper-wrapper
  .swiper-slide
  .slide-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
}
.section-wrapper
  .catigory-slider-2
  .swiper-wrapper
  .swiper-slide
  .slide-container
  svg {
  width: 82px !important;
}
.section-wrapper
  .catigory-slider-2
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .product-image {
  position: absolute;
  top: -2px;
  width: 100%;
}
.section-wrapper
  .catigory-slider-2
  .swiper-wrapper
  .swiper-slide
  .slide-container
  h3 {
  margin-top: 20px;
  font-size: clamp(9px, 0.625vw, 12px);
  font-weight: 600;
  color: #000;
  font-family: "Alexandria", system-ui;
  line-height: 12px;
  text-align: center;
}
.section-wrapper .catigory-slider-2 .catigory-slider-2-scrollbar {
  width: 265px;
  height: 5px;
  position: relative;
  background: rgba(253, 150, 54, 0.2);
  border-radius: 10px;
  margin: 27px auto 0 auto;
  cursor: pointer;
}
.section-wrapper
  .catigory-slider-2
  .catigory-slider-2-scrollbar
  .swiper-scrollbar-drag {
  background-color: #fd9636;
}
.section-wrapper .catigory-slider-2 .catigory-slider-2-next {
  position: absolute;
  top: 30%;
  inset-inline-end: -40px;
  transform: translateX(50%);
  width: 52px;
  height: 40px;
  border-radius: 46px;
  background-color: #e4eded;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-wrapper .catigory-slider-2 .catigory-slider-2-preve {
  position: absolute;
  top: 30%;
  inset-inline-start: -40px;
  transform: translateX(-50%);
  width: 52px;
  height: 40px;
  border-radius: 46px;
  background-color: #e4eded;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 576px) {
  .section-wrapper {
    margin-top: clamp(17px, 1.0416vw, 20px);
    padding: 0;
    position: relative;
  }
  .section-wrapper .catigory-slider-2 {
    overflow: visible;
  }
  .section-wrapper
    .catigory-slider-2
    .swiper-wrapper
    .swiper-slide
    .slide-container
    svg {
    width: 46px !important;
  }
  .section-wrapper .catigory-slider-2 .catigory-slider-2-preve,
  .section-wrapper .catigory-slider-2 .catigory-slider-2-next {
    display: none !important;
  }
}
/* /////////////////////////////// */
/* flash sales */
.flash-sales-wrapper {
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
  border: 1px solid #f1f1f2;
  border-radius: 20px;
  margin-top: 25px;
  overflow: hidden;
  padding: 0 16px;
}
.flash-sales-wrapper .sec-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.flash-sales-wrapper .sec-title h2 a {
  font-family: Alexandria;
  font-size: clamp(14px, 1.875vw, 36px);
  font-weight: 600;
  line-height: 48px;
  letter-spacing: 0.04em;
  color: #000;
  margin: 8px 0 10px 0;
  text-align: start;
  display: block;
  text-decoration: none;
}
.flash-sales-wrapper .sec-title h2:hover a {
  color: #fd9636;
}
.flash-sales-wrapper .sec-title .flash-navigation {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
.flash-sales-wrapper .sec-title .flash-navigation a {
  font-family: Alexandria;
  font-size: clamp(8px, 0.7291666667vw, 14px);
  font-weight: 600;
  line-height: clamp(10px, 1.0416666667vw, 20px);
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 50px;
  padding: clamp(5px, 0.625vw, 12px) clamp(9px, 1.25vw, 24px);
  color: #000;
  margin-inline-end: 12px;
}
.flash-sales-wrapper .sec-title .flash-navigation .flash-sales-slider-3-next,
.flash-sales-wrapper .sec-title .flash-navigation .flash-sales-slider-3-prev {
  width: clamp(28px, 2.3958333333vw, 46px);
  height: clamp(28px, 2.3958333333vw, 46px);
  background-color: #f5f5f5;
  border-radius: 50%;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-next
  svg,
.flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-prev
  svg {
  width: clamp(8px, 1.25vw, 24px);
  height: clamp(8px, 1.25vw, 24px);
}
.flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-next
  svg
  path,
.flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-prev
  svg
  path {
  stroke-width: 2;
}
.flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-next:hover,
.flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-prev:hover,
.flash-sales-wrapper .sec-title .flash-navigation a:hover {
  color: #fff;
  background-color: #fd9636;
}
.flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-next:hover
  svg
  path,
.flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-prev:hover
  svg
  path,
.flash-sales-wrapper .sec-title .flash-navigation a:hover svg path {
  stroke: #fff;
}
.flash-sales-wrapper .flash-sales-slider-3 {
  overflow: hidden;
  margin-bottom: 17px;
}
.flash-sales-wrapper .flash-sales-slider-3 .swiper-wrapper .swiper-slide {
  border: 1px solid #f1f1f2;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 12px;
  max-width: 256px !important;
  padding: clamp(5px, 0.364583vw, 7px);
  position: relative;
  overflow: hidden;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .flash-save-offer {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(45px, 3.1770833333vw, 61px);
  height: clamp(43px, 3.0729166667vw, 59px);
  border-radius: 2px 0px 2px 16px;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  background-color: #fd9636;
  z-index: 10;
  padding: 5px;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .flash-save-offer
  span:nth-child(1) {
  font-family: "Alexandria", system-ui;
  font-size: clamp(10px, 0.625vw, 12px);
  font-weight: 600;
  line-height: clamp(14px, 1.25vw, 24px);
  color: #fff;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .flash-save-offer
  span:nth-child(2) {
  font-family: "Alexandria", system-ui;
  font-size: clamp(12px, 0.9375vw, 18px);
  font-weight: 600;
  line-height: clamp(14px, 1.25vw, 24px);
  color: #fff;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .flash-new-offer {
  position: absolute;
  top: 0;
  right: 0;
  width: 68px;
  height: 27px;
  border-radius: 2px 0px 2px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #ff1212;
  z-index: 10;
  color: #fff;
  font-family: Alexandria;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-img {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-img
  .heartIconLink {
  position: absolute;
  left: 20px;
  top: 20px;
  cursor: pointer;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-img
  .heartIconLink
  .heart {
  fill: none;
  stroke: #fd9636;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-img
  .heartIconLink
  .filled {
  fill: #fd9636;
  stroke: #fd9636;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-img
  a:has(img) {
  width: 100%;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-img
  a:has(img)
  img {
  width: 100%;
  border-radius: 12px;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: start;
  justify-content: start;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-info
  a {
  font-family: "Alexandria", system-ui;
  font-size: clamp(8px, 0.52083vw, 10px);
  font-weight: 700;
  line-height: clamp(10px, 1.0416vw, 20px);
  text-align: start;
  color: #425a8b;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-info
  .cat-stars {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-info
  .cat-stars
  a {
  font-family: "Alexandria", system-ui;
  font-size: clamp(6px, 0.46875vw, 9px);
  font-weight: 400;
  line-height: 18px;
  text-align: right;
  color: #8c9ec5;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-info
  .cat-stars
  .stars {
  font-size: clamp(6px, 0.46875vw, 9px);
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-info
  .cat-stars
  .stars
  svg {
  width: clamp(8px, 0.625vw, 12px);
  height: clamp(8px, 0.625vw, 12px);
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-price {
  display: flex;
  width: 100%;
  align-items: end;
  justify-content: start;
  margin-top: clamp(10px, 0.78125vw, 15px);
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-price
  span {
  font-family: Alexandria;
  font-size: clamp(7px, 0.625vw, 11px);
  font-weight: 600;
  line-height: 9.75px;
  color: #8c9ec5;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-price
  span
  span {
  font-family: Alexandria;
  font-size: clamp(8px, 0.7291666667vw, 13px);
  font-weight: 400;
  line-height: 12.19px;
  text-decoration: line-through;
  color: #a49c9c !important;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-price
  p {
  font-family: Alexandria;
  font-size: clamp(12px, 1.3020833333vw, 25px);
  font-weight: 500;
  line-height: 30.48px;
  text-align: start;
  color: #000;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-price
  p
  sup {
  vertical-align: super;
  font-family: Alexandria;
  font-size: clamp(6px, 0.4166666667vw, 8px);
  font-weight: 500;
  line-height: 9.75px;
  color: #8c9ec5;
  padding-inline-start: 3px;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-price
  p
  span {
  font-family: Alexandria;
  font-size: clamp(8px, 0.625vw, 12px);
  font-weight: 600;
  line-height: 9.75px;
  color: #8c9ec5;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flsh-pro-buttons {
  display: flex;
  width: 100%;
  margin: 12px 0 7px 0;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flsh-pro-buttons
  button {
  width: 142px;
  height: 42px;
  border-radius: clamp(8px, 0.625vw, 12px);
  border: none;
  outline: none;
  background-color: #fd9636;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  font-family: "Alexandria", system-ui;
  font-size: 12px;
  font-weight: 600;
  line-height: 14.63px;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flsh-pro-buttons
  a {
  width: 42px;
  height: 42px;
  border: 1px solid #fd9636;
  border-radius: clamp(8px, 0.625vw, 12px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flsh-pro-buttons
  a:hover {
  background-color: #fd9636;
  color: #fff;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flsh-pro-buttons
  a:hover
  svg
  path {
  fill: #fff !important;
}
.flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-delivery {
  width: 100%;
  text-align: center;
  font-family: "Alexandria", system-ui;
  font-size: clamp(6px, 0.7166666667vw, 9px);
  font-weight: 700;
  line-height: clamp(5px, 0.9375vw, 18px);
}
.flash-sales-wrapper .flash-sales-slider-3 .swiper-wrapper .swiper-slide:hover {
  border-color: #fd9636;
}

@media (max-width: 576px) {
  .flash-sales-wrapper {
    padding: 0;
    padding-inline-start: 18px;
    border-radius: 0;
    margin-top: 12px;
  }
  .flash-sales-wrapper .sec-title h2 {
    margin: 0;
  }
  .flash-sales-wrapper .sec-title .flash-navigation a {
    font-weight: 400;
    color: #254aa5;
    text-decoration: underline;
    margin-inline-end: 18px;
  }
  .flash-sales-wrapper .sec-title .flash-navigation .flash-sales-slider-3-next,
  .flash-sales-wrapper .sec-title .flash-navigation .flash-sales-slider-3-prev {
    display: none;
  }
  .flash-sales-wrapper .flash-sales-slider-3 {
    overflow: visible;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .flash-save-offer {
    width: 45px;
    height: 36px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .flash-save-offer
    span:nth-child(1) {
    font-size: 8px;
    line-height: 14px;
    text-align: start;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .flash-save-offer
    span:nth-child(2) {
    font-size: 10px;
    line-height: 14px;
    text-align: start;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .flash-new-offer {
    width: 46px;
    height: 16px;
    font-family: Alexandria;
    font-size: 8px;
    font-weight: 600;
    line-height: 8px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flash-pro-img
    .heartIconLink {
    left: 8px;
    top: 8px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flash-pro-img
    a {
    top: 5px;
    left: 10px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flash-pro-img
    a
    svg {
    width: 14px;
    height: 12px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flash-pro-price {
    flex-direction: row;
    gap: 2px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flash-pro-price
    div {
    gap: 2px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flash-pro-price
    div
    span:nth-child(2) {
    font-size: 6px;
    line-height: 10px;
    width: 22px;
    height: 10px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flsh-pro-buttons {
    margin: 10px 0 5px 0;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flsh-pro-buttons
    button {
    width: 100px;
    height: 28px;
    font-family: Alexandria;
    font-size: 6px;
    font-weight: 600;
    line-height: 7.31px;
    gap: 5px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flsh-pro-buttons
    button
    svg {
    width: 10px;
    height: 10px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flsh-pro-buttons
    a {
    width: 28px;
    height: 28px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flsh-pro-buttons
    a
    svg {
    width: 14px;
    height: 14px;
  }
  .flash-sales-wrapper
    .flash-sales-slider-3
    .swiper-wrapper
    .swiper-slide
    .slide-container
    .flsh-pro-buttons
    a:nth-child(3) {
    display: none;
  }
}
/* ///////////////////////////////////////////////////// */
/* home-banner-1 */
.home-banner-1-wrapper {
  margin-top: 25px;
  /* border: 1px solid #f1f1f2; */
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.031372549);
  /* padding: 26px 23px; */
  border-radius: 12px;
}
.home-banner-1-wrapper .home-banner-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.home-banner-1-wrapper .home-banner-content div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  width: 25%;
  color: #000;
}
.home-banner-1-wrapper .home-banner-content div a {
  height: 100%;
}
.home-banner-1-wrapper .home-banner-content div a img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.home-banner-1-wrapper .home-banner-content div:nth-child(2) {
  width: 50%;
}

@media (max-width: 576px) {
  .home-banner-1-wrapper {
    padding: 0;
    box-shadow: none;
    border: none;
    margin-top: 12px;
  }
  .home-banner-1-wrapper .home-banner-content {
    gap: 6px;
    flex-wrap: wrap;
  }
  .home-banner-1-wrapper .home-banner-content div {
    width: 49%;
    order: 2;
    border-radius: 6px;
  }
  .home-banner-1-wrapper .home-banner-content div:nth-child(2) {
    width: 100%;
    order: 1;
  }
}
/* ///////////////////////////////////////////////////// */
/* home-banner-2 */
.home-banner-2-wrapper {
  margin-top: 25px;
}
.home-banner-2-wrapper .home-banner-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.home-banner-2-wrapper .home-banner-content div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  height: 289px;
  color: #000;
  overflow: hidden;
}
.home-banner-2-wrapper .home-banner-content div a {
  height: 100%;
  width: 100%;
}
.home-banner-2-wrapper .home-banner-content div a img {
  width: 100%;
  height: 100%;
  border-radius: clamp(6px, 1.25vw, 24px);
}
.home-banner-2-wrapper .home-banner-content div:nth-child(1) {
  width: 61.919504644%;
}
.home-banner-2-wrapper .home-banner-content div:nth-child(2) {
  width: 36.7782272894%;
}
.home-banner-2-wrapper .home-banner-content-reversed {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.home-banner-2-wrapper .home-banner-content-reversed div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  height: 289px;
  color: #000;
  overflow: hidden;
}
.home-banner-2-wrapper .home-banner-content-reversed div a {
  height: 100%;
  width: 100%;
}
.home-banner-2-wrapper .home-banner-content-reversed div a img {
  width: 100%;
  height: 100%;
}
.home-banner-2-wrapper .home-banner-content-reversed div:nth-child(2) {
  width: 61.919504644%;
}
.home-banner-2-wrapper .home-banner-content-reversed div:nth-child(1) {
  width: 36.7782272894%;
}

@media (max-width: 576px) {
  .home-banner-2-wrapper {
    margin-top: 12px;
  }
  .home-banner-2-wrapper .home-banner-content,
  .home-banner-2-wrapper .home-banner-content-reversed {
    gap: 6px;
  }
  .home-banner-2-wrapper .home-banner-content div,
  .home-banner-2-wrapper .home-banner-content-reversed div {
    height: 75px;
    border-radius: 6px;
  }
}
/* ///////////////////////////////////////////////////// */
/* home-banner-3 */
.home-banner-3-wrapper {
  margin-top: clamp(12px, 1.3020833333vw, 25px);
}
.home-banner-3-wrapper .home-banner-3-content {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
}
.home-banner-3-wrapper .home-banner-3-content .side-banner-col {
  display: flex;
  align-items: start;
  justify-content: space-between;
  overflow: hidden;
  width: 23.6183278224%;
  flex-direction: column;
  gap: 27px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: rgba(140, 158, 197, 0.2);
  flex-direction: column;
  padding: clamp(6px, 0.6770833333vw, 13px) 0;
  border-radius: 12px;
  position: relative;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-img {
  width: 100%;
  position: relative;
  padding: 0 clamp(6px, 0.5729166667vw, 11px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-img
  img {
  width: 100%;
  border-radius: clamp(9px, 0.625vw, 12px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-img
  .top-icons {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 5px;
  overflow: hidden;
  padding: 5px 16px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-img
  .top-icons
  a {
  width: 42px;
  height: 42px;
  border: 1px solid #fd9636;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin-top: -50px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-img
  .top-icons
  a:hover {
  background-color: #fd9636;
  color: #fff;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-img
  .top-icons
  a:hover
  svg
  path {
  fill: #fff !important;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-img
  .bottom-button {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  right: 0;
  left: 0;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-img
  .bottom-button
  button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: none;
  outline: none;
  font-family: Alexandria;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  background-color: #fd9636;
  padding: 14px 0;
  margin-bottom: -60px;
  border-radius: 2px 2px 0px 0px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info {
  padding: 0 clamp(6px, 0.5729166667vw, 11px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
  width: 100%;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .cat {
  font-family: "Alexandria", system-ui;
  font-size: clamp(7px, 0.625vw, 12px);
  font-weight: 400;
  line-height: clamp(10px, 0.9375vw, 18px);
  color: #8c9ec5;
  margin-top: 7px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .title {
  font-family: "Alexandria", system-ui;
  font-size: clamp(8px, 0.7291666667vw, 14px);
  font-weight: 700;
  line-height: clamp(10px, 1.0416666667vw, 20px);
  color: #425a8b;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flash-pro-price {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-top: clamp(10px, 0.78125vw, 15px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flash-pro-price
  span {
  font-family: Alexandria;
  font-size: clamp(7px, 0.625vw, 11px);
  font-weight: 600;
  line-height: 9.75px;
  color: #8c9ec5;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flash-pro-price
  span
  span {
  font-family: Alexandria;
  font-size: clamp(8px, 0.7291666667vw, 13px);
  font-weight: 400;
  line-height: 12.19px;
  text-decoration: line-through;
  color: #a49c9c !important;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flash-pro-price
  p {
  font-family: Alexandria;
  font-size: clamp(12px, 1.3020833333vw, 25px);
  font-weight: 500;
  line-height: 30.48px;
  text-align: start;
  color: #000;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flash-pro-price
  p
  sup {
  vertical-align: super;
  font-family: Alexandria;
  font-size: clamp(6px, 0.4166666667vw, 8px);
  font-weight: 500;
  line-height: 9.75px;
  color: #8c9ec5;
  padding-inline-start: 3px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flash-pro-price
  p
  span {
  font-family: Alexandria;
  font-size: clamp(8px, 0.625vw, 12px);
  font-weight: 600;
  line-height: 9.75px;
  color: #8c9ec5;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .stars {
  width: 100%;
  margin: 0;
  margin-top: clamp(2px, 0.5208333333vw, 10px);
  padding: 0;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .stars
  svg {
  width: clamp(11px, 1.1979166667vw, 23px);
  height: clamp(12px, 1.0416666667vw, 20px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .delivery {
  font-family: "Alexandria", system-ui;
  font-size: clamp(6px, 0.625vw, 12px);
  font-weight: 400;
  line-height: 18px;
  margin-top: clamp(0px, 0.46875vw, 9px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flsh-pro-buttons {
  display: none;
  width: 100%;
  margin: 13px 0 7px 0;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flsh-pro-buttons
  button {
  width: 142px;
  height: 42px;
  border-radius: clamp(8px, 0.625vw, 12px);
  border: none;
  outline: none;
  background-color: #fd9636;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  font-family: "Alexandria", system-ui;
  font-size: 12px;
  font-weight: 600;
  line-height: 14.63px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flsh-pro-buttons
  a {
  width: 42px;
  height: 42px;
  border: 1px solid #fd9636;
  border-radius: clamp(8px, 0.625vw, 12px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flsh-pro-buttons
  a:hover {
  background-color: #fd9636;
  color: #fff;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flsh-pro-buttons
  a:hover
  svg
  path {
  fill: #fff !important;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .new-offer {
  position: absolute;
  top: 0;
  right: 0;
  font-family: Alexandria;
  font-size: clamp(8px, 1.0416666667vw, 20px);
  font-weight: 600;
  line-height: clamp(8px, 1.0416666667vw, 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 0px clamp(10px, 0.625vw, 12px) 0px clamp(10px, 0.625vw, 12px);
  background-color: #ff1212;
  color: #fff;
  padding: clamp(4px, 0.4166666667vw, 8px) clamp(10px, 1.1458333333vw, 22px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item:hover
  .top-icons
  a {
  margin-top: 0;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item:hover
  .bottom-button
  button {
  margin-bottom: 0;
}
.home-banner-3-wrapper .home-banner-3-content .side-banner-col:nth-child(2) {
  width: 53.0222693531%;
  padding: 0 clamp(0px, 1.5625vw, 30px);
  position: relative;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content {
  padding: clamp(9px, 1.1979166667vw, 23px);
  padding-bottom: 10px;
  width: 100%;
  justify-content: start;
  align-items: start;
  background-color: rgba(140, 158, 197, 0.2);
  border-radius: 12px;
  height: 100%;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 1.875vw, 36px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .title
  .square {
  width: 20px;
  height: 39.95px;
  border-radius: 0px 4px 4px 0px;
  background-color: #fd9636;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .title
  h2 {
  font-family: Alexandria;
  font-size: clamp(12px, 1.875vw, 36px);
  font-weight: 600;
  line-height: clamp(12px, 2.5vw, 48px);
  letter-spacing: 0.04em;
  color: #000;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .timer-clock {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .timer-clock
  .clock-unit {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: clamp(4px, 0.78125vw, 15px);
  margin-right: clamp(11px, 0.8854166667vw, 17px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .timer-clock
  .clock-unit
  .num-label {
  font-family: Alexandria;
  font-size: clamp(6px, 0.625vw, 12px);
  font-weight: 500;
  line-height: 18px;
  color: #000;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .timer-clock
  .clock-unit
  .number {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: clamp(11px, 0.8854166667vw, 17px);
  font-family: Alexandria;
  font-size: clamp(14px, 1.6666666667vw, 32px);
  font-weight: 700;
  line-height: clamp(14px, 1.5625vw, 30px);
  letter-spacing: 0.04em;
  color: #000;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .timer-clock
  .clock-unit
  .number
  span:nth-child(2) {
  color: rgba(253, 150, 54, 0.6980392157);
  margin-top: clamp(-15px, -1.3020833333vw, -25px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-img {
  width: 100%;
  margin-top: clamp(10px, 2.0833333333vw, 40px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-img
  .home-banner-3-swiper {
  overflow: hidden;
  border-radius: 6px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-img
  .home-banner-3-swiper
  .swiper-wrapper {
  border-radius: 6px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-img
  .home-banner-3-swiper
  .swiper-wrapper
  .swiper-slide {
  width: 100%;
  border-radius: 6px;
  position: relative;
  border-radius: 6px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-img
  .home-banner-3-swiper
  .swiper-wrapper
  .swiper-slide
  img {
  width: 100%;
  border-radius: 6px;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-img
  .home-banner-3-swiper
  .swiper-wrapper
  .swiper-slide
  .new-offer {
  position: absolute;
  top: 0;
  right: 0;
  font-family: Alexandria;
  font-size: clamp(8px, 1.0416666667vw, 20px);
  font-weight: 600;
  line-height: clamp(8px, 1.0416666667vw, 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 0px 6px 0px 12px;
  background-color: #ff1212;
  color: #fff;
  padding: clamp(6px, 0.5729166667vw, 11px) clamp(9px, 0.78125vw, 15px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-img
  .home-banner-3-swiper
  .home-banner-3-next {
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  z-index: 10;
  background-color: #fd9636;
  padding: 2px 8px;
  border-radius: 46px;
  width: 52px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-img
  .home-banner-3-swiper
  .home-banner-3-preve {
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  z-index: 10;
  background-color: #fd9636;
  padding: 2px 8px;
  border-radius: 46px;
  width: 52px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: clamp(5px, 0.9375vw, 18px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info
  .cat-title {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info
  .cat-title
  .bann-title {
  display: flex;
  flex-direction: column;
  gap: clamp(5px, 0.5208333333vw, 10px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info
  .cat-title
  .bann-title
  span {
  font-family: Alexandria;
  font-size: clamp(10px, 0.625vw, 12px);
  font-weight: 400;
  line-height: 18px;
  color: #8c9ec5;
  width: fit-content;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info
  .cat-title
  .bann-title
  h2 {
  font-family: Alexandria;
  font-size: clamp(12px, 0.8333333333vw, 16px);
  font-weight: 700;
  line-height: 20px;
  color: #425a8b;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info
  .cat-title
  .bann-price {
  display: flex;
  margin-top: clamp(7px, 1.1458333333vw, 22px);
  gap: 5px;
  flex-wrap: wrap;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info
  .cat-title
  .bann-price
  span:nth-child(1) {
  font-family: Alexandria;
  font-size: 10px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  background-color: #8c9ec5;
  border-radius: 8px;
  width: 46px;
  height: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 3;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info
  .cat-title
  .bann-price
  span:nth-child(2) {
  font-family: Alexandria;
  font-size: clamp(20px, 1.3541666667vw, 26px);
  font-weight: 700;
  line-height: 24px;
  order: 2;
  color: #425a8b;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info
  .cat-title
  .bann-price
  span:nth-child(3) {
  font-family: Alexandria;
  font-size: clamp(10px, 1.0416666667vw, 20px);
  font-weight: 700;
  line-height: clamp(14px, 0.7291666667vw, 14px);
  color: #a6a6a6;
  text-decoration: line-through;
  margin-right: 5px;
  order: 1;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info
  .save-stars {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  justify-content: center;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-info
  .save-stars
  .bann-save {
  width: clamp(65px, 6.4583333333vw, 124px);
  height: clamp(28px, 2.2916666667vw, 44px);
  padding: 10px 30px;
  gap: 10px;
  border-radius: 12px;
  font-family: Alexandria;
  font-size: clamp(10px, 0.78125vw, 15px);
  font-weight: 700;
  line-height: 24px;
  background-color: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  text-wrap: nowrap;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-buttons {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: clamp(11px, 1.25vw, 24px);
  width: 100%;
  margin-top: clamp(10px, 1.5625vw, 30px);
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-buttons
  button {
  width: 90.0900900901%;
  height: clamp(40px, 3.125vw, 60px);
  gap: 21px;
  border-radius: 8px;
  background-color: #fd9636;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-buttons
  button
  span {
  font-family: Alexandria;
  font-size: clamp(14px, 1.0416666667vw, 20px);
  font-weight: 600;
  line-height: 20px;
  color: #ffffff;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-buttons
  div {
  border: 1px solid #fd9636;
  width: clamp(47px, 4.53125vw, 87px);
  height: clamp(40px, 3.125vw, 60px);
  padding: 11px clamp(13px, 1.3541666667vw, 26px);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-buttons
  div:hover {
  background-color: #fd9636;
  color: #fff;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-buttons
  div:hover
  svg
  path {
  fill: #fff !important;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-buttons
  a.favorited
  svg
  path {
  fill: #fd9636 !important;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .middle-banner-buttons
  a.favorited:hover
  svg
  path {
  fill: #fff !important;
}
.home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .del {
  width: 100%;
  text-align: center;
  font-family: Alexandria;
  font-size: clamp(8px, 0.78125vw, 15px);
  font-weight: 400;
  line-height: 18px;
  margin-top: 14px;
  color: #6d6d6d;
}

@media (max-width: 576px) {
  .home-banner-3-wrapper .home-banner-3-content {
    flex-direction: column;
    gap: 8px;
  }
  .home-banner-3-wrapper .home-banner-3-content .side-banner-col {
    width: 100% !important;
    flex-direction: row;
    gap: 8px;
    height: fit-content;
    order: 2;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-img
    .top-icons,
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-img
    .bottom-button {
    display: none;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-info {
    gap: 0px;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-info
    .title {
    font-weight: 500;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-info
    .price {
    gap: 0px;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-info
    .flsh-pro-buttons {
    margin: 5px 0;
    display: flex;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-info
    .flsh-pro-buttons
    button {
    width: 106px;
    height: 28px;
    font-family: Alexandria;
    font-size: 6px;
    font-weight: 600;
    line-height: 7.31px;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-info
    .flsh-pro-buttons
    button
    svg {
    width: 10px;
    height: 10px;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-info
    .flsh-pro-buttons
    a {
    width: 28px;
    height: 28px;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-info
    .flsh-pro-buttons
    a
    svg {
    width: 14px;
    height: 14px;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-info
    .flsh-pro-buttons
    a:nth-child(3) {
    display: none;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col
    .side-baner-item
    .side-banner-info
    .new-offer {
    top: 6px;
    right: 6px;
  }
  .home-banner-3-wrapper .home-banner-3-content .side-banner-col:nth-child(2) {
    width: 100%;
    margin: 0;
    flex-direction: column;
    order: 1;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col:nth-child(2)
    .timer
    .title
    .square {
    width: 14px !important;
    height: 28px;
    border-radius: 0px 4px 4px 0px;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col:nth-child(2)
    .middle-banner-info {
    align-items: start;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col:nth-child(2)
    .middle-banner-info
    .save-stars {
    align-items: self-end;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col:nth-child(2)
    .middle-banner-info
    .save-stars
    .bann-save {
    background-color: #ff1212;
    color: #fff;
  }
  .home-banner-3-wrapper
    .home-banner-3-content
    .side-banner-col:nth-child(2)
    .middle-banner-info
    .cat-title
    .bann-price
    span:nth-child(3) {
    font-weight: 400;
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .side-banner-col:nth-child(2)
    .middle-banner-img
    .home-banner-3-swiper
    .home-banner-3-next,
  .side-banner-col:nth-child(2)
    .middle-banner-img
    .home-banner-3-swiper
    .home-banner-3-preve {
    display: none !important;
  }
}
/* /////////////////////////////// */
/* flash product */
.flash-product-wrapper {
  margin-top: clamp(12px, 1.3020833333vw, 25px);
  overflow: hidden;
}
.flash-product-wrapper h2 {
  margin: 8px 0px 10px 0px;
  width: 100%;
  text-align: start;
  padding: 0 16px;
}
.flash-product-wrapper h2 a {
  color: #000;
  font-family: Alexandria;
  font-size: clamp(14px, 1.875vw, 36px);
  font-weight: 600;
  line-height: clamp(14px, 2.5vw, 48px);
  letter-spacing: 0.04em;
}
.flash-product-wrapper .products-container {
  display: flex;
  width: 100%;
  gap: clamp(8px, 2.34375vw, 45px);
  margin-top: clamp(0px, 0.5208333333vw, 10px);
}
.flash-product-wrapper .products-container .product-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: rgba(140, 158, 197, 0.3294117647);
  flex-direction: column;
  padding: clamp(6px, 0.6770833333vw, 13px) 0;
  border-radius: 12px;
  position: relative;
}
.flash-product-wrapper .products-container .product-item .side-banner-img {
  width: 100%;
  position: relative;
  padding: 0 clamp(6px, 0.5729166667vw, 11px);
}
.flash-product-wrapper .products-container .product-item .side-banner-img img {
  width: 100%;
  border-radius: 12px;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-img
  .top-icons {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 5px;
  overflow: hidden;
  padding: 5px 16px;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-img
  .top-icons
  a {
  width: 42px;
  height: 42px;
  border: 1px solid #fd9636;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin-top: -50px;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-img
  .top-icons
  a:hover {
  background-color: #fd9636;
  color: #fff;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-img
  .top-icons
  a:hover
  svg
  path {
  fill: #fff !important;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-img
  .bottom-button {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  right: 0;
  left: 0;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-img
  .bottom-button
  button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: none;
  outline: none;
  font-family: Alexandria;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  background-color: #fd9636;
  padding: 14px 0;
  margin-bottom: -60px;
  border-radius: 2px 2px 0px 0px;
}
.flash-product-wrapper .products-container .product-item .side-banner-info {
  padding: 0 clamp(6px, 0.5729166667vw, 11px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 2px;
  width: 100%;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .cat {
  font-family: "Alexandria", system-ui;
  font-size: clamp(7px, 0.625vw, 12px);
  font-weight: 400;
  line-height: clamp(10px, 0.9375vw, 18px);
  color: #8c9ec5;
  margin-top: 7px;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .title {
  font-family: "Alexandria", system-ui;
  font-size: clamp(8px, 0.7291666667vw, 14px);
  font-weight: 700;
  line-height: clamp(10px, 1.0416666667vw, 20px);
  color: #425a8b;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .price {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: clamp(5px, 0.5208333333vw, 10px);
  margin-top: clamp(0px, 0.8333333333vw, 16px);
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .price
  span {
  font-family: "Alexandria", system-ui;
  font-size: clamp(14px, 1.3541666667vw, 26px);
  font-weight: 700;
  line-height: 24px;
  color: #425a8b;
  text-decoration: none;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .price
  span:nth-child(2) {
  font-family: "Alexandria", system-ui;
  font-size: clamp(8px, 0.5208333333vw, 10px);
  font-weight: 700;
  line-height: clamp(10px, 1.25vw, 24px);
  color: #fff;
  background-color: #8c9ec5;
  border-radius: clamp(6px, 0.4166666667vw, 8px);
  width: clamp(22px, 1.9791666667vw, 38px);
  height: clamp(15px, 0.8854166667vw, 17px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .stars {
  width: 100%;
  margin-top: clamp(0px, 0.78125vw, 15px);
  font-size: clamp(6px, 0.46875vw, 9px);
  padding: 0;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .stars
  svg {
  width: clamp(11px, 1.1979166667vw, 23px);
  height: clamp(10px, 1.0416666667vw, 20px);
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .delivery {
  font-family: "Alexandria", system-ui;
  font-size: clamp(6px, 0.625vw, 12px);
  font-weight: 400;
  line-height: 18px;
  margin-top: clamp(0px, 0.46875vw, 9px);
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .flsh-pro-buttons {
  display: none;
  width: 100%;
  margin: 13px 0 7px 0;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .flsh-pro-buttons
  button {
  width: 142px;
  height: 42px;
  border-radius: 12px;
  border: none;
  outline: none;
  background-color: #fd9636;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  font-family: "Alexandria", system-ui;
  font-size: 12px;
  font-weight: 600;
  line-height: 14.63px;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .flsh-pro-buttons
  a {
  width: 42px;
  height: 42px;
  border: 1px solid #fd9636;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .flsh-pro-buttons
  a:hover {
  background-color: #fd9636;
  color: #fff;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .flsh-pro-buttons
  a:hover
  svg
  path {
  fill: #fff !important;
}
.flash-product-wrapper
  .products-container
  .product-item
  .side-banner-info
  .new-offer {
  position: absolute;
  top: 0;
  right: 0;
  font-family: Alexandria;
  font-size: clamp(8px, 1.0416666667vw, 20px);
  font-weight: 600;
  line-height: clamp(8px, 1.0416666667vw, 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: 0px 6px 0px 12px;
  background-color: #ff1212;
  color: #fff;
  padding: clamp(6px, 0.5729166667vw, 11px) clamp(9px, 0.78125vw, 15px);
}
.flash-product-wrapper .products-container .product-item:hover .top-icons a {
  margin-top: 0;
}
.flash-product-wrapper
  .products-container
  .product-item:hover
  .bottom-button
  button {
  margin-bottom: 0;
}

@media (max-width: 576px) {
  .flash-product-wrapper h2 {
    display: none;
  }
  .flash-product-wrapper .products-container {
    flex-wrap: wrap;
  }
  .flash-product-wrapper .products-container .product-item {
    width: 48%;
  }
  .flash-product-wrapper
    .products-container
    .product-item
    .side-banner-img
    .top-icons,
  .flash-product-wrapper
    .products-container
    .product-item
    .side-banner-img
    .bottom-button {
    display: none;
  }
  .flash-product-wrapper
    .products-container
    .product-item
    .side-banner-info
    .title {
    font-weight: 500;
  }
  .flash-product-wrapper
    .products-container
    .product-item
    .side-banner-info
    .flsh-pro-buttons {
    margin: 10px 0 5px 0;
    display: flex;
  }
  .flash-product-wrapper
    .products-container
    .product-item
    .side-banner-info
    .flsh-pro-buttons
    button {
    width: 106px;
    height: 28px;
    font-family: Alexandria;
    font-size: 6px;
    font-weight: 600;
    line-height: 7.31px;
  }
  .flash-product-wrapper
    .products-container
    .product-item
    .side-banner-info
    .flsh-pro-buttons
    button
    svg {
    width: 10px;
    height: 10px;
  }
  .flash-product-wrapper
    .products-container
    .product-item
    .side-banner-info
    .flsh-pro-buttons
    a {
    width: 28px;
    height: 28px;
  }
  .flash-product-wrapper
    .products-container
    .product-item
    .side-banner-info
    .flsh-pro-buttons
    a
    svg {
    width: 14px;
    height: 14px;
  }
  .flash-product-wrapper
    .products-container
    .product-item
    .side-banner-info
    .flsh-pro-buttons
    a:nth-child(3) {
    display: none;
  }
  .flash-product-wrapper
    .products-container
    .product-item
    .side-banner-info
    .new-offer {
    top: 6px;
    right: 6px;
  }
}
/* ///////////////////////////////////////////////////// */
/* home-banner-4 */
.home-banner-4-wrapper {
  margin-top: 25px;
}
.home-banner-4-wrapper .home-banner-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(6px, 1.0416666667vw, 20px);
}
.home-banner-4-wrapper .home-banner-content .big-bann {
  width: 61.919504644%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  height: 602px;
  overflow: hidden;
}
.home-banner-4-wrapper .home-banner-content .big-bann img {
  width: 100%;
  height: 100%;
}
.home-banner-4-wrapper .home-banner-content .small-bann {
  width: 36.7782272894%;
  display: flex;
  gap: clamp(6px, 1.25vw, 24px);
  flex-direction: column;
  border-radius: 12px;
  height: 602px;
  overflow: hidden;
}
.home-banner-4-wrapper .home-banner-content .small-bann div {
  height: 290px;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.home-banner-4-wrapper .home-banner-content .small-bann div img {
  width: 100%;
  height: 100%;
}

@media (max-width: 576px) {
  .home-banner-4-wrapper .home-banner-content {
    flex-direction: column;
  }
  .home-banner-4-wrapper .home-banner-content .big-bann,
  .home-banner-4-wrapper .home-banner-content .small-bann {
    width: 100% !important;
    flex-direction: row !important;
  }
  .home-banner-4-wrapper .home-banner-content .big-bann {
    height: 231px !important;
    order: 1;
  }
  .home-banner-4-wrapper .home-banner-content .small-bann {
    height: 80px !important;
    order: 2;
  }
  .home-banner-4-wrapper .home-banner-content .small-bann div {
    height: 80px !important;
  }
}
/* ///////////////////////////////////////// */
/* home-articals */
.section-wrapper {
  margin-top: clamp(17px, 1.0416vw, 20px);
  padding: 0;
  position: relative;
}
.section-wrapper .articals-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-wrapper .articals-head h2 {
  font-family: Alexandria;
  font-size: clamp(14px, 1.8229166667vw, 35px);
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: #000;
  padding-bottom: clamp(20px, 2.6041666667vw, 50px);
  padding-top: clamp(17px, 1.0416vw, 20px);
}
.section-wrapper .articals-head a {
  font-family: Alexandria;
  font-size: clamp(8px, 0.7291666667vw, 14px);
  font-weight: 600;
  line-height: clamp(10px, 1.0416666667vw, 20px);
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 50px;
  padding: clamp(5px, 0.625vw, 12px) clamp(9px, 1.25vw, 24px);
  color: #000;
  margin-inline-end: 12px;
}
.section-wrapper .articals-slider {
  overflow: hidden;
}
.section-wrapper .articals-slider .swiper-wrapper .swiper-slide {
  width: clamp(155px, 13.6979166667vw, 263px);
  height: clamp(188px, 14.3229166667vw, 275px);
}
.section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgba(140, 158, 197, 0.1019607843);
  border-radius: 12px;
  padding: clamp(4px, 0.4166666667vw, 8px);
  position: relative;
  overflow: hidden;
}
.section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card
  .card-img {
  width: 100%;
  border-radius: 12px;
}
.section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card
  .card-img
  img {
  width: 100%;
  height: clamp(109px, 9.6354166667vw, 175px);
  border-radius: 12px;
}
.section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card
  .card-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  margin-top: 10px;
}
.section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card
  .card-info
  h3 {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 5px;
  width: 100%;
}
.section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card
  .card-info
  h3
  span {
  font-family: Alexandria;
  font-size: clamp(8px, 0.7291666667vw, 14px);
  font-weight: 500;
  line-height: clamp(10px, 1.0416666667vw, 20px);
  color: #000;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card
  .card-info
  .date {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  margin-top: 2px;
  padding: 0 2px;
  width: 100%;
}
.section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card
  .card-info
  .date
  span {
  font-family: Alexandria;
  font-size: clamp(8px, 0.5208333333vw, 10px);
  font-weight: 400;
  line-height: clamp(17px, 1.0416666667vw, 20px);
  color: #8c9ec5;
}
.section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card
  .corner-square {
  position: absolute;
  bottom: 0;
  left: 0;
  width: fit-content;
  height: 22px;
  border-radius: 0px 8px 0px 0px;
  background-color: #fd9636;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Alexandria;
  font-size: clamp(8px, 0.5208333333vw, 10px);
  font-weight: 400;
  line-height: clamp(17px, 1.0416666667vw, 20px);
  color: #fff;
  padding: 4px 10px;
}
.section-wrapper .articals-slider .articals-slider-next {
  position: absolute;
  top: 50%;
  inset-inline-end: -40px;
  transform: translateX(50%);
  width: 52px;
  height: 40px;
  border-radius: 46px;
  background-color: #e4eded;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-wrapper .articals-slider .articals-slider-preve {
  position: absolute;
  top: 50%;
  inset-inline-start: -40px;
  transform: translateX(-50%);
  width: 52px;
  height: 40px;
  border-radius: 46px;
  background-color: #e4eded;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 576px) {
  .section-wrapper {
    margin-top: clamp(17px, 1.0416vw, 20px);
    padding: 0;
    position: relative;
  }
  .section-wrapper .articals-slider {
    overflow: visible;
  }
  .section-wrapper .articals-slider .articals-slider-preve,
  .section-wrapper .articals-slider .articals-slider-next {
    display: none !important;
  }
}
/* /////////////////////////////////// */
/* dark mode styles */
body.dark {
  /* /////////////////////////////////////// */
  /* catigory slider */
  /* /////////////////////////////// */
  /* flash sales */
  /* ///////////////////////////////////////////////////// */
  /* home-banner-1 */
  /* .home-banner-1-wrapper {
      border: 1px solid var(--dark-mode-white-second);
    } */
  /* ///////////////////////////////////////////////////// */
  /* home-banner-3 */
  /* ///////////////////////////////////////// */
  /* home-articals */
}
body.dark
  .section-wrapper
  .catigory-slider-2
  .swiper-wrapper
  .swiper-slide
  .slide-container
  svg {
  stroke: #565c5f;
  stroke-width: 1px;
}
body.dark
  .section-wrapper
  .catigory-slider-2
  .swiper-wrapper
  .swiper-slide
  .slide-container
  svg
  path {
  fill: var(--dark-mode-second);
}
body.dark
  .section-wrapper
  .catigory-slider-2
  .swiper-wrapper
  .swiper-slide
  .slide-container
  h3 {
  color: #c4c1c1;
}
body.dark .section-wrapper .catigory-slider-2 .catigory-slider-2-next,
body.dark .section-wrapper .catigory-slider-2 .catigory-slider-2-preve {
  background: var(--dark-mode-white);
}
body.dark .section-wrapper .catigory-slider-2 .catigory-slider-2-next svg path,
body.dark
  .section-wrapper
  .catigory-slider-2
  .catigory-slider-2-preve
  svg
  path {
  fill: #fff;
}
body.dark .flash-sales-wrapper {
  border: 1px solid var(--dark-mode-white-second);
  background: var(--dark-mode-second);
}
body.dark .flash-sales-wrapper .sec-title h2 a {
  color: #fff;
}
body.dark .flash-sales-wrapper .sec-title .flash-navigation a {
  background-color: var(--dark-mode-white);
  color: #fff;
}
body.dark
  .flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-next,
body.dark
  .flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-prev {
  background-color: var(--dark-mode-white);
  color: #fff;
}
body.dark
  .flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-next
  svg
  path,
body.dark
  .flash-sales-wrapper
  .sec-title
  .flash-navigation
  .flash-sales-slider-3-prev
  svg
  path {
  stroke: #fff;
}
body.dark
  .flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide {
  border: 1px solid var(--dark-mode-white);
  background-color: var(--main-dark);
}
body.dark
  .flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-info
  a {
  color: #fff;
}
body.dark
  .flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-info
  .cat-stars
  a {
  color: #a9a9a9;
}
body.dark
  .flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-info
  .cat-stars
  .stars
  svg
  path[fill-opacity="0.1"] {
  fill-opacity: 1;
  fill: rgba(217, 217, 217, 0.5019607843);
}
body.dark
  .flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-price
  span
  span {
  color: #a9a9a9 !important;
}
body.dark
  .flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-price
  p {
  color: #fff;
}
body.dark
  .flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-price
  p
  sup {
  color: #a9a9a9;
}
body.dark
  .flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flsh-pro-buttons
  a {
  background-color: var(--dark-mode-second);
}
body.dark
  .flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide
  .slide-container
  .flash-pro-delivery {
  color: #fff;
}
body.dark
  .flash-sales-wrapper
  .flash-sales-slider-3
  .swiper-wrapper
  .swiper-slide:hover {
  border-color: #fd9636;
}
@media (max-width: 576px) {
  body.dark .flash-sales-wrapper .sec-title .flash-navigation a {
    color: #fff;
  }
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item {
  background-color: var(--dark-mode-second);
  border: 1px solid var(--dark-mode-white);
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .cat {
  color: #b1beda;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .title {
  color: #fff;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flash-pro-price
  span
  span {
  color: #a9a9a9 !important;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flash-pro-price
  p {
  color: #fff;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flash-pro-price
  p
  sup {
  color: #a9a9a9;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .stars
  svg
  path[fill-opacity="0.1"] {
  fill-opacity: 1;
  fill: rgba(217, 217, 217, 0.5019607843);
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .delivery {
  color: #f1f1f2;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .delivery
  strong {
  color: #f1f1f2 !important;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col
  .side-baner-item
  .side-banner-info
  .flsh-pro-buttons
  button {
  background-color: #fd9636;
  color: #fff;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content {
  background-color: var(--dark-mode-second);
  border: 1px solid var(--dark-mode-white);
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .title
  h2 {
  color: #fff;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .timer-clock
  .clock-unit
  .num-label {
  color: #fff;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .timer-clock
  .clock-unit
  .number {
  color: #fff;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .timer
  .timer-clock
  .clock-unit
  .number
  span:nth-child(2) {
  color: rgba(253, 150, 54, 0.6980392157);
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-info
  .cat-title
  .bann-title
  span {
  color: #b1beda;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-info
  .cat-title
  .bann-title
  h2 {
  color: #fff;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-info
  .cat-title
  .bann-price
  span:nth-child(2) {
  color: #fff;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .middle-banner-info
  .cat-title
  .bann-price
  span:nth-child(3) {
  color: #a6a6a6;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .del {
  color: #fff;
}
body.dark
  .home-banner-3-wrapper
  .home-banner-3-content
  .side-banner-col:nth-child(2)
  .side-banner-col-content
  .del
  strong {
  color: #fff;
}
body.dark .section-wrapper .articals-head h2 {
  color: #fff;
}
body.dark .section-wrapper .articals-head a {
  color: #fff;
  background-color: var(--dark-mode-white);
}
body.dark
  .section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card {
  background-color: var(--dark-mode-second);
}
body.dark
  .section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card
  .card-info
  h3
  span {
  color: #fff;
}
body.dark
  .section-wrapper
  .articals-slider
  .swiper-wrapper
  .swiper-slide
  .home-artical-card
  .card-info
  .date
  span {
  color: #fff;
}
body.dark .section-wrapper .articals-slider .articals-slider-next,
body.dark .section-wrapper .articals-slider .articals-slider-preve {
  background: var(--dark-mode-white);
}
body.dark .section-wrapper .articals-slider .articals-slider-next svg path,
body.dark .section-wrapper .articals-slider .articals-slider-preve svg path {
  fill: #fff;
}

body.dark
  .modal-content
  .product-details
  .product-info-sec
  .product-desctiption
  span {
  color: #f1f1f2;
}
body.dark
  .modal-content
  .product-details
  .product-info-sec
  .product-desctiption
  .display-text-short {
  color: #fff;
}
body.dark
  .modal-content
  .product-details
  .product-info-sec
  .product-desctiption
  .display-text-short
  p {
  color: #fff !important;
  line-height: 1.8;
}
body.dark
  .modal-content
  .product-details
  .product-info-sec
  .product-desctiption
  .display-text-short
  p
  a {
  color: #fd9636 !important;
}
body.dark
  .modal-content
  .product-details
  .product-info-sec
  .product-desctiption
  div
  a {
  color: #fd9636 !important;
}

/* rtl styles */
.rtl .flash-sales-slider-3-next,
.rtl .flash-sales-slider-3-prev {
  transform: rotate(180deg);
}
.rtl .catigory-slider-2-next {
  inset-inline-end: -85px !important;
}
.rtl .catigory-slider-2-preve {
  inset-inline-start: -80px !important;
}
.rtl .articals-slider-next {
  inset-inline-end: -90px !important;
}
.rtl .articals-slider-preve {
  inset-inline-start: -90px !important;
}

/*# sourceMappingURL=home253.css.map */