/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
body.products_is_rounded .product-entry .product_addCart_mob button{
  border-radius: 15px !important;
  margin-bottom: 8px;
}

.bg-\[var\(--footer-bg\)\] {
    background-color:#00564b;
}

.product-entry-btns_hover .product_addCart_mob button {
    background-color: #cba467;
    border-radius: 0;
    border-style: none;
    font-size: 12px;
    padding-bottom: .25rem;
    padding-top: .25rem;
    top: 3px;
    --tw-text-opacity: 1;
    color: #f9f7f4;
}


@media (max-width: 768px) {
  .saji-hero, .hero, .elementor-section.elementor-top-section {
    min-height: auto !important;
    height: 200px !important;
    padding: 10px 15px !important;
    overflow: hidden !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .saji-hero h1, .hero h1, .elementor-section h1 {
    font-size: 18px !important;
    margin: 0 !important;
  }

  .saji-hero p, .hero p, .elementor-section p {
    font-size: 14px !important;
    margin: 0 !important;
  }

  .saji-hero a.button, .hero a.button {
    font-size: 13px !important;
    padding: 5px 10px !important;
  }
}

*, :after, :before {
    border: 0 solid #ffffff;
    box-sizing: border-box;
}

.p-3 {
    padding: .005rem;
}

<style>
img[loading="lazy"] {
  content-visibility: auto;
}

.nrjs-lazy-bg {
  background-color: #f6f6f6;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 1px;
}

.nrjs-lazy-bg-loaded {
  transition: opacity 0.25s ease;
}
</style>