.jumbotron {
    /*z-index: 100;*/
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../img/jumbotron.webp);
    padding-top: calc(clamp(1.25rem, 0.7089rem + 2.0134vw, 3.125rem) + 182px);
    /*padding-top: clamp(1.25rem, 0.7089rem + 2.0134vw, 3.125rem);*/
    padding-bottom: clamp(2rem, 1.1342rem + 3.2215vw, 5rem);
}

.jumbotron:not(.jumbotron-welcome) {
    background-position: bottom center;
}

@media (max-width: 1199px) {
    .jumbotron {
        background-image: url(../img/jumbotron-mob@2x.webp);
        background-position: top center !important;
    }
}

.jumbotron-welcome {
    padding-bottom: 10vw;
    position: relative;
    background-image: url(../img/jumbotron-welcome.webp);
}

@media (max-width: 1199px) {
    .jumbotron-welcome {
        background-image: url(../img/jumbotron-welcome-mob@2x.webp);
    }
}

@media (min-width: 1200px) {
    .jumbotron-welcome .navbar-nav {
        margin-top: 20px;
    }
}

.jumbotron-welcome .logo {
    width: clamp(3rem, 0.8127rem + 8.1769vw, 10.625rem);
}

.jumbotron-welcome h1,
.jumbotron-welcome .h1 {
    color: #fff;
    font-size: clamp(3.375rem, 1.9786rem + 3.3512vw, 6rem);
}

.jumbotron-text {
    color: #fff;
    font-size: clamp(1.575rem, 1.1599rem + 0.8043vw, 2.125rem);
}

.welcome-img {
    position: absolute;
    right: 55%;
    bottom: 0;
    max-height: 100%;
    width: 31%;
    max-width: 608px;
    object-fit: contain;
    object-position: bottom center;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.welcome-img:not(.d-none) {
    opacity: 1;
}

@media (max-width: 1800px) {
    .welcome-img {
        max-height: 600px;
    }
}

.welcome-ball {
    position: absolute;
    pointer-events: none;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -57%);
    width: 37%;
    max-width: 788px;
    z-index: 1;
}

.jumbotron-welcome > .container .btn {
    min-width: 220px;
}

.wrap__welcome-btn {
    display: flex;
}

@media (max-width: 1199px) {
    .jumbotron.jumbotron-welcome {
        min-height: 75vh;
        display: flex;
        flex-direction: column;
    }

    .jumbotron.jumbotron-welcome > .container {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .jumbotron.jumbotron-welcome > .container > .row {
        flex: 1;
    }

    .jumbotron.jumbotron-welcome > .container > .row > * {
        display: flex;
        flex-direction: column;
    }

    .jumbotron.jumbotron-welcome h1,
    .jumbotron.jumbotron-welcome .h1,
    .jumbotron.jumbotron-welcome .jumbotron-text {
        text-align: center;
    }

    .wrap__welcome-btn {
        flex: 1;
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }

    .wrap__welcome-btn .btn {
        margin: 10px 0;
    }

    .welcome-img {
        width: 500px;
        right: 45%;
        max-height: 100%;
        max-width: 428px;
    }

    .welcome-ball {
        left: auto;
        right: 0;
        transform: translate(0%, -55%);
    }
}

@media (max-width: 1199px) and (min-width: 767px) {
    .jumbotron {
        min-height: 444px;
        display: flex;
        flex-direction: column;
    }
    .jumbotron > .container {
        margin: auto;
    }
}

@media (max-width: 767px) {
    .wrap__welcome-btn .btn {
        width: 160px;

    }
    /* .jumbotron {

        background-position: bottom center !important;
    } */
    .jumbotron-welcome > .container .wrap__welcome-btn .btn {
        min-width: 180px;
        padding-bottom: 2px;
    }

    .jumbotron.jumbotron-welcome {
        min-height: auto;

    }

    .welcome-ball {
        width: 320px;
        right: -14%;
    }

    .welcome-img {
        width: auto;
        /*height: 430px;*/
        height: 363px;
        /* right: 55%; */
        right: auto;
        left: 0;
    }

    .wrap__welcome-btn {
        /*height: 430px;*/
        height: auto;
        margin: 110px 0 120px 0;
        flex: none;
    }
    
    .jumbotron {
        padding-top: 90px !important;
    }
    .jumbotron.jumbotron-welcome > .container {
        z-index: 1;
    }

}