.category__items {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    height: auto !important;
}

.footer-input i {
    font-size: 18px;
    margin-top: 4px;
    color: #fff;
}

.footer-input p {
  font-size: 16px;
  margin: 0;
  color: #ccc;
  font-weight: bold;
}

.price-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.price-btn-wrapper .original-price {
    font-weight: 800;
    font-size: 16px;
}

.price-btn-wrapper .theme-btn {
    padding: 14px 16px;
    font-size: 15px;
}
.header-top-left {
    margin-right: 150px;
}

.track-order {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
}

/* LEFT MOVE ANIMATION */
.truck-left {
    animation: moveLeft 1.5s infinite ease-in-out;
}

@keyframes moveLeft {
    0% { transform: translateX(0); }
    50% { transform: translateX(-6px); }
    100% { transform: translateX(0); }
}

.track-order:hover {
    color: #00459f;
}

.blink-text {
    animation: colorBlink 1s infinite;
}

@keyframes colorBlink {
    0% { color: #000; }
    50% { color: #ff0000; }
    100% { color: #000; }
}

.feature-box-item-three__content--text {
    color: #fff;
}

   .best-seller-product-items-two {
      text-align: center;
   }

   .best-seller-product-items-two__content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   .best-seller-product-items-two__thumb {
      margin-bottom: 10px; /* Space between image and title */
   }

   .best-seller-product-items-two__details {
      margin-top: 10px;
   }

   .swiper-pagination {
      text-align: center;
   }
   
   /* Hide submenu initially */
.has-submenu .submenu {
    display: none;
    list-style: none;
    padding-left: 15px;
    margin-top: 5px;
}

/* Show submenu when active */
.has-submenu .submenu.show {
    display: block;
}

/* Caret rotation */
.submenu-toggle .caret {
    float: right;
    transition: transform 0.3s;
}

.submenu-toggle.open .caret {
    transform: rotate(180deg);
}
/* Submenu icons */
.submenu li a {
    display: flex;
    align-items: center;
    gap: 5px; /* space between icon and text */
    color: #333; /* submenu text color */
    text-decoration: none;
}

.submenu li a .icon-submenu {
    color: #000; /* icon color */
    font-size: 12px; /* adjust icon size */
}

.hero-content {
  position: relative; /* Ensure it can be shifted */
  left: 30px; /* Moves content 30px to the right */
  /* OR you can use transform */
  /* transform: translateX(30px); */
}