.banner-category-slider-wrapper {
  display: flex;
  flex-direction: column;
}
.category-slider {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  background: white;
  padding: 2% 1%;
}
.category-slider a {
  padding-right: 2%;
}
.category-image-box {
  width: 150px;
}
.category-image-box img {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}
.category-image-box h2 {
  text-align: center;
  color: #6b6767;
  font-weight: 500;
}




/*big-product css start from hete  *************/

.big-product{
  background-color: white;
  padding: 2%;

}
.big-product-container{
  display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}

.item {
        width: calc(25% - 10px); /* For 4 items per row */
        margin-bottom: 20px;
        background-color: #f0f0f0;
        padding: 3px;
        box-sizing: border-box;
    }
.product-card {
    padding: 0.5%;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    cursor: pointer;
    border-radius: 1px;
    padding: 8px;
    background-color: #fff;
    display: inline-block;
}

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

.img-container{
  position: relative;
}
.product-card  figcaption{
  padding-bottom: 4%;
    text-align: center;
}




.product-card  h4 {
    width: auto;
    height: auto;
    border-radius: 50%;
    color: #343434;
    font-size: 26px;
    font-family: "Playfair Display", serif;
    font-style: italic;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    /* transform: translateX(-50%); */
    /* top: -83px; */
    bottom: -29px;
    line-height: 68px;
    /* margin-bottom: 0px; */
    /* z-index: 0; */
    padding: 0% 2%;
}

.product-card  figcaption  h3 {text-align: center;
    color: #312e2e;
    padding: 5% 0;
    /* z-index: 1; */
    position: relative;
    }

.checked {
    color: orange;
}
.star_wrapper{
  font-size: 17px;
  color: gray;
}

/*.product-card  h4 {
    width: auto;
    height: auto;
    border-radius: 50%;
    color: #343434;
    font-size: 26px;
    font-family: "Playfair Display", serif;
    font-style: italic;
    background: #fff;
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -35px;
    line-height: 68px;
    margin-bottom: 0px;
    z-index: 2;
    padding: 0% 2%;
}*/

/*custom banner start from here */

.custom-bnanners{
  background-color: white;
  padding: 2%;
  display: flex;
  justify-content: space-between;
}
.custom-bnanners-left{
  width: 49%;
}

.custom-bnanners-left a figure{
    width: calc(25vw - 48px);
   
    border-radius: 16px;
    border: none;
    overflow: hidden;
    position: relative;
    margin-bottom: 5%;
}
.regular-banner{ 
   height: calc(12.5vw - 32px);
}
.big-banner{ 
  height: calc(17.38vw - 25px);
}


.custom-bnanners-left a figure figcaption{
  position: absolute;
  bottom: 0;
  left: 28%;
}


.custom-bnanners-right{
  width: 49%;
}

.custom-bnanners-right a figure{
    
    border-radius: 16px;
    border: none;
    overflow: hidden;
    position: relative;
}

.custom-bnanners-right .big-banner{ 
   width: calc(50vw - 72px);
    height: calc(17.38vw - 25px);
}
.custom-bnanners-right .regular-banner{ 
  width: calc(25vw - 48px);
    height: calc(25vw - 48px);
}


.custom-bnanners-right a figure figcaption{
  position: absolute;
  bottom: 0;
  left: 28%;
}
.circle-bnanners{
  background-color: white;
  padding: 2%;
  display: flex;
  justify-content: space-between;
}
.circle-bnanners{
  display: flex;
  flex-direction: column;
}
.circle-bnanners-header{
  display: flex;
  width: 100%;

  justify-content: space-between;
  font-weight: 500;
  font-size: 18px;
}
.circle-banner-main{
  /*display: flex;
  flex: 1;*/
  margin-top: 2%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
}
.circle-banner-product{
  width: 23% !important;
  text-align: center;
  margin-right: 2%;
}

.circle-banner-product figure{
  padding-top: 80%;
    background: #f8f8f8;
    border: 8px solid #fff;
    box-shadow: 0 0px 6px rgb(0 0 0 / 30%);
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

.circle-banner-product img{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 85%;
    object-fit: cover;
    max-width: 100%;
}

.circle-banner-product img:hover{
  transform: scale(1.03);
  transition: all ease-in-out 0.25s;
}
















@media screen and (max-width: 1240px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 460px) {
  .banner-category-slider-wrapper {
    flex-direction: column-reverse;
  }
  .category-image-box {
    width: 70px;
  }
  .category-image-box img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
  }
  .category-slider {
    padding: 3%;
  }
  .category-image-box h2 {
    font-size: 12px;
  }
  .item {
            width: calc(50% - 10px); /* For 2 items per row in mobile view */
        }
  .custom-bnanners{
    flex-direction: column;
  }
  .custom-bnanners-right,.custom-bnanners-left{
    width: 100%;
  }
  .custom-bnanners-left a figure { width: calc(50vw - 14px);}
  .regular-banner {height: calc(24vw - 3px);}
  .big-banner {height: calc(39.38vw - 25px);}
  .custom-bnanners-left a figure figcaption { left: 21%;}
  figcaption h3 {font-size: 14px;}
  .custom-bnanners-right .big-banner {width: calc(96vw);height: calc(62vw - 111px);}
  .custom-bnanners-right .regular-banner {width: calc(50vw - 14px);height: calc(58vw - 48px);}
  .custom-bnanners-right a figure figcaption { left: 22%; }
  .circle-banner-product {width: 46% !important;}
  .circle-banner-main {margin-top: 10%;}
  .circle-bnanners-header{padding-top: 4%;}

  .circle-banner-main figcaption h3 {font-size: 10px;}