/* Add custom CSS styles below */

@media (max-width:640px){
  img.advanced-image.lazy.\!w-full.\!h-full.object-cover.loaded {
    object-fit: contain;
}
  .header-components-inner button,a,span,i,strong,b,p,h1,h2{
    color:black !important;
  }
section#home-slider-0 {
    margin-top: -6rem !important;
}
.\[background\:var\(--header-bg\)\] {
   background-color: #396750 !important; 
   
}
  .swiper-slide-image.h-full.relative.\[\&_video\]\:\!relative img{
  object-fit: contain;
  
}
}
.\[background\:var\(--header-bg\)\] {
   background: transparent; 
}
 header{
  background:transparent;
}
img.advanced-image.lazy.\!w-full.\!h-full.object-cover.loaded {
    object-fit: cover !important;
}
@media(min-width:992px){
  section#home-slider-0 {
    margin-top: -14rem !important;
}
}


.index header ul.main-menu.\!m-0.flex.flex-wrap.items-center.w-full.justify-center {
    color: black;
}

.tabs.hide-scroll.flex.lg\:justify-center.tabs-prod.gap-2{
  display:flex;
  justify-content:center;

}
.absolute.inset-0.\[background\:var\(--footer-bg\)\] {
    display: none;
}
.\[background\:var\(--footer-bg\)\] {
    /* background: var(--footer-bg); */
    background-image: url("https://i.ibb.co/PZcgKqqD/Rectangle-15-1.png");
}

.footer-bottom {
    background:none;
    color:white;
}
.footer-bottom p{
    color:white;
}
.footer-bottom p a{
    color:white !important;
}
p.text-gray-400.mb-2\.5.md\:mb-0 {
    color: white !important;
}

p.text-\[var\(--store-description\)\].text-xs.md\:text-sm.line-clamp-3.w-full.text-center{
  color:white !important;

}
a.product-entry__title.\!transition-none.text-\[var\(--product-color\)\].line-clamp-1.text-xs.md\:text-sm {
    color: black !important;
}
.index a.flex.justify-between.items-center.transition.duration-300.px-3.py-2.text-sm{
  color:white !important;
}
a.flex.justify-between.items-center.transition.duration-300.px-3.py-2.text-sm{
  color:black !important;
}
a#btn-show-more {
    color:#000 !important;
}
span.\!flex.\!items-center.\!gap-4.\!justify-start.\!p-0.\!py-3{
  color:black !important;

}
section#home-slider-0 {
    margin-top: -1.75rem;
    
}
img.lazy.\!w-full.\!h-full.position-0.object-cover.loaded {
    object-fit: contain;
}
a.\!flex.\!items-center.\!gap-4.\!justify-start.\!p-4{
  color:black !important;
}
a.s-slider-block__display-all{
  color:black !important;
}
.saji-loader{
  display:none !important;
}
p.text-sm.leading-6.relative.mb-3 {
    color: #000 !important;
}

.blog-single a,p,i,h1,h2,h3,h4,h5,h6,strong,span{
  color:black !important;
  
}
.blog-single footer a,p,i,h1,h2,h3,h4,h5,h6,strong,span{
  color:white !important;
}
footer p{
  color:white !important;
}
footer .footer-title{
  color:white !important;
}
footer span{
  color: white !important;
}
footer i{
  color: white !important;
}
footer a{
  color: white !important;
}
a.block.mb-0.text-xs.lg\:text-sm.leading-\[normal\].text-\[var\(--footer-color\)\].dark\:text-\[var\(--footer-color-dark\)\].saji-anime-item {
    color: white !important;
}
.blog-single span,strong{
  font-weight: 100 !important;
}
.index a,p,i,h1,h2,h3,h4,h5,h6,strong,span{
  color:black !important;
}

nav.breadcrumbs{
  background-color: #396750 !important;
  color:white !important;
}
p.text-\[var\(--store-description\)\].text-xs.md\:text-sm.line-clamp-3.w-full.text-center {
    color: black !important;
}
#whatsapp-up{
  display:none !important;
  
}
#stickymain{
  display:none !important;
  
}
@media (min-width:1024px){
  img.mb-2\.5.lg\:mb-10.mx-auto.w-auto.object-cover.rounded.lazy.loaded {
    object-fit: cover;
    width: 1200px;
}
  #cash-on-delivery{
    display: none !important;
  }
}
header a{
  color:black !important;
}
header span{
  color:black !important;
}
header p{
  color:black !important;
}
header strong{
  color:black !important;
}
header button{
  color:black !important;
}
header i{
  color:black !important;
}
header h1{
  color:black !important;
}
header h2{
  color:black !important;
}
header h3{
  color:black !important;
}
header h4{
  color:black !important;
}


.blog-single strong {
    color: black !important;
}
.blog-single a strong{
  color:blue !important;
}
ol.flex.items-center.justify-center.flex-wrap.text-sm.gap-y-2{
  color: white !important;
}
.product-index .breadcrumbs{
  color:white !important;
}