.hr-filter-tabs {
  display:flex;
  justify-content:center;
  margin-bottom:40px
}
.hr-tabs .nav .nav-item {
  margin-right:15px;
  position:relative
}
.hr-tabs .nav .nav-item:last-child {
  margin-right:0
}
.hr-tabs .nav .nav-item .nav-link {
  display:block;
  font-size:.875rem;
  font-weight:var(--weight-600);
  background:#6b72801a;
  color:#000;
  border:2px solid var(--color-4);
  text-transform:capitalize
}
.hr-tabs .nav .nav-item .active {
  background:var(--color-2);
  color:var(--white);
  border:2px solid var(--color-2)
}
.hr-masonry-gallery {
  margin-right:calc(-0.5* 1.5rem);
  margin-left:calc(-0.5* 1.5rem)
}
.hr-four-grid .grid-sizer,
.hr-four-grid .grid-item {
  width:25%
}
.hr-masonry-gallery .grid-sizer {
  padding-right:calc(1.5rem* 0.5);
  padding-left:calc(1.5rem* 0.5)
}
.hr-masonry-gallery .grid-item {
  padding-right:calc(1.5rem* 0.5);
  padding-left:calc(1.5rem* 0.5);
  margin-bottom:calc(1.5rem* 1)
}
.hr-gallery-card {
  border:none
}
.hr-pop-images,
.hr-pop-Video {
  cursor:zoom-in
}
.hr-gallery-card .hr-gallery:hover {
  cursor:zoom-in
}
.hr-gallery-card .hr-gallery img {
  width:100%;
  height:-moz-fit-content;
  height:fit-content;
  -o-object-fit:cover;
  object-fit:cover
}
.hr-gallery-card .hr-gallery .hr-hover-plus {
  background:#00000080;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0
}
.hr-gallery-card .hr-gallery:hover .hr-hover-plus {
  opacity:1
}
.hr-gallery-card .hr-gallery .hr-hover-plus span {
  font-size:30px;
  color:#fff
}
.th-gallery-nav .nav-link {
	background: var(--color-2);
	color: #fff;
	border-radius: 5px;
	padding: 10px 30px;
	cursor: pointer;
}
.th-tab-content-wrap {
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;
	column-gap: 20px;
	padding-top: 50px;
	}
.th-gallery-nav {
  column-gap: 5px;
}
.th-gallery-bg {
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center; 
  padding: 20px;
}
@media (max-width:767.98px) {
  .hr-tabs .nav .nav-item {
    padding-bottom:10px
  }
}