.sport-banner {
    padding: 1.1333333333rem 0 1.3333333333rem;
    background-image: url(https://stardacaseno.click/img/sport_banner_mobile.webp);
    min-height: 15.1333333333rem;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

.no-webp .sport-banner {
    background-image: url(https://stardacaseno.click/img/sport_banner_mobile.png)
}

.home-page .sport-banner {
    margin: 4.6666666667rem -.6666666667rem 0 -.6666666667rem;
    position: relative
}

@media(min-width:769px)and (max-width:1024px) {
    .sport-banner {
        min-height: 22.7rem;
        padding: 1.7rem 0 2rem
    }
    .home-page .sport-banner {
        width: 100vw;
        margin: 7rem -50vw 0 -50vw;
        left: 50%;
        right: 50%
    }
}

@media(min-width:1025px) {
    .sport-banner {
        min-height: 23.8888888889rem;
        padding: 1.9444444444rem 0 5.5555555556rem 0;
        background-image: url(../../../img/sport_banner.webp), url(../../../img/sport_banner_texture.webp)
    }
    .no-webp .sport-banner {
        background-image: url(https://stardacaseno.click/img/sport_banner.png), url(https://stardacaseno.click/img/sport_banner_texture.png)
    }
    .home-page .sport-banner {
        width: 100vw;
        margin: 1.8333333333rem -50vw 0 -50vw;
        left: 50%;
        right: 50%
    }
}

.sport-banner__text {
    font-weight: 600;
    font-size: .7333333333rem;
    display: block;
    letter-spacing: .2rem;
    text-transform: uppercase;
    color: var(--WHITE_TRANSPARENT)
}

@media(min-width:769px)and (max-width:1024px) {
    .sport-banner__text {
        font-size: 1.1rem;
        letter-spacing: .3rem
    }
}

@media(min-width:1025px) {
    .sport-banner__text {
        font-size: 1.1111111111rem;
        letter-spacing: .1666666667rem
    }
}

.sport-banner__title {
    font-size: 1.7333333333rem;
    display: block;
    margin-bottom: 1.6666666667rem;
    max-width: 20rem;
    line-height: 1.3
}

@media(min-width:769px)and (max-width:1024px) {
    .sport-banner__title {
        font-size: 2.6rem;
        margin-bottom: 2.5rem;
        max-width: 30rem
    }
}

@media(min-width:1025px) {
    .sport-banner__title {
        font-size: 3.4444444444rem;
        margin-bottom: 2rem;
        max-width: 43.3333333333rem
    }
}

.sport-banner__logo {
    width: .9333333333rem;
    height: 2.0666666667rem;
    margin-right: .4666666667rem
}

@media(min-width:769px)and (max-width:1024px) {
    .sport-banner__logo {
        width: 1.4rem;
        height: 3.1rem;
        margin-right: .7rem
    }
}

@media(min-width:1025px) {
    .sport-banner__logo {
        width: 1.2222222222rem;
        height: 2.7222222222rem;
        margin-right: .5rem
    }
}

.sport-banner__logo-wrapper {
    display: flex;
    align-items: flex-end;
    line-height: 1;
    margin-bottom: 1.8666666667rem
}

@media(min-width:769px)and (max-width:1024px) {
    .sport-banner__logo-wrapper {
        margin-bottom: 2.8rem
    }
}

@media(min-width:1025px) {
    .sport-banner__logo-wrapper {
        margin-bottom: 1rem
    }
}