.under_hero .inner {
    padding: var(--space-110) 0;
}
.under_hero .top {
    color: var(--white);
    font-family: var(--font-second);
    font-size: var(--size-30);
    font-style: normal;
    font-weight: 300;
    line-height: 170%; 
    width: 100%;
    max-width: calc(100vw / 2);
}
.under_hero .middle {
    display: flex;
    align-items: end;
    gap: var(--space-lg);
    color: var(--white);
    font-family: var(--font-second);
    font-size: var(--size-64);
    font-style: italic;
    font-weight: 200;
    line-height: normal;
    padding-bottom: var(--space-175);
}
.under_hero .middle strong {
    color: var(--white);
    font-family: var(--font-second);
    font-size: var(--size-64);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.under_hero .middle video {
    width: 100%;
    max-width: calc(100vw / 2);
}
.under_hero .bottom {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.under_hero .marquee {
    display: flex;
    gap: 2rem;
    width: max-content;
    animation: scroll 20s linear infinite;
}

.under_hero .marquee span {
    white-space: nowrap;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.40);
    font-family: var(--font-second);
    font-size: var(--size-128);
    font-style: normal;
    font-weight: 200;
    line-height: normal;
    letter-spacing: 1.285px;
}

.under_hero .middle .right {
    width: 100%;
}
.under_hero .middle .right p:nth-child(1) {
    margin-left: 10%;
}
.under_hero .middle .right p:nth-child(3), .under_hero .middle .right p:nth-child(4) {
    text-align: center;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (max-width: 992px) {
.under_hero .top {
    max-width: 100%;
}
}

@media (max-width: 768px) {
.under_hero .middle {
    flex-direction: column;
    padding-bottom: var(--space-2lg);
}
.under_hero .middle video {
    max-width: 100%;
}
.under_hero .middle .right p {
    text-align: center;
}
.under_hero .middle .right p:nth-child(1) {
    margin-left: 0;
}
}