@font-face {
    font-family: baloo-medium;
    font-style: normal;
    src: url("../arabic-font/BalooBhaijaan2-Medium.eot");
    src: url("../arabic-font/BalooBhaijaan2-Medium.eot") format("embedded-opentype"),
      url("../arabic-font/BalooBhaijaan2-Medium.woff2") format("woff2"),
      url("../arabic-font/BalooBhaijaan2-Medium.woff") format("woff"),
      url("../arabic-font/BalooBhaijaan2-Medium.ttf") format("truetype");
    font-display: swap;
  }

  @font-face {
    font-family: baloo-bold;
    font-style: normal;
    src: url("../arabic-font/BalooBhaijaan2-Bold.eot");
    src: url("../arabic-font/BalooBhaijaan2-Bold.eot") format("embedded-opentype"),
      url("../arabic-font/BalooBhaijaan2-Bold.woff2") format("woff2"),
      url("../arabic-font/BalooBhaijaan2-Bold.woff") format("woff"),
      url("../arabic-font/BalooBhaijaan2-Bold.ttf") format("truetype");
    font-display: swap;
  }

  @font-face {
    font-family: baloo-regular;
    font-style: normal;
    src: url("../arabic-font/BalooBhaijaan2-Regular.eot");
    src: url("../arabic-font/") format("embedded-opentype"),
      url("../arabic-font/BalooBhaijaan2-Regular.woff2") format("woff2"),
      url("../arabic-font/BalooBhaijaan2-Regular.woff") format("woff"),
      url("../arabic-font/BalooBhaijaan2-Regular.ttf") format("truetype");
    font-display: swap;
  }

  body {
    font-family: baloo-medium !important;
  }

  button,
  a,
  p,
  span {
    font-family: baloo-medium !important;
  }

  h1 {
    font-family: baloo-bold !important;
  }

  .caompare-with-us::after {
    right: 100px !important;
  }

  .titles {
    font-family: baloo-bold !important;
  }


  html {
    direction: rtl !important;
  }

  .caompare-with-us img {
    transform: scaleX(-1);
  }

  .products-item-img img {
    transform: scaleX(-1);
  }

  .seemore-i {
    transform: scaleX(-1) !important;
  }

  .products-outinfo svg {
    transform: scaleX(-1) !important;
  }

  .propories {
    transform: scaleX(-1) !important;
  }

  .swiper-pagination {
    text-align: end !important;
  }

  .swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 0 !important;
  }

  .breadcrumb-back::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(150deg, rgba(255, 255, 255, 0) 25%, rgba(0, 0, 0, 0.4822303921568627) 45%, rgba(0, 0, 0, 1) 73%) !important;
    opacity: 0.7;
    bottom: 0;
    z-index: 1;
    right: 0;
  }

  .project-invert img ,
  .project-invert-disabled img {
        transform: scaleX(-1) !important;
  }