.news_Wrapper {
  display: grid;
  grid-template-columns: repeat(var(--col, 3), 1fr);
  gap: 24px;
}

.PagingTable {
  margin-top: var(--bottom-space) !important;
}

.news_category {
  padding: 1rem;
  border-radius: 16px;
  border: 1px solid var(--Gray-99);
  background: #fff;
  box-shadow: 0px 8px 24px 0px rgba(7, 71, 63, 0.08);
}

.news_category_Head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid var(--primary-95);
}

.news_category_List {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.news_category_Itm {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.news_category_Itm a {
  transition: var(--transition);
}

.news_category_Itm:hover a {
  color: var(--Gray-30) !important;
}

.news_category_Itm:is(.hover, :hover) .map__Arrow {
  margin-inline-end: 0;
  transform: translate(0) rotate(0deg);
}

body.rtl .news_category_Itm:is(.hover, :hover) .map__Arrow {
  transform: translate(0) rotate(180deg);
}

.news_category_Itm .map__Arrow::after,
.news_category_Itm .map__Arrow::before {
  content: "";
  display: block;
  width: 6px;
  height: 1px;
  border-radius: 10px;
  background-color: var(--primary-40);
  transition: var(--transition);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) var(--line-rotate, 0deg);
  transform-origin: right;
  opacity: 0;
}

.news_category_Itm:is(.hover, :hover) .map__Arrow::after {
  --line-rotate: translateY(-50%) rotate(-45deg);
  transition-delay: var(--transition);
  opacity: 1;
}

.news_category_Itm:is(.hover, :hover) .map__Arrow::before {
  --line-rotate: rotate(+45deg);
  transition-delay: var(--transition);
  opacity: 1;
}

.section__Title_News {
  margin-bottom: 40px;
}

.news_Wrapper .item__News__Wrapper {
  border-color: var(--Gray-99);
}

.news_Wrapper .item__News__Wrapper:hover {
  box-shadow: 0px 8px 24px 0px rgba(7, 71, 63, 0.16) !important;
  border-color: var(--Gray-95) !important;
}

.section__Title_Gallery {
  margin-bottom: 52px;
}

@media (min-width: 999px) {
  .sticky__Pane>* {
      top: calc(var(--header-height) + 0.5rem);
      position: sticky;
  }

  :is(body,html,#wrap):has(.news_category) {
      overflow: unset;
  }
}

@media (max-width: 998px) {
  .news_Wrapper {
    --col: 1;
    gap: 1rem;
  }

  .section__Title_Gallery {
    margin-bottom: 40px;
  }

  .section__Title_News {
    margin-bottom: 28px;
  }

  .open_Cat {
    border-radius: 0.5rem;
    color: var(--primary-40);
    --icon: var(--primary-40);
    --icon: 20px;
    margin-bottom: 2rem;
  }

  .news_category {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    margin-inline-end: 0;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    border-radius: 1.5rem 1.5rem 0 0;
    padding-top: 2rem;
  }

  .news_category.active {
    bottom: 0;
    opacity: 1;
    visibility: visible;
  }

  .close_Cat {
    margin-inline-start: auto;
  }
  body::before {
    content: "";
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    opacity: 0;
    background: var(--Gray-G00, #121212);
    transition: var(--transition);
    z-index: 10;
    pointer-events: none;
  }

  body.active::before {
    opacity: 0.4;
  }
}