.navbar-brand img{padding: 4px 8px !important;}
.navbar{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.bg-holder.overlay-elixir:before {
    background-color: rgb(22 22 22 / 70%) !important;
}


 .timer-box {
  background-color: #f5b940;
  padding: 20px 10px;
  border-radius: 12px;
  text-align: center;
  min-width: 80px;
}

 .timer-box .label {
  font-size: 0.85rem;
  margin-top: 5px;
  letter-spacing: 1px;
  color: #fff;
}

.countdown {
  display: flex;
  gap: 20px;
  padding: 20px;
  border: 1px solid #f5b940;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
}

.dots {
  display: flex;
  align-items: center;
  font-size: 2rem;
  color: white;
}
    
.text-warning, .bg-warning{color : #e56815 !important}
.navbar-elixir{padding: 4px 0px;}

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

    .slider-track {
      display: flex;
      transition: transform 0.5s ease;
    }

    .product-card {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 10px;
      box-sizing: border-box;
    }

    @media (min-width: 768px) {
      .product-card {
        flex: 0 0 25%;
        max-width: 25%;
      }
    }

    .product-card-inner {
      border: 0px solid #ddd;
      border-radius: 8px;
      text-align: center;
      padding: 10px;
      height: 100%;
    }

    .product-card img {
      max-height: 276px;
      width: 100%;
      object-fit: contain;
      margin-bottom: 10px;
    }

    .slider-controls {
      text-align: center;
      margin-top: 15px;
    }

    .slider-controls button {
      margin: 0 5px;
    }
    
.pulse {
  background-color: #5a9605;
  color:#fff;
  text-align:center;
  padding: 5px 10px;
  border-radius: 10px ;
  -webkit-animation: blink 800ms infinite;
          animation: blink 800ms infinite;
}
.pulse:hover{text-decoration:none;color:#fff;}
@-webkit-keyframes blink { 50% { background-color: red; }}
@keyframes blink { 50% { background-color: red; }}

.menu{font-size: 14px;font-size: 14px;color: #5c5c5c;border-color: #b5b4b4 !important;}
.menu::-webkit-scrollbar {
  display: none;
}

@media (max-width:720px){
.navbar-elixir a {font-size:12px;}
.countdown{gap: 2px;padding: 12px !important;}
.countdown .label{font-size: 0.6rem !important;}
.timer-box{padding: 6px 10px !important; min-width: 66px !important;}
.timer-box .h3{font-size: 22px !important;}

}