.z-20, .z-30{
color:#fff !important;}
.menuss-hover:hover {
color:#ffff !important;}
.categories-menu:hover {
color:#ffff !important;}
.semi-primary-bg-color {
 background-color:#2a4266 !important;
}
.chat-parent-container * {
color:#ffff !important;}

img:hover{
  color:#ffff !important;}
.primary-text-color {
 color:#ffff !important;}

.line-clamp-single{
color:#ffff !important;}
.chat-message-icon path {
  fill: #ffffff !important;
}
.wishlist svg{
  color: black !important;
}

.wishlist:hover svg {
  color: white !important;
}

.add-to-compare:hover svg path {
  fill: #ffffff !important; 
  transition: fill 0.3s ease;
}

.primary-bg-hover:hover svg path {
  fill: #ffffff !important;
}
.lang-change:hover a,
.lang-change:focus a,
.lang-change:active a {
  color: #ffffff !important; 
}
.lang-change a {
 color: lightgrey !important; 
}
#switch svg path {
  fill: #ffffff !important; 
  transition: fill 0.3s ease;
}
#switch:hover svg path {
  fill: #000000 !important; 
  background-color: white !important;
}
.category-hover:hover {
   color: #ffffff !important; 
}
.whitespace-nowrap{
   color: #ffffff !important; 
}
.text-lg {
    color: #ffffff !important; 
}
.primary-bg-color svg {
  color: #ffffff !important;
}

.border-gray-800{
   border: 1px solid white !important;
   color: #ffffff !important;
}
:is([dir=ltr] .ltr\:mr-15p) {
    margin-right: 5px !important;
}
.break-all {
  word-break: normal !important;
}
/* White background only below 768px */
@media (max-width: 767px) {
    .antialiased.min-h-screen section:first-child {
        background: #fff !important;
    }
}