/* Для fullPage.js */
#fullpage {
  position: relative;
  height: 100vh;
  width: 100%;
}

.section {
  width: 100%;
  height: 100vh;
  position: relative;
}






/* Фикс для стрелок */
.arrow-left, .arrow-right {
  position: fixed;
  z-index: 1000;
  cursor: pointer;
}

@media (max-width: 768px) {
  .arrow-left, .arrow-right {
    display: none;
  }
}


/*скроем руку второго блока*/
.tn-elem__6643297901699454540597 {
display: none;
}




#rec668784488 {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: absolute !important;
  top: 0;
}

#rec973074701 {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: absolute !important;
  top: 0;
}
#rec774651471{
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: absolute !important;
  top: 0;
}
#rec973099486{
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: absolute !important;
  top: 0;
}

header#t-header.t-records.t-records_animated.t-records_s_visible {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}






/* Меню (обновлённый вариант) */
#rec973072076 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transform: translateX(-150%);
  transition: transform 0.3s ease, opacity 0.3s ease;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
}

#rec973072076.open {
  transform: translateX(0);
  pointer-events: auto;
  opacity: 1;
}




/* Горизонтальные скролл-блоки (исправлено) */
.uc-services,
.uc-employees {
    overflow: visible !important;
    cursor: grab;
}


/* Фиксируем сайдбар */
#rec973072606 {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 195px; /* или нужная вам ширина */
  z-index: 9997;

}




/* Индикаторы (оставить) */
.indicators-wrapper {
    position: fixed;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 0px;
    z-index: 999;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 8px;
    cursor: pointer;
    opacity: 0.6;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.indicator.active {
    opacity: 1;
    background-color: red;
    transform: scale(1.2);
}







  #rec973647646 {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: absolute !important;
  top: 0;
}

#rec989876001 {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: absolute !important;
  top: 0;
}


#rec973664131 {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: absolute !important;
  top: 0;
}



.scroll-edge {
  position: fixed;
  top: 0;
  width: 50px;
  height: 100%;
  z-index: 1000;
}
.scroll-left {
  left: 0;
}
.scroll-right {
  right: 0;
}



#rec664329790 .t396__artboard {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  cursor: grab;
}
#rec664329790 .t396__artboard.active {
  cursor: grabbing;
}



/* Добавьте в конец CSS */
.section {
  z-index: 1 !important;
  position: relative;
}

.fp-section {
  z-index: auto !important;
}

.uc-services, .uc-employees {
  z-index: 2 !important;
}

.indicator {
  z-index: 1000 !important;
}




#fp-nav ul li a span {
  background: rgba(255,255,255,1) !important;
}

#fp-nav ul {
  height: 270px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* равномерно распределит пункты */
}

#fp-nav {
  /* Позиция от верха */
  top: 500px !important;
  margin-top: 0 !important; /* Отключаем центровку */
  z-index: 9999 !important;
  /* Позиция от правого/левого края */
  left: 50px !important; /* Или left для .fp-left */
}
#fp-nav {
  width: 50px;
}

#rec668148780 a {
  text-decoration: none !important;
  color: inherit !important; /* если хотите сохранить цвет текста как у обычного текста */
}

#rec668148780 a:hover {
  text-decoration: none !important;
  color: inherit !important; /* аналогично для состояния при наведении */
}