

.bxhvrfxs-item {
  text-align: center;
  box-shadow: 0px 30px 20px -20px #000;
	font-family: poppins;
}
.bxhvrfxs-item .content small {
	opacity: .65;
}
.bxhvrfx-img {
  width: 100%;
  padding-bottom: 100%;
  /*1: 1 aspect ratio;*/
  position: relative;
  background-color: #f00;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .2s ease;
  outline: #4b4b4b solid 5px;
  outline-offset: -5px;
}

.bxhvrfx-item-inner {
  outline: 1px solid #5c5c5c;
  border: 1px solid #424242;
  padding: 25px 15px;
  outline-offset: -5px !important;
  outline: 1px solid #5c5c5c;
  color: #ffffff;
  text-shadow: 0px 3px 5px #000;
  background: radial-gradient(circle, rgb(34, 34, 34) 5%, rgb(14, 17, 20) 100%);
	background: url('../../../images/pattern.webp') center,radial-gradient(circle, #222222 5%,#111111 100%) center;
  background-position: center;
}

.bxhvrfxs-link:hover .bxhvrfx-item-inner {
  outline: 1px solid #BEB18F;
}

.bxhvrfxs-link:hover .bxhvrfx-item-inner {
  background: url('../../../images/pattern.webp') center,radial-gradient(circle, #333 5%,#000 100%) center;
  color: #ffffff;
  background-position: center;
}

.bxhvrfxs-link a, .bxhvrfxs-link {
  text-decoration: none;
}

.bxhvrfxs-link {
  position: relative;
  transition: all .2s ease;
	outline-color: #beb18f !important;
}

.bxhvrfxs-link .bxhvrfx-img::after {
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,.0);
  position: absolute;
  transition: all .2s ease;
}

.bxhvrfxs-link .bxhvrfx-img::after {
  outline-offset: -5px;
}

.bxhvrfxs-link:hover .bxhvrfx-img::after {
  content: '';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,.8);
  position: absolute;
  outline: 1px solid #BEB18F;
  outline-offset: -5px;
}

.bxhvrfxs-item .content {
  z-index: 9;
  padding: 0px 15px;
}

.bxhvrfx-img .content {
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% + 5px));
  opacity: 0;
  transition: all .2s ease;
  color: #ffffff;
}

.bxhvrfxs-link:hover .content {
  opacity: 1;
  transform: translateY(-50%);
}

.bxhvrfxs-link:hover {
  outline: 1px solid #4b4b4b;
}

.bxhvrfxs-item .content {
  /*font-size: 15px;*/
}

.bxhvrfxs-item .bxhvrfx-strong {
  text-transform: uppercase;
  font-weight: bold;
  /*font-size: 18px;*/
}

.bxhvrfxs-item .content {
  font-size: clamp(16px, 1.5vw, 14px);
  line-height: 1.15;
}

.bxhvrfxs-item .bxhvrfx-strong {
	font-size: clamp(16px, 2vw, 20px);
	line-height: 1.15;
	font-family: poppins;
}

.bxhvrfx-item-inner {
	font-size: clamp(12px, 2vw, 20px);
	line-height: 1;
	font-family: poppins;
}