.social {
    width: 6.20vw;
    display: flex;
    flex-direction: column;
    gap: 3.3333333333vw;
}

@media (max-width: 991px) {
    .social{
        width: initial;
    }

    .object__soon {
        width: 100%;
        text-align: center;
    }
}

.social__item{
    width: fit-content;
}

.advant__images--1 {
    border-radius: .2777777778vw 13.8888888889vw .2777777778vw 13.8888888889vw;
    margin-top: initial !important;
    position: sticky;
    top: 5.5555555556vw;
}

.project-heroanimation {
    height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 6.3541666667vw;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.project-heroanimation__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25vw;
}

.project-heroanimation__btns {
    display: flex;
    gap: .8333333333vw;
}

.project-heroanimation__image {
    position: absolute;
    left: 50%;
    z-index: 1;
    bottom: -2.0833333333vw;
    pointer-events: none;
    transform-origin: 50% 100%;
}

.project-heroanimation__image--1 {
    width: 28.75vw;
    height: 34.21875vw;
    transform: translate(-50%, 0) scale(.7);
}

.project-heroanimation__image--2 {
    width: 29.2708333333vw;
    height: 36.5104166667vw;
    transform: translate(-50%, 0) scale(.7);
}

.project-heroanimation__name--1 {
    width: 18.8541666667vw;
}

.project-heroanimation__name--1 img {
    aspect-ratio: 362 / 145;
}

.project-heroanimation__name--2 {
    width: 30.7291666667vw;
}

.project-heroanimation__name--2 img {
    aspect-ratio: 590 / 140;
}

.project-heroanimation__clouds {
    position: absolute;
    z-index: 6;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.project-heroanimation__clouds--left {
    left: 0;
    background-image: url("/wp-content/uploads/2026/06/clouds-left.png");
    background-position: right bottom;
    width: 25.46875vw;
    height: 25.625vw;
}

.project-heroanimation__clouds--right {
    right: 0;
    background-image: url("/wp-content/uploads/2026/06/clouds-right.png");
    background-position: left bottom;
    width: 25.46875vw;
    height: 25.625vw;
}

.project-heroanimation__clouds--center {
    width: 100%;
    background-image: url("/wp-content/uploads/2026/06/clouds-center.png");
    background-position: center top;
    height: 16.1458333333vw;
}

@media (min-width: 1920px) {
    .project-heroanimation {
        padding-top: 122px;
    }

    .project-heroanimation__content {
        gap: 24px;
    }

    .project-heroanimation__btns {
        gap: 16px;
    }

    .project-heroanimation__image {
        bottom: -40px;
    }

    .project-heroanimation__image--1 {
        width: 552px;
        height: 657px;
    }

    .project-heroanimation__image--2 {
        width: 562px;
        height: 701px;
    }

    .project-heroanimation__name--1 {
        width: 362px;
    }

    .project-heroanimation__name--2 {
        width: 590px;
    }

    .project-heroanimation__clouds--left {
        width: 489px;
        height: 492px;
    }

    .project-heroanimation__clouds--right {
        width: 574px;
        height: 460px;
    }

    .project-heroanimation__clouds--center {
        height: 310px;
    }
}

@media (max-width: 991px) {
    .project-heroanimation {
        padding-top: 26.6666666667vw;
    }

    .project-heroanimation__content {
        gap: 6.4vw;
    }

    .project-heroanimation__btns {
        flex-direction: column;
        align-items: center;
        gap: 4.2666666667vw;
    }

    .project-heroanimation__image {
        bottom: -2.6666666667vw;
    }

    .project-heroanimation__image--1 {
        width: 76.5333333333vw;
        height: auto;
        max-height: 50vh;
    }

    .project-heroanimation__image--2 {
        width: 70.4vw;
        height: auto;
        max-height: 50vh;
    }

    .project-heroanimation__name--1 {
        width: 62.6666666667vw;
    }

    .project-heroanimation__name--1 img {
        aspect-ratio: 235 / 94;
    }

    .project-heroanimation__name--2 {
        width: 74.1333333333vw;
    }

    .project-heroanimation__name--2 img {
        aspect-ratio: 278 / 66;
    }

    .project-heroanimation__clouds--left {
        background-image: url("/wp-content/uploads/2026/06/clouds-left-mobile.png");
        width: 22.6666666667vw;
        height: 64.2666666667vw;
    }

    .project-heroanimation__clouds--right {
        background-image: url("/wp-content/uploads/2026/06/clouds-right-mobile.png");
        width: 24.5333333333vw;
        height: 60.8vw;
    }

    .project-heroanimation__clouds--center {
        background-image: url("/wp-content/uploads/2026/06/clouds-center-mobile.png");
        height: 41.0666666667vw;
    }
}