/* prettier-ignore */
/*# sourceMappingURL=user-rtl.css.map */

h1, h2, h3, h4, h5, h6, a, input, label{
   font-family: "Noto Naskh Arabic", Noto Sans, serif;
}

.product-card-bg {
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(2.875rem);
  backdrop-filter: blur(2.875rem);
  border: 0.125rem solid #fff;
  border-radius: 5.375rem;
}

.border-img {
  border: 2px solid #fff;
  border-radius: 5rem;
}


@media (min-width: 576px) {
  .wrapper {
    position: relative;
    display: inline-block;
  }
  .wrapper::before {
    position: absolute;
    content: '';
    z-index: -1 !important;
  }
  .shadow-square-right::before {
    height: 19.75rem;
    width: 12.5rem;
    top: 0.375rem;
    left: 1.25rem;
    border-radius: 1.5625rem 3.125rem 1.5625rem 3.125rem;
    background-image: -o-linear-gradient(250deg, rgba(78, 146, 249, 0.034), rgba(78, 146, 249, 0.642));
    background-image: linear-gradient(200deg, rgba(78, 146, 249, 0.034), rgba(78, 146, 249, 0.642));
  }
  .shadow-square-left::before {
    height: 19.75rem;
    width: 12.5rem;
    top: 0.375rem;
    right: 1.25rem;
    border-radius: 1.5625rem 1.5625rem 3.125rem 1.5625rem;
    background-image: -o-linear-gradient(250deg, rgba(225, 160, 247, 0.034), rgba(225, 160, 247, 0.642));
    background-image: linear-gradient(200deg, rgba(225, 160, 247, 0.034), rgba(225, 160, 247, 0.642));
  }
  .shadow-square-left-bottom::before {
    height: 100%;
    width: 100%;
    top: 16%;
    right: 12%;
    border-radius: 5rem 5rem 5rem 8.75rem;
    background-image: -o-linear-gradient(250deg, rgba(78, 146, 249, 0.034), rgba(78, 146, 249, 0.642));
    background-image: linear-gradient(200deg, rgba(78, 146, 249, 0.034), rgba(78, 146, 249, 0.642));
  }
  .shadow-square-bottom::before {
    height: 14rem;
    width: 14rem;
    border-radius: 3.8125rem;
    top: 16%;
    right: 12%;
    background-image: -o-linear-gradient(250deg, rgba(78, 146, 249, 0.034), rgba(78, 146, 249, 0.642));
    background-image: linear-gradient(200deg, rgba(78, 146, 249, 0.034), rgba(78, 146, 249, 0.642));
  }
  .shadow-square-top::before {
    height: 25rem;
    width: 25rem;
    border-radius: 3.8125rem;
    top: 16%;
    right: 12%;
    background-image: -o-linear-gradient(250deg, rgba(78, 146, 249, 0.034), rgba(78, 146, 249, 0.642));
    background-image: linear-gradient(200deg, rgba(78, 146, 249, 0.034), rgba(78, 146, 249, 0.642));
  }
}

@media (min-width: 576px) {
  .square {
    position: relative;
    display: inline-block;
  }
  .square::before {
    position: absolute;
    content: '';
    height: 20rem;
    width: 20rem;
    border-radius: 3.8125rem;
    z-index: -1 !important;
    background-image: -o-linear-gradient(250deg, rgba(78, 146, 249, 0.342), rgba(225, 160, 247, 0.274));
    background-image: linear-gradient(200deg, rgba(78, 146, 249, 0.342), rgba(225, 160, 247, 0.274));
  }
  .shadow-square-bottom::before {
    top: 5rem;
    left: 5rem;
  }
  .shadow-square-top::before {
    top: -5rem;
    left: -5rem;
  }
}