.topmarquee span{
	    color: #000;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px; cursor:pointer;
}

.bordercircle{
	border:1px solid #333;
}




.category_section{
}

.category_section ul{
}

.category_section ul li{
 
	float: left;
   
    background: #00528c;
    text-align: center;
    color: #fff;
    margin-left: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.category_section ul li a{
}

.category_section ul li img {
    width: 100%;
    padding: 3px;
    /* margin: 3px; */
}

.category_section ul li p{
	    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
}

.padtopbottom40{
	padding-top:40px; padding-bottom:40px;
}



.category_scroll_wrapper {
  display: flex;
  justify-content: center;
  overflow-x: auto;
  scrollbar-width: none;      /* Firefox */
  -ms-overflow-style: none;   /* IE and Edge */
}

.category_scroll_wrapper::-webkit-scrollbar {
  //display: none;              /* Chrome, Safari */
}

.category_section ul {
  display: flex;
  
  padding: 0;
  margin: 0;
  list-style: none;
}

.category_section li {
  flex: 0 0 auto;
  text-align: center;
}

.category_section img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}


 .product-card {
      border: 1px solid #ddd;
     
      background: #fff;
     
     
    }
    .product-card img {
      /*max-width: 100%;
      height: 150px;*/
      object-fit: contain;
    }
    .custom-product-dropdown {
      margin-top: 10px;
      background: #f1f1f1;
      padding: 6px;
      border-radius: 5px;
      font-size: 14px;
    }
    .swiper {
      padding: 40px 0;
      position: relative;
    }
    .swiper-button-next,
    .swiper-button-prev {
      color: #000;
      top: 40%;
    }
    .swiper-button-next {
      right: -10px;
    }
    .swiper-button-prev {
      left: -10px;
    }
    .swiper-slide {
      height: auto;
    }
	
	
	
	.swiper-button-next {
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Optional: Customize the arrow icon inside */
.swiper-button-next::after {
  font-size: 18px;
  color: black;
}

.swiper {
  position: relative;
}





/* Common styles for both buttons */
.swiper-button-next,
.swiper-button-prev {
  width: 40px !important;
  height: 40px !important;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Positioning */
.swiper-button-next {
  right: 10px;
}

.swiper-button-prev {
  left: 10px;
}

/* Arrow icons */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 18px !important;
  color: black;
}


.shop img{
	margin-top:40px; margin-bottom:40px;
}






/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  /* Your mobile styles */
   .category_section ul li{
 width: 44%;
 }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Your tablet styles */
  
  .category_section ul li{
 width: 44%;
 }
 
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Your small laptop styles */
  .category_section ul li{
 width: 13%;
 }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Your desktop styles */
  .category_section ul li{
 width: 13%;
 }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Your larger desktop styles */
  .category_section ul li{
 width: 13%;
 }
}

/* Extra extra large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  /* Your very large desktop styles */
  
  .category_section ul li{
 width: 13%;
 }
}