.pagination {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

/* page-item */
.pagination .page-item {
    background: var(--card);
    padding: 6px 2px;
    border-radius: 8px;
    border: 1px solid var(--border);
    color: var(--foreground);
}

/* page link */
.pagination .page-link {
    padding: 12px 12px;
}

/* hover */
.pagination .page-item:hover {
    cursor: pointer;
    background: var(--muted);
}

/* active */
.pagination .active,
.pagination .active:hover {
    cursor: default;
    background: #00a63e;
    color: var(--primary-foreground) !important;
}

@media only screen and (max-width: 600px) {
    .pagination {
        gap: 3px;
    }

    .pagination .page-item {
        padding: 8px;
        display: flex;
        font-size: 14px;
        align-items: center;
        height: 26px;
    }

    .pagination .page-link {
        padding: 0px;
    }
}






.freek-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    filter: var(--filter-freek);
  }
  .fi-home {
    background-image: url(../svg/home.svg);
  }
  .fi-serial {
    background-image: url(../svg/serial.svg);
  }
  .fi-youtube {
    background-image: url(../svg/youtube.svg);
  }
  .fi-thumbs-up {
    background-image: url(../svg/thumbsUp.svg);
  }
  .fi-thumbs-down {
    background-image: url(../svg/thumbsDown.svg);
  }
  .fi-arrow-down {
    background-image: url(../svg/downArrow.svg);
  }
  .fi-film {
    background-image: url(../svg/film.svg);
  }
  .fi-multfilm {
    background-image: url(../svg/multfilm.svg);
  }
  .fi-rectangles {
    background-image: url(../svg/rectangles.svg);
  }
  .fi-time {
    background-image: url(../svg/time.svg);
  }
  .fi-globe {
    background-image: url(../svg/globe.svg);
  }
  .fi-tag {
    background-image: url(../svg/tag.svg);
  }
  .fi-download {
    background-image: url(../svg/download.svg);
  }
  .fi-language {
    background-image: url(../svg/language.svg);
  }
  .fi-calendar {
    background-image: url(../svg/calendar.svg);
  }
  .fi-info-circle {
    background-image: url(../svg/infoCircle.svg);
  }
  .fi-bolt {
    background-image: url(../svg/bolt.svg);
  }
  .fi-circle-arrow {
    background-image: url(../svg/circleArrow.svg);
  }
  .fi-play {
    background-image: url(../svg/play.svg);
  }
  .fi-circle-play {
    background-image: url(../svg/circlePlay.svg);
  }
  .fi-cat {
    background-image: url(../svg/cat.svg);
  }
  .fi-defend-check {
    background-image: url(../svg/defendcheck.svg);
  }
  .fi-eye {
    background-image: url(../svg/eye.svg);
  }
  .fi-finger-print {
    background-image: url(../svg/fingerprint.svg);
  }
  .fi-flame {
    background-image: url(../svg/flame.svg);
  }
  .fi-heart-puls {
    background-image: url(../svg/heatpuls.svg);
  }
  .fi-map {
    background-image: url(../svg/map.svg);
  }
  .fi-messages {
    background-image: url(../svg/messages.svg);
  }
  .fi-moon {
    background-image: url(../svg/moon.svg);
  }
  .fi-smile {
    background-image: url(../svg/smile.svg);
  }
  .fi-sparkles {
    background-image: url(../svg/sparkles.svg);
  }
  .fi-tarixiy-bino {
    background-image: url(../svg/tarixiy.svg);
  }
  .fi-tg {
    background-image: url(../svg/tgicon.svg);
  }