@charset "UTF-8";

.icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
    transition: 0.3s;
}


.icon-arrow {
  mask-image: url(arrow.svg);
  -webkit-mask-image: url(arrow.svg);
}
.icon-close {
  mask-image: url(close.svg);
  -webkit-mask-image: url(close.svg);
}
.icon-close2 {
  mask-image: url(close2.svg);
  -webkit-mask-image: url(close2.svg);
}

.icon-bad{
      mask-image: url(bad.svg);
  -webkit-mask-image: url(bad.svg);
}

.save-heart{
      mask-image: url(heart.svg);
  -webkit-mask-image: url(heart.svg);
}


.icon-star{
    mask-image: url(star.svg);
  -webkit-mask-image: url(star.svg);
}
.icon-arrow-down{
      mask-image: url(arrowDown.svg);
  -webkit-mask-image: url(arrowDown.svg);
}

.icon-login{
      mask-image: url(login.svg);
  -webkit-mask-image: url(login.svg);
}


.icon-stars{
      mask-image: url(stars.svg);
  -webkit-mask-image: url(stars.svg);
}

.icon-check{
      mask-image: url(check.svg);
  -webkit-mask-image: url(check.svg);
}

.icon-search{
      mask-image: url(search.svg);
  -webkit-mask-image: url(search.svg);
}
.icon-plus{
      mask-image: url(plus.svg);
  -webkit-mask-image: url(plus.svg);
}
.icon-time{
      mask-image: url(time.svg);
  -webkit-mask-image: url(time.svg);
}
.icon-dots{
      mask-image: url(dots.svg);
  -webkit-mask-image: url(dots.svg);
}
.icon-dots2{
      mask-image: url(dots2.svg);
  -webkit-mask-image: url(dots2.svg);
}

.icon-astxik{
      mask-image: url(astxik.svg);
  -webkit-mask-image: url(astxik.svg);
}
.harc{
      mask-image: url(harc.svg);
  -webkit-mask-image: url(harc.svg);
}
.icon-qar{
      mask-image: url(icon-qar.svg);
  -webkit-mask-image: url(icon-qar.svg);
}

.icon-qarakusi{
      mask-image: url(icon-qarakusi.svg);
  -webkit-mask-image: url(icon-qarakusi.svg);
}
.icon-user{
      mask-image: url(icon-user.svg);
  -webkit-mask-image: url(icon-user.svg);
}
.icon-download{
      mask-image: url(download.svg);
  -webkit-mask-image: url(download.svg);
}

.icon-symbols{
      mask-image: url(symbols.svg);
  -webkit-mask-image: url(symbols.svg);
}

.download-box{
      mask-image: url(download-box.svg);
  -webkit-mask-image: url(download-box.svg);
}

.icon-copy{
      mask-image: url(icon-copy.svg);
  -webkit-mask-image: url(icon-copy.svg);
}
.icon-share{
      mask-image: url(icon-share.svg);
  -webkit-mask-image: url(icon-share.svg);
}

.icon-cep{
      mask-image: url(icon-cep.svg);
  -webkit-mask-image: url(icon-cep.svg);
}

.icon-wheel{
      mask-image: url(../../images/wheel.svg);
  -webkit-mask-image: url(../../images/wheel.svg);
}

.icon-answer{
      mask-image: url(../../images/answer.svg);
  -webkit-mask-image: url(../../images/answer.svg);
}

.star-black{
      mask-image: url(../../images/icons/star-rounded.svg);
  -webkit-mask-image: url(../../images/icons/star-rounded.svg);
}

.ix-support{
      mask-image: url(../../images/icons/ix-support.svg);
  -webkit-mask-image: url(../../images/icons/ix-support.svg);
}
.boxicons-book{
      mask-image: url(../../images/icons/boxicons-book.svg);
  -webkit-mask-image: url(../../images/icons/boxicons-book.svg);
}
.ph-video{
      mask-image: url(../../images/icons/ph-video.svg);
  -webkit-mask-image: url(../../images/icons/ph-video.svg);
}
.mail-outline{
      mask-image: url(../../images/icons/mail-outline.svg);
  -webkit-mask-image: url(../../images/icons/mail-outline.svg);
}
.chips-right{
      mask-image: url(../../images/icons/chips-right.svg);
  -webkit-mask-image: url(../../images/icons/chips-right.svg);
}
.icon-copy{
      mask-image: url(copy.svg);
  -webkit-mask-image: url(copy.svg);
}

.icon-play{
      mask-image: url(icon-play.svg);
  -webkit-mask-image: url(icon-play.svg);
}


.icon-heart{
    content: url("icon-heart.svg");
}

.star-rating {
    mask-image: url(star-rating.svg);
    -webkit-mask-image: url(star-rating.svg);
}

.icon-zoom {
    content: url(icon-zoom.svg);
}

.icon-err {
    content: url(icon-error.svg);
}

.icon-material {
    content: url(material-symbols.svg);
}