/* Стили для логотипа */ 

.logo {
  animation: pulse 3s alternate; /* Анимация пульсации */
}

/* Анимация пульсации */
@keyframes pulse {
  0% {
    transform: scale(0.7);
    opacity: 0.5;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Стили для полос */
.stripes-container {

  opacity: 0; /* Изначально скрываем полосы */
  transition: opacity 1s ease-in-out; /* Плавное появление */
}

.stripes-container.show { /* Класс для показа полос */
  opacity: 1;
}

.stripe {
  transform: translateX(100%); /* Полосы за экраном справа */
}


/*animatoin-2 start*/
.fade-in-element-right,
.fade-in-element-left,
.fade-in-element-top,
.fade-in-element-bottom{
      opacity: 0; /* Изначально скрыть элемент */   
    }

.img-circle-puslse {
   
    /* Убрали transition, чтобы не мешал постоянной пульсации */
    animation: pulse-effect 1.8s infinite; /* Запускаем анимацию постоянно */
}


@keyframes pulse-effect {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }
    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}