section {
  position: relative;
}

.container {
  /* border-left: 1px solid;
    border-right: 1px solid; */
}

.invisible {
  margin-top: 30px;
  margin-bottom: 30px;
}

.invisible img {
  max-height: 105px;
  max-width: 100px;
}

.invisible img.main {
  max-height: 150px;
  max-width: 150px;
  height: 150px !important;
  width: 150px !important;
}

@media (max-width: 767px) {
  .invisible img.main {
    max-height: 80px;
  }
}

.sticky .invisible,
.page .invisible {
  margin-top: 10px;
  margin-bottom: 0;
  /* margin-bottom: 10px; */
}

.sticky .invisible img,
.page .invisible img {
  /* display: none; */
  max-height: 50px;
  max-width: 50px;
  visibility: visible !important;
}

.sticky .invisible img.main {
  max-height: 80px;
  max-width: 80px;
}

.page .invisible img.main {
  max-height: 60px;
}

.bx-pagination .bx-pagination-container ul li span {
  /* color: white; */
  background: rgba(var(--blue-light-rgb), 0.4);
}

.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span {
  background: var(--blue-light);
  /* opacity: 1; */
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span {
  border: none !important;
  color: var(--primary);
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
  /* border: none; */
}

/* videoblock */
.friends-hall {
  position: relative;
  z-index: 2;
}
.friends-hall::before {
  position: absolute;
  content: "";
  z-index: 1;
  background: url(../f_ugra_2025/img/bg_pattern.svg) no-repeat;
  background-size: contain;
  background-position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.friends-hall__container {
  position: relative;
  z-index: 3;
}
.videoblock__wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.friends-hall__content {
  display: flex;
  gap: 30px;
  margin-bottom: 48px;
}
.friends-hall__photo {
  max-width: 35%;
}
.friends-hall__photo img {
  max-width: 100%;
}
.friends-hall__files {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
  /* grid-template-rows: repeat(2, 50px); */
  margin-top: 30px;
}