:root {
    --primary: #1753c1;
    --secondary: #1C1C1C;
}
i.fa {
  color: #fff;
}
.cat-item, .product-item {
    height: 500px;
}
.cat-item a, .product-item .product-img {
    height: 100%;
}
.cat-item a img, .product-item .product-img img {
    height: 100%;
    object-fit: cover;
}

.offer img {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    object-fit: cover;
  }
  
  .offer .text-md-right img {
    left: 0;
  }
  
  .offer .text-md-left img {
    right: 0;
  }

  /* carousel */
  .carousel-item img {
    animation: opacity 1s linear;
    transition: 0.5s;
  }
  @keyframes opacity {

    from {
      opacity: 0;
    }
    to {
      scale: 1;
    }

  }