.section--welcome {
    position: relative;
    padding-top: 3vw;
    padding-bottom: clamp(5rem, 1.8137rem + 13.0719vw, 17.5rem);
}

.welcome-bg {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 50%;
    transform: translateX(calc(-50% - 4vw)) translateY(-12vw);
    width: 103vw;
    z-index: -1;
}

.welcome-title {
    text-transform: uppercase;
    font-size: clamp(1.875rem, 1.4926rem + 1.2686vw, 3.175rem);
    margin-bottom: clamp(0.75rem, 0.6225rem + 0.5229vw, 1.25rem);
    line-height: 1;
}
.section--welcome h1, 
.section--welcome .h1 {
    margin-top: 5rem;
    /* margin-bottom: clamp(2rem, -0.3578rem + 9.6732vw, 11.25rem); */
    margin-bottom: 20px;
}

.welcome-decor {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    
}
.welcome-decor--1 {
    width: clamp(10.25rem, 2.0931rem + 33.4641vw, 42.25rem);
    right: 0;
    top: 22vw;
}
.welcome-decor--2 {
    width: clamp(13.75rem, 8.1103rem + 23.1373vw, 35.875rem);
    right: -10vw;
    top: 28vw;
    opacity: .6;
}

.subtitle {
    font-size: clamp(1.625rem, 1.4606rem + 0.5536vw, 2.125rem);
    margin-bottom: clamp(1.75rem, 1.4213rem + 1.1073vw, 2.75rem);
}

.welcome-info {
    position: absolute;
    width: clamp(12.875rem, 12.0532rem + 3.7682vw, 15.375rem);
    right: 45%;
    top: 100%;
}
.welcome-info__title {
    font-size: clamp(0.9375rem, 0.8348rem + 0.346vw, 1.25rem);
    font-weight: 700;
}
.welcome-info__line {
    margin: 10px 0;
    background: #fff;
    width: calc(100% + 30px);
    margin-right: -30px;
    position: relative;
    height: 1px;
}
.welcome-info__line:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    right: 0;
    top: -4px;
}
.welcome-info__text {
    font-size: clamp(0.9375rem, 0.8348rem + 0.346vw, 1.25rem);
}


@media (max-width: 1199px) {

    .welcome {
        padding-top: 400px;
    }
    .welcome-decor--2 {
        display: none;
    }
    .welcome-bg {
        width: 110vw;
        transform: translateX(0) translateY(-11vw);
        left: 5vw;
    }
    .welcome-decor--1 {
        width: 30%;
        right: 0;
        top: 28%;
    }

    .welcome-info {
       top: 300px;
       right: 60%;
    }


}

@media (max-width: 767px) {
    .welcome {
        padding-top: 400px;
    }
    .welcome-bg {
        width: auto;
        height: 472px;
        transform: translateX(-13%) translateY(1%);
    }
    .welcome-decor--1 {
        top: 33%;
        width: 42%;
    }
    .welcome-info {
        top: 336px;
        right: 47%;
     }
}