.sb-hero {
  margin-top: 0px !important;
  margin-block-start: 0px !important;
  height: 600px;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
}
 
.sb-hero__content{
    background-color: rgba(0, 0, 0, 0.75);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 460px;
    padding: 0 50px;
    box-sizing: border-box;
}
.sb-hero__title {
    font-family: var(--sb-font-ui, inherit);
    font-size: 42px;
    color: #FFFFFF !important;
}

.sb-hero__description{
    font-family: var(--sb-font-ui, inherit);
    font-size: 24px;
    color: #FFFFFF;
}


/* Контейнер для иконки */
.scroll-indicator {
    margin-top: 40px; /* Отступ от текста */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Сама иконка стрелки */
.scroll-arrow {
    cursor: pointer;
    animation: bounce 2s infinite;
    transition: all 0.3s ease;
    opacity: 0.8;
}

/* Анимация "прыжка" */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* Эффект при наведении */
.scroll-arrow:hover {
    opacity: 1;
    transform: scale(1.1);
   } 

@media (max-width: 810px) {
   .sb-hero__content{
      width: 70%;
      margin: 0 auto;
   }
}