/*vremennoe*/
 .container_one {
    transform: translate(53.5em, 3em)!important;
    width: 32em!important;
 }


.loading_line_container {
    display: flex;
    gap: 2px; /* небольшой отступ между линиями */
    margin-bottom: 10px; /* отступ от контента */
}

.loading_line_one {
    flex-grow: 1;
    height: 0.2em;
    background-color: #ffffff85;
    position: relative;
    overflow: hidden;
    box-shadow: var(--brand-shadow);
}

.loading_line_one_active {
    background-color: var(--base-color-white);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 0%; /* начальное значение, будет анимировано до 100% */
}

.exurs_two {
    display: none; /* все скрыты по умолчанию */
}

.exurs_two:first-child {
    display: flex; /* показываем только первую экскурсию */
}

.container_one, .container_two {
    position: relative;

}




.active-container .exurs_one_sights,
.active-container .pick_up_one,
.active-container .exurs_one_title,
.active-container .loading_line_container,
.active-container .main_background_shadow {
    opacity: 1;
    display: flex;
}

.container_one, .container_two {
    position: relative;

}


.exurs_one_sights, .pick_up_one, .exurs_one_title, 
.loading_line_container, .main_background_shadow {
    opacity: 1;
    display: flex;

}

/* Стили для неактивного контейнера (управляются через JS) */
.inactive-container .exurs_one_sights,
.inactive-container .pick_up_one,
.inactive-container .exurs_one_title,
.inactive-container .loading_line_container,
.inactive-container .main_background_shadow {
    opacity: 0;
    display: none;
}

.main_pics {
  overflow: hidden;
}
.container_one.active .exurs_id img,
.container_two.active .exurs_id img {
    transition: transform 5s ease-in-out;
    transform-origin: center center;
}
.container_one.active .exurs_id.active img,
.container_two.active .exurs_id.active img {
    transform: scale(1.1);
}
.background_modul_img {
    transition: transform 2.5s ease-in-out;
}

.snake-border {
    --snake-speed: 1.5s;
    --snake-length: 90deg;
    position: relative;
    z-index: 9!important;
    overflow: hidden;
    padding: 2px!important;
    background: white!important;
  }

.snake-border::before {
    content: '';
    position: absolute;
    inset: -25% 5%;
    border-radius: inherit;
    padding: var(--snake-width);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: snake-rotate var(--snake-speed)linear infinite;
    opacity: 0;
    transition: opacity .5s;
    background: linear-gradient(90deg, #FFC107, #FF9800 26.56%, #FFEB3B 75%, #FF5722);
}

.snake-border:hover::before {
  opacity: 1;
}

.snake-border .find_tour_one_card_sec_pt {
    background: #ffffff;
    border-radius: var(--brand-borderRadius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index: 99;
}
@keyframes snake-rotate {
  100% {
    transform: rotate(360deg);
  }
}