.filter-nav {
  max-width: 512px;
  border-radius: 40px;
  color: var(--1-color);
  padding: 8px;
  background: var(--light-bg-color);
  letter-spacing: calc(var(--0-ls) + 0.06em);
}
.filter-nav__item-link {
  padding: 11px 0;
  cursor: pointer;
}
.filter-nav__item {
  position: relative;
  z-index: 2;
}
.filter-nav__item:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 40px;
  background: rgba(122, 118, 111, 0.2);
  z-index: -1;
  opacity: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s
}
.filter-nav__item:not(.active):hover:before {
  opacity: 1;
}
/* .filter-nav:before {
	position: absolute;
	content: "";
	left: -1px;
	top: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: 1px solid var(--1-color);
	border-radius: 40px;
	z-index: 2;
	pointer-events: none;
} */
.filter-nav-wrap {
  margin-bottom: 38px;
  z-index: 3;
}
#filter-nav-wrap.pin .filter-nav {
  background: var(--body-bg);
}
.s-grid-tab__grid .grid-item {
  width: calc(50% - 10px);
  /*height: 347px;*/
  border-radius: 3px;
  aspect-ratio: 16/8.7;
}
.s-grid-tab {
  padding: 92px 0 76px;
}
.s-grid-tab__kicker {
  margin-bottom: 5px;
}
.s-grid-tab__heading {
  max-width: 680px;
}
.s-grid-tab__col-heading {
  margin-bottom: 28px;
}
.filter-nav .swiper-wrapper:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--offset);
  width: var(--width);
  height: 100%;
  border-radius: 40px;
  background: var(--5-color);
  /* border: 1px solid var(--5-color); */
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  z-index: 1;
}
.filter-nav__item.active {
  pointer-events: none;
}
.filter-nav__item.active .filter-nav__item-link {
  color: var(--2-color);
}
.wow-clip-gallery {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
.wow-clip-gallery.show {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media (min-width: 1200px) {
  .s-grid-tab__container {
    max-width: 1312px;
  }
}
@media (min-width: 992px) {
  .filter-nav .swiper-wrapper {
    /*transform: none !important;*/
    z-index: 2;
  }
}
@media (max-width: 991px) {
  .s-grid-tab__col-heading,
  .filter-nav-wrap {
    margin-bottom: 30px;
  }
  .s-grid-tab {
    padding: 50px 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .filter-nav {
    font-size: calc(var(--1-rem) * 0.875);
    letter-spacing: calc(var(--0-ls) + 1px);
  }
}
@media (max-width: 575px) {
  .filter-nav {
    font-size: calc(var(--1-rem) * 0.625);
  }
  .s-grid-tab__grid .grid-item {
    width: 100%;
  }
}