@font-face {
  font-family: "roboto-bold";
  src: url(/public/fonts/Roboto/Roboto-medium.ttf) format("opentype"); }

@font-face {
  font-family: "roboto";
  src: url(/public/fonts/Roboto/Roboto-Regular.ttf) format("opentype"); }

@font-face {
  font-family: "roboto-bold";
  src: url(/public/fonts/Roboto/Roboto-medium.ttf) format("opentype"); }

@font-face {
  font-family: "roboto";
  src: url(/public/fonts/Roboto/Roboto-Regular.ttf) format("opentype"); }

.products_is-arabic .products__product-item {
  margin-right: 0;
  margin-left: 20px; }
  .products_is-arabic .products__product-item:nth-child(4n) {
    margin-left: 0; }
  @media only screen and (max-width: 600px) {
    .products_is-arabic .products__product-item {
      margin-left: 0; } }

.products__item-container {
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 600px) {
    .products__item-container {
      justify-content: space-between; } }

.products__product-item {
  width: 240px;
  height: 310px;
  margin-bottom: 20px;
  margin-right: 20px;
  background-color: #fff;
  margin-right: 20px;
  box-shadow: 0px 0px 6px 1px rgba(0, 67, 142, 0.15);
  transition: 0.3s ease-in-out transform;
  border-radius: 30px; }
  .products__product-item:hover {
    transform: scale(1.17);
    z-index: 999; }
  .products__product-item:nth-child(4n) {
    margin-right: 0; }
  @media only screen and (min-device-width: 650px) and (max-device-width: 1024px) {
    .products__product-item {
      width: 230px; }
      .products__product-item:nth-child(4n) {
        margin-right: 20px; }
      .products__product-item:hover {
        transform: scale(1.06); } }
  @media only screen and (max-width: 600px) {
    .products__product-item {
      width: 48%;
      margin-right: 0; }
      .products__product-item:hover {
        transform: scale(1.01); } }