@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=El+Messiri:wght@400..700&display=swap');

body{
  font-family: Cairo !important
}

/* Navbar */

@media (min-width: 768px) {
    .md\:text-\[32px\] {
        font-size: 46px;
    }
}
@media (max-width: 1287px) {
    .content_improved div.cat img {
        -o-object-fit: contain;
        object-fit: contain;
        height: 80%;
    }
}

/* Dark */

.dark .landing-page-fixed-bannar-0 h1,
.dark .landing-page-fixed-bannar-0 p,
.dark .s-product-card-price,
.dark .s-block--tabs-produtcs .tab-trigger,
.dark .offers a span{
  color: #fff !important
}

.dark .offers a:hover span{
  color: var(--d-color) !important
}
/* Add custom CSS styles below */ 
@media (min-width: 1287px) {
  div#cat-2{
    grid-column: 1 / -3 !important;
  }
}
div#cat-1{
  display: none;
}

@media (min-width: 1024px) {
  .banner-entry {
      height: 530px !important;
  
  }
}
.products.grid.justify-around.gap-3.lg\:gap-5.items-center.text-center .text-\[var\(--vd-color\)\] {
    color: var(--color-primary);
}
.products.grid.justify-around.gap-3.lg\:gap-5.items-center.text-center .text-\[var\(--fo-color\)\] {
    color: #00C888;
}

.products.grid.justify-around.gap-3.lg\:gap-5.items-center.text-center .text-\[var\(--vf-color\)\] {
    color: #214871DE;
}
section.section_c_r.container.overflow-hidden .text-\[var\(--vd-color\)\] {
    color: black;
}
@media(max-width:768px){
.content_improved {
    grid-template-rows: repeat(3, 180px);
    grid-template-areas: "four four four four one one one"
      "six six six five five five five"
      "three three three three three three three";
}
}
.container.items-center.justify-between.py-4.text-center.md\:flex {
    background: white;
}
img.max-w-24.mb-2 {
    max-width: 10rem;
}