.noon-yellow {
  background: #FEEE00 !important;
}
.logo-image{
    width: 80px;
}


    .logo-image {
      height: 40px;
    }
    .location-text {
      font-size: 12px;
      line-height: 1;
    }
    .nav-icon {
      height: 20px;
      width: 20px;
    }


#navbarCarousel {
  background-color: #FCFBF4 !important;
}



.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: transparent !important;
  background-image: none !important;
  width: 30px;
  height: 30px;
  position: relative;
}

/* Left arrow: a simple black left-pointing arrow */
.carousel-control-prev-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-top: 3px solid black;
  border-left: 3px solid black;
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Right arrow: a simple black right-pointing arrow */
.carousel-control-next-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-bottom: 3px solid black;
  border-right: 3px solid black;
  transform: translate(-50%, -50%) rotate(-45deg);
}



/* carosuel side images */
.carosuelparts{
  width: 80%;
  margin:  0 auto !important;
}


.icons{
  background-color:#FFF0BF !important;
}

.custom-carousel-bg{
  background-color: #FFF0BF !important;
}


body{
  background-color: #F7F7FA !important;
}



.section3-color{
  background-color:#f3eaea !important; ;
  border: none !important;
}


/* section 4 */
    .product-card {
      border-radius: 15px;
      border: 1px solid #eee;
    }

    .img-container {
      position: relative;
      overflow: hidden;
    }

    .img-container img {
      transition: transform 0.3s ease;
    }

    .img-container:hover img {
      transform: scale(1.05);
    }

    .arrow-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      border: none;
      padding: 5px 10px;
      border-radius: 50%;
      cursor: pointer;
      display: none;
    }

    .arrow-left {
      left: 10px;
    }

    .arrow-right {
      right: 10px;
    }

    .img-container:hover .arrow-btn {
      display: block;
    }

    .badge-best {
      position: absolute;
      top: 2px;
      left: 10px;
      background-color: #343a40;
      color: #fff;
      font-size: 0.75rem;
      padding: 0.25em 0.6em;
      border-radius: 0.25rem;
      z-index: 10;
    }

    .rating .star {
      color: green;
    }

    .price del {
      color: #888;
    }

    .price .discount {
      color: green;
      font-weight: bold;
    }


    .bottom-badge {
      font-size: 0.75rem;
    }


    .badge-best {
  background-color: #343a40;
  color: white;
  font-size: 0.75rem;
  padding: 0.25em 0.6em;
  border-radius: 0.25rem;
}
.img-container img {
  display: block;
  width: 100%;
  height: auto;
}


.card-body p{
  font-size: 0.70rem;
}

.info-ticker {
  height: 1.2rem;
  overflow: hidden;
  position: relative;
}

.info-slide {
  display: flex;
  flex-direction: column;
  animation: scrollUp 6s linear infinite;
}

.info-slide div {
  height: 1.2rem;
  font-size: 0.8rem;
  color: #6c757d;
}

/* Slow continuous upward scroll */
@keyframes scrollUp {
  0%   { transform: translateY(0); }
  25%  { transform: translateY(-1.2rem); }
  50%  { transform: translateY(-2.4rem); }
  75%  { transform: translateY(-3.6rem); }
  100% { transform: translateY(-4.8rem); } /* Adjust based on number of items */
}

.card-body p,
.card-body .rating,
.card-body .price,
.info-ticker div {
  line-height: 1.1; /* or any smaller value you want, default is usually ~1.4 or 1.5 */
}
.card-body {
  line-height: 1.1;
}

/* hear image */

.heart-image{
  display: flex !important;
  justify-content: end !important;
}




/* carsouel section 4*/
.carousel-inner .carousel-item .col-2 {
  min-width: 16.66%; /* 100% / 6 */
  flex: 0 0 auto;
}

.card.product-card {
  width: 100%;
  /* Remove fixed widths here */
}


/* section 5*/
.color-bg-orange{
background-color: rgb(252, 125, 6) !important;
}



.mylastpic{
  width: 100%;
  margin-top: 20px;
 
}


.footer1{
  font-size: 0.60rem;
  white-space: pre-line;
  /* line-height: 1; */
  
}

.footer1 h6 {
  margin-top: 0;
  margin-bottom: 4px; /* reduce space below heading */
  padding: 0;
}

.footer1 .para1 {
  margin-top: 0;
  margin-bottom: 8px; /* reduce space after paragraph */
  padding: 0;
  line-height: 1.4; /* optional: tighten line spacing */
}


.footer2{
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  background-color:#e9eff7;
  
}


.myul{
  font-size: 10px;
  line-height: 2;
}


/*  row customization*/
.row-cols-7 > * {
  flex: 0 0 auto;
  width: 14.2857143%; /* 100% / 7 */
}

.para1{
  font-size: 10px;
  line-height: 2;
}

.mylastfooter{
  margin-top: 50px !important;
  background-color: #F7F7FA !important;
  justify-content: center;
  align-items: center;
}


.para2{
  font-size: 0.45rem;
  line-height: 2;
  font-weight: bold;
  color: #343a40;

}


.para3{
 font-size: 10px;
  line-height: 2;
  color: #343a40; 
}