.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}


     .main-gallery {
       display: block;
       height: 870px;
       overflow: hidden;
       position: relative;
     }
  
     .main-gallery::after {
       content: "";
       position: absolute;
       left: 0;
       bottom: -10px;
       width: 100%;
       height: 40px;
       background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgb(255, 255, 255) 100%);
       background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgb(255, 255, 255) 100%);
     }
  
     .main-gallery.active {
       display: flow-root;
       overflow: visible;
       height: auto;
     }
  
     .main-gallery.active::after {
       content: none;
     }
  
     .mosaicflow__item {
       padding: 3px;
     }
  
     .mosaicflow__column {
       float: left;
     }
  
     .mosaicflow__item img {
       display: block;
       width: 100%;
       height: auto;
       padding: 4px;
       border-radius: 12px;
     }


    
/* Задаємо розмір та положення логотипу */
.logo2 {
  display: flex;
  width: 125px;
  /* Ширина логотипу */
  height: 64px;
  border-radius: 25p[];
  /* Висота логотипу */
  background-image: url('../img/logo-pay.webp');
  /* Шлях до зображення логотипу */
  background-size: cover;
  /* Масштабуємо зображення до розміру блоку */
  background-position: center;
  /* Вирівнюємо по центру блоку */
}

/* Задаємо кольори та розміри тексту для супутнього тексту навколо логотипу */
.tagline {
  color: #333;
  /* Колір тексту */
  font-size: 16px;
  /* Розмір тексту */
  text-align: center;
  /* Вирівнюємо текст по центру */
  margin-top: 10px;
  /* Відступ від верхнього краю блоку */
}


.pdf-link {
  color: black;
  padding: 5px;
}