*{
    margin: 0;
    padding: 0;
}
.onsalebtnflex{
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 0 20px;
}
.shopallbtn{
    text-decoration: none;
    border:1px solid #14919B;
    color: #14919B;
    background-color: white;
    padding: 5px;
}
.card-oncale{
  background-color: white;
  width: 95%;
  margin: auto;
  height: 280px;
}
.card-oncale:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.card-container{
  background-color: white;
  width: 95%;
  margin: auto;
  height: 310px;
  font-family: serif;
}
.card-container:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}


  .loadbtn{
    width: 300px;
    text-decoration: none;
    border:1px solid #14919B;
    color: #14919B;
    background-color: white;
    padding: 10px;
    margin:10px 0;
}


/* start footer molile screen */
.mobilefooterdiv{
  display: none;
  background-color:#F5F5F5;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .mobilefooterdiv {
    display: block;
  }
}
.mobilefootertext{
  color: rgb(70, 67, 67); line-height: 20px;
  text-align: center;
}

/* end footer molile screen */


/*  start Categories*/
.container-fluid {
  background-color: white;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 10px;
  padding: 20px 0;
  scroll-snap-type: x mandatory;
  border-radius: 8px;
}

.container-fluid::-webkit-scrollbar {
  display: none;
}

.item {
  flex: 0 0 auto;
  width: 150px;
  height: 147px; /* Adjusted height to fit image and text */
  background: #f4f4f4;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column; /* Stack image and text vertically */
  text-align: center;
  scroll-snap-align: start; /* Align items while scrolling */
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background-color: white;
}
.item:hover{
  box-shadow: 0 4px 15px rgb(180, 177, 177);
}
.categoryimg {
  width: 100%;
  height: 90px; 
  object-fit: cover; 
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.item p {
  font-size: 14px;
  color: #333;
}

@media (min-width: 1024px) {
  .container-fluid {
    flex-wrap: wrap; 
    overflow-x: visible;
  }

  .item {
    flex: 1 1 calc(12.5% - 20px);
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .item {
    width: 80px;
    height: 130px;
  }
  .categoryimg {
    height: 70px; 
  }

}

/*  end Categories*/


/* home footer start */
.homefooter {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Ensures vertical centering */
  padding: 0 30px;
  width: 100%;
  height: 75px; /* Fixed height for the footer */
  background-color: #007C96;
  border-top: 1px solid #ccc;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

.homefooter ul {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1;
  text-align: center;
}
.homefooter i {
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
  color: white;
}

.homefooter b {
  font-size: 14px;
  color: white;
}

.footeratag {
  text-decoration: none;
  color: inherit;
}

.hofomain {
  display: none;
}

.footerheight {
  display: none;
  height: 75px; /* Matches footer height */
}

@media screen and (max-width: 768px) {
  .hofomain {
    display: block;
  }
  .homefooter {
    padding: 0 15px;
  }
  .footerheight {
    display: block;
  }
  .desktopfooter {
    display: none !important;
  }
}


/* home footer end */


/* single product start */
.fa-star{
  font-size: 13px;
  color: #FFCF00;
  margin-top: 2px;
}
.starttext{
  margin: 0;
  margin-left: 10px;
  font-size: 13px;
  color: #1E85FF;
}
.brandtext{
  font-size: 13px;
}
.brandtext span{
  color: #1E85FF;
}
.colorrow{
  padding: 5px 40px;
}
.colorcol{
  border: 1px solid rgb(196, 193, 193);
  text-align: center;
}
.colorcol:hover{
  border: 1px solid #14919B;
}
.coloractive {
  background-color: #14919B; /* Highlight color */
  color: white;
}
.sizecol{
  border: 1px solid rgb(196, 193, 193);
  text-align: center;
}
.sizecol:hover{
  border: 1px solid #14919B;
}
.sizeactive {
  background-color: #14919B; /* Highlight color */
  color: white;
}
.color {
  background-color: #14919B; /* Highlight color */
  color: white;
}
.size {
  background-color: #14919B; /* Highlight color */
  color: white;
}
.fa-minus{
  background-color: #EFF0F5;
  padding: 5px;
}
.fa-plus{
  background-color: #EFF0F5;
  padding: 5px;
}
.fa-minus:hover{
  background-color: #14919B;
  color: white;
}
.fa-plus:hover{
  background-color: #14919B;
  color: white;
}
.buyaddbtndiv {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}
.buynowbtn {
  display: inline-block; 
  padding: 10px 20px;
  font-size: 16px; 
  font-weight: bold; 
  color: #fff; 
  background-color: #006378;
  border: none; 
  border-radius: 5px;
  text-align: center;
  text-decoration: none; 
  cursor: pointer; 
  transition: background-color 0.3s ease, transform 0.2s ease;
  width: 200px !important;
}

.buynowbtn:hover {
  background-color: #014f61;
}
.addcartbtn {
  display: inline-block; 
  padding: 10px 20px;
  font-size: 16px; 
  font-weight: bold; 
  color: #fff; 
  background-color: #FF8B2C;
  border: none; 
  border-radius: 5px;
  text-align: center;
  text-decoration: none; 
  cursor: pointer; 
  transition: background-color 0.3s ease, transform 0.2s ease;
  width: 200px !important;
}

.addcartbtn:hover {
  background-color: #fa7b13;
}
@media (max-width: 550px) {
  .buynowbtn {
    width: 140px !important;
  }
  .addcartbtn {
    width: 140px !important;
  }
}
.fa-info{
  font-size: 13px;
}
.locationdiv{
  font-size: 15px;
  display: flex;
  color: rgb(119, 115, 115)
}
.itext{
  padding: 2px 8px;
  border: 2px solid rgb(196, 193, 193);
  border-radius: 30px;
  font-size: 10px;
}
.chatbtn{
  color: #14919B;
  text-decoration: none;
}
.sintext{
  font-size: 14px;
  color: rgb(119, 115, 115);
}
.carttitle{
  color: black;
}
.carttitleflash{
  color: black;
}
/* single product end */



/* footer start now */
.desktopfooter{
  background-color: white;
  color: rgb(112, 104, 104);
}

/* footer end now */




/* cart responsive start */

.cartbutton{
   border:2px solid #007C96 !important;
   color:#007C96 !important;
}
.orderbutton{
  background-color:#007C96 !important;
  color:white !important;
}
.cartbutton:hover{
  background-color:#007C96 !important;
  color:white !important;
  transform: scale(1.05);
  transition: transform 0.3s ease;
}
.orderbutton:hover{
  transform: scale(1.05);
  transition: transform 0.3s ease;
}
@media (max-width: 1250px) {
  .cartbutton{
    font-size:10px !important;
  }
  .orderbutton{
    font-size:10px !important;
  }
  .product-card{
    height:310px !important;
  }
}

@media (max-width: 985px) {
  .cartbutton{
    font-size:15px !important;
    width: 95% !important;
    margin-top:5px !important;
  }
  .orderbutton{
    font-size:15px !important;
    width: 95% !important;
    margin-top:10px !important;
  }
  .product-card{
    height:360px !important;
  }
}

@media (max-width: 800px) {
  .cartbutton{
    font-size:15px !important;
    width: 95% !important;
    margin-top:5px !important;
  }
  .orderbutton{
    font-size:15px !important;
    width: 95% !important;
    margin-top:10px !important;
  }
  .product-card{
    height:360px !important;
  }
}
/* cart responsive end */





@media (min-width: 1400px) {
  .carousel-inner{
    width:1200px !important;
    margin:auto !important;
  }
  .flashselllg{
    width:1200px !important;
    margin:auto !important;
  }
  .singleimg{
    width:470px !important;
  }
  .top-bar{
    width:1200px !important;
    margin:auto !important;
  }
  .nav-bar{
    width:1200px !important;
    margin:auto !important;
  }
}

@media (max-width: 1100px) {
  .nav-bar{
    font-size:11px !important;
  }
}