/* Styles for swiper buttons, pagination, and bullets */
::selection {
  color: white;
  background: #0c831f;
}

.brandborder {
  border-color: #0c831f !important;
}

/* For Tailwind CSS 2.2+ */

/* For Tailwind CSS < 2.2 */
/* You can directly add these styles in your CSS file */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background-color: #0c831f;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #0c831f;
}

details[open] summary .opened {
  display: flex !important;
}
details[open] summary .closed {
  display: none !important;
}
.nomarker {
  max-height: 80px !important;
  min-height: 50px;
  overflow: hidden !important;
  transition: max-height 2s ease !important;
}

:root {
  --white-color: white;
  --text-white: white;
  --background-black: black;
  --text-color: black;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-600: #4b5563;
  --hr-border: #e5e7eb;
  --gray-500: #6b7280;
  --gray-400: #bdbdbd;
  --gray-700: #374151;
  --primary-color: #0c831f !important;
  --secondary-color: #f7fff9 !important;
  --green-variant: #359c46 !important;
  --skeleton-color: #d1d5db;
}

.whatsapp-plugin-icon {
  margin-bottom: 36px !important ;
}

.product-swiper-four .swiper-slide-thumb-active {
  opacity: 1 !important;
}

.add-cart::-webkit-scrollbar {
  display: none;
}