@font-face {
  font-family: Vazir;
  font-style: normal;
  font-weight: normal;
  src: url('~/assets/fonts/Vazir-FD-WOL.eot') format('eot'),
    url('~/assets/fonts/Vazir-FD-WOL.woff') format('woff'),
    url('~/assets/fonts/Vazir-FD-WOL.ttf') format('truetype');
}

@font-face {
  font-family: boldvazir;
  font-style: normal;
  font-weight: normal;
  src: url('~/assets/fonts/Vazir-Bold-FD-WOL.eot') format('eot'),
    url('~/assets/fonts/Vazir-Bold-FD-WOL.ttf') format('ttf'),
    url('~/assets/fonts/Vazir-Bold-FD-WOL.woff') format('woff'),
    url('~/assets/fonts/Vazir-Bold-FD-WOL.woff2') format('woff2');
}

body,
* {
  font-family: vazir !important;
}
.fixed{
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1000;
}
.overflow-x-html {
  overflow-x: hidden;
}
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -45px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}
.next {
  right: 0;
  border-radius: 0 3px 3px 0;
}
.background-color-position {
  position: absolute;
  top: 42%;
  left: 48%;
  transform: translate(-50%, -50%);
  width: 500px;
  opacity: 0.8;
  border-radius: 41px;
  padding-bottom: 1%;
  height: 200px;
}
.font-bold-number {
  font-family: boldvazir !important;
}

.border-radius-search-input-header {
  border-radius: 17px;
}

.font-family {
  font-family: vazir;
}

.border-radius {
  border-radius: 10px;
}

.image-container {
  position: relative;
}

.image-container img {
  width: 100%;
  border-radius: 0px 15px 15px 15px;
}

.text-decoration-line-grey {
  text-decoration-line: line-through;
  text-decoration-color: #a2a2a2;
}

.corner-like {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px 5px 5px 5px;
  width: 37px;
  height: 37px;
  box-shadow: 0px 0px 0px 5px white;
}

.corner-like img {
  width: 20px;
  height: 20px;
}
.text-on-img{
  position: absolute;
  top: 24%;
  left: 50%;
  transform: translateX(-50%);
}
.border-gret-dark{
  border: 1px solid #b0b0b0;
  width: 265px;
}
.title-type-siman{
  position: absolute;
  top: -35%;
  right: -5%;
  transform: translateX(-50%);
}


@media only screen and (min-width: 700px) {
  .justify-content-center-mobile {
    justify-content: center;
  }
 
}

@media only screen and (min-width: 370px) {


  .border-radius-button {
    top: 10px;
    border-radius: 30px;
  }

  .line-height-description {
    line-height: 2.0em;
  }

  .justify-content-center-mobile {
    justify-content: center;
  }

}

@media only screen and (min-width: 1200px) {

  .justify-content-center-mobile {
    justify-content: right;
  }

  .list-style-type-disc {
    list-style-type: disc;
  }

  .line-height-description {
    line-height: 2.0em;
  }

  .full-width-background {
    width: 100%;
  }

  .max-width-1160px {
    max-width: 1160px;
    margin: 0 auto;
  }
}

.is-rounded-five {
  border-radius: 50px;
}