#RSproduct {
  font-size: medium;
}

.category-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; /* Add space between items */
}

.product-category {
  flex: 1 1 calc(25% - 16px); /* Adjust width for 4 items per row */
  box-sizing: border-box; /* Include padding and border in width calculation */
  max-width: calc(
    25% - 16px
  ); /* Ensure items don’t exceed 25% of the row width */
}

.product-category img {
  width: 100%; /* Make images responsive */
  height: auto;
}

.owl-carousel {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto; /* Centers the element horizontally within its container */
  width: fit-content; /* Ensures the width adapts to its content */
  text-align: center; /* Centers text within */
}

.owl-stage-outer {
  display: flex;
  justify-content: center; /* Aligns child elements horizontally */
}

.owl-stage {
  display: flex;
  justify-content: center; /* Ensures the items inside the stage are centered */
}

.product-category {
  margin: 0 auto; /* Centers individual category elements */
}

#rs-div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto; /* Centers the element horizontally within its container */
  width: fit-content; /* Ensures the width adapts to its content */
  text-align: center; /* Centers text within */
}

#rs-div .owl-stage-outer {
  display: flex;
  justify-content: center; /* Centers child elements horizontally */
}

#rs-div .owl-stage {
  display: flex;
  justify-content: center; /* Ensures the items inside the stage are centered */
}

#rs-div .product-category {
  margin: 0 auto; /* Centers individual category elements */
}

.rsstyle {
  height: 150px !important;
  overflow: hidden;
  width: 100%;
  object-fit: fill;
  border-radius: 10px;
}
.rsMT30 {
  margin-top: 30px;
}

.rs-container {
  background-color: #ece9e9;
}

.rs-text {
  font-size: 12px;
  font-weight: bold;
}

.bg-change:hover {
  font-weight: bold !important;

  text-decoration: underline;

  color: #b30000; /* deep red text */
}

a:hover {
  font-weight: bolder;
}