.popular-payment-providers__list {
    display: flex;
    justify-content: center;
    padding: 1.0666666667rem .8rem
}

@media(max-width:768px) {
    .popular-payment-providers__list {
        padding: 1.0666666667rem .8rem
    }
}

@media(min-width:769px)and (max-width:1024px) {
    .popular-payment-providers__list {
        padding: 4.2rem 1.6rem 2.1rem
    }
}

@media(min-width:1025px) {
    .popular-payment-providers__list {
        padding: 2.5rem .8888888889rem 2rem
    }
}

.wrapper--base-banner .popular-payment-providers__list {
    justify-content: flex-end;
    padding: .7333333333rem 0
}

@media(min-width:769px) {
    .wrapper--base-banner .popular-payment-providers__list {
        padding: 4rem 0
    }
}

@media(min-width:1025px) {
    .wrapper--base-banner .popular-payment-providers__list {
        padding: 1.1111111111rem
    }
}

.popular-payment-providers__item {
    margin-right: 1.6rem
}

.popular-payment-providers__item:last-child {
    margin-right: 0
}

@media(min-width:769px) {
    .popular-payment-providers__item {
        margin-right: 3.2rem
    }
}

@media(min-width:1025px) {
    .popular-payment-providers__item {
        margin-right: 1.7777777778rem
    }
}

.wrapper--base-banner .popular-payment-providers__item {
    margin-right: 1.3333333333rem
}

@media(max-width:768px) {
    .wrapper--base-banner .popular-payment-providers__item:first-child {
        margin-left: 1.1111111111rem
    }
}

@media(min-width:769px) {
    .wrapper--base-banner .popular-payment-providers__item {
        margin-right: 4rem
    }
    .wrapper--base-banner .popular-payment-providers__item:first-child {
        margin-left: 4rem
    }
}

@media(min-width:1025px) {
    .wrapper--base-banner .popular-payment-providers__item {
        margin-right: 1.1111111111rem
    }
    .wrapper--base-banner .popular-payment-providers__item:last-child {
        margin-right: 0
    }
}

.popular-payment-providers__item img {
    height: 2.4rem;
    width: 3.5333333333rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media(min-width:769px)and (max-width:1024px) {
    .popular-payment-providers__item img {
        height: 4.8rem;
        width: 8rem
    }
}

@media(min-width:1025px) {
    .popular-payment-providers__item img {
        height: 2.6666666667rem;
        width: 5rem
    }
}

.wrapper--base-banner .popular-payment-providers__item img {
    height: 2.1333333333rem;
    width: auto;
    max-width: 8.6666666667rem
}

@media(min-width:769px)and (max-width:1024px) {
    .wrapper--base-banner .popular-payment-providers__item img {
        height: 3.2rem;
        max-width: 13rem
    }
}

@media(min-width:1025px) {
    .wrapper--base-banner .popular-payment-providers__item img {
        height: 1.7777777778rem;
        max-width: 7.2222222222rem
    }
}

.popular-payment-providers {
    width: 100%;
    z-index: 1
}

.wrapper--base-banner .popular-payment-providers {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media(min-width:769px) {
    .popular-payment-providers {
        background-image: linear-gradient(180deg, rgba(5, 6, 10, 0), rgba(5, 6, 10, .82) 78.71%);
        width: 100%
    }
}

.page-404 .popular-payment-providers {
    display: none
}

.popular-payment-providers__item-img--visa {
    height: 2.4rem
}

@media(min-width:769px)and (max-width:1024px) {
    .popular-payment-providers__item-img--visa {
        height: 4.8rem
    }
}

@media(min-width:1025px) {
    .popular-payment-providers__item-img--visa {
        height: 2.6666666667rem
    }
}

@media(max-width:768px) {
    .wrapper--banner {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1025px) {
    .wrapper--base-banner:before {
        content: "";
        position: absolute;
        top: -15.2777777778rem;
        left: -17.3333333333rem;
        width: 50.6111111111rem;
        height: 50.6111111111rem;
        background: radial-gradient(50% 50% at 50% 50%, #262831 24%, rgba(38, 40, 49, 0) 100%);
        pointer-events: none
    }
}

.start-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 21.2666666667rem;
    margin-bottom: 1.6rem;
    position: relative
}

@media(min-width:769px) {
    .start-banner {
        background-size: cover;
        background-repeat: no-repeat
    }
}

@media(min-width:769px)and (max-width:1024px) {
    .start-banner {
        min-height: 60rem;
        margin: 4rem 0;
        border-radius: .6rem;
        padding-top: 6rem
    }
}

@media(min-width:1025px) {
    .start-banner {
        min-height: 33.3333333333rem;
        margin-top: 0;
        margin-bottom: 2.8888888889rem;
        border-radius: .3333333333rem;
        padding-top: 3.3333333333rem
    }
}

.wrapper--base-banner .start-banner {
    background-position: 50%;
    background-position-y: calc(var(--scrollPosition)*0.1);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 28.6666666667rem;
    overflow: hidden;
    margin-bottom: 0
}

@media(min-width:451px) {
    .wrapper--base-banner .start-banner {
        min-height: 53.8rem
    }
}

@media(min-width:769px)and (max-width:1024px) {
    .wrapper--base-banner .start-banner {
        min-height: 65.2rem;
        margin-left: -4.3rem;
        margin-right: -4.3rem
    }
}

@media(min-width:1025px) {
    .wrapper--base-banner .start-banner {
        background-color: #010000;
        min-height: 27.2222222222rem;
        border-radius: 8px;
        -webkit-animation: bannerAnimate 3s ease-in-out infinite alternate;
        animation: bannerAnimate 3s ease-in-out infinite alternate
    }
}

.start-banner__card {
    position: relative;
    background: linear-gradient(180deg, rgba(12, 19, 38, 0) -.36%, #0f1116 101%), var(--INFINITY);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 21.2666666667rem;
    padding: 2.6rem 1.7333333333rem 1.9333333333rem 1.7333333333rem;
    -webkit-filter: drop-shadow(0 .5333333333rem 1.1333333333rem rgba(0, 0, 0, .25));
    filter: drop-shadow(0 .5333333333rem 1.1333333333rem rgba(0, 0, 0, .25))
}

@media(min-width:769px) {
    .start-banner__card {
        border-radius: .5rem;
        width: 32.9rem;
        min-height: 41.1rem;
        padding: 6.8rem 3.3rem 3.9rem 3.3rem;
        -webkit-filter: drop-shadow(0 .8rem 1.7rem rgba(0, 0, 0, .25));
        filter: drop-shadow(0 .8rem 1.7rem rgba(0, 0, 0, .25))
    }
}

@media(min-width:1025px) {
    .start-banner__card {
        border-radius: .2777777778rem;
        width: 18.2777777778rem;
        min-height: 22.8333333333rem;
        padding: 3.7777777778rem 1.8333333333rem 2.1666666667rem 1.8333333333rem;
        -webkit-filter: drop-shadow(0 .4444444444rem .9444444444rem rgba(0, 0, 0, .25));
        filter: drop-shadow(0 .4444444444rem .9444444444rem rgba(0, 0, 0, .25))
    }
}

.start-banner__card .start-banner__card--default-img {
    position: absolute;
    right: -.4rem;
    top: -.4666666667rem;
    width: 11.8666666667rem;
    height: 12.1333333333rem;
    z-index: 1
}

@media(min-width:769px) {
    .start-banner__card .start-banner__card--default-img {
        right: -4.8rem;
        top: -.8rem;
        width: 23.1rem;
        height: 23.6rem
    }
}

@media(min-width:769px)and (max-width:1024px) {
    .start-banner__card .start-banner__card--default-img {
        right: -10rem
    }
}

@media(min-width:1025px) {
    .start-banner__card .start-banner__card--default-img {
        right: -5.5555555556rem;
        top: -.4444444444rem;
        width: 12.8333333333rem;
        height: 13.1111111111rem
    }
}

.start-banner__card:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 27.4rem;
    background-image: url(https://stardacaseno.click/img/start-banner/dots.png);
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none
}

@media(min-width:769px) {
    .start-banner__card:after {
        height: 41.1rem
    }
}

@media(min-width:1025px) {
    .start-banner__card:after {
        height: 22.8333333333rem
    }
}

.start-banner__img {
    position: absolute;
    top: -1.6666666667rem;
    left: 4rem;
    width: 25rem;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%
}

@media(min-width:769px)and (max-width:1024px) {
    .start-banner__img {
        width: 60.9rem;
        left: 26rem;
        top: -7.7rem;
        height: 125%
    }
}

@media(min-width:1025px) {
    .start-banner__img {
        width: 33.8333333333rem;
        left: 14.4444444444rem;
        top: -3.8888888889rem;
        height: 125%
    }
}

.start-banner__img.start-banner__img-default {
    background-image: url(https://stardacaseno.click/img/start-banner/footballer.webp)
}

.no-webp .start-banner__img.start-banner__img-default {
    background-image: url(https://stardacaseno.click/img/start-banner/footballer.png)
}

.start-banner__img.start-banner__img-br {
    background-image: url(https://stardacaseno.click/img/start-banner/footballer-brazil.webp)
}

.no-webp .start-banner__img.start-banner__img-br {
    background-image: url(https://stardacaseno.click/img/start-banner/footballer-brazil.png)
}

.start-banner__card-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    z-index: 3
}

.start-banner__title {
    font-size: 1.2rem;
    line-height: 2.2666666667rem;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--WHITE);
    text-align: center
}

@media(min-width:769px) {
    .start-banner__title {
        font-size: 2.7rem;
        line-height: 4.4rem
    }
}

@media(min-width:1025px) {
    .start-banner__title {
        font-size: 1.5rem;
        line-height: 2.4444444444rem
    }
}

.start-banner__price {
    font-size: 1.2rem;
    line-height: 1.3333333333rem;
    letter-spacing: -.0533333333rem;
    font-weight: 800;
    font-style: italic;
    margin-bottom: .9333333333rem
}

@media(min-width:769px) {
    .start-banner__price {
        font-size: 3.8rem;
        line-height: 4rem;
        letter-spacing: -.08rem;
        margin-bottom: 1.4rem
    }
}

@media(min-width:1025px) {
    .start-banner__price {
        font-size: 2.1111111111rem;
        line-height: 2.2222222222rem;
        letter-spacing: -.0444444444rem;
        margin-bottom: .7777777778rem
    }
}

.start-banner__price_size_large {
    font-size: 1.5333333333rem;
    line-height: 1.6666666667rem;
    letter-spacing: normal;
    margin-bottom: 0
}

@media(min-width:769px) {
    .start-banner__price_size_large {
        font-size: 4.3rem;
        line-height: 4.5rem
    }
}

@media(min-width:1025px) {
    .start-banner__price_size_large {
        font-size: 2.3888888889rem;
        line-height: 2.5rem
    }
}

.start-banner__icon {
    width: 1.0666666667rem
}

@media(min-width:769px) {
    .start-banner__icon {
        width: 3rem
    }
}

@media(min-width:1025px) {
    .start-banner__icon {
        width: 1.6666666667rem
    }
}

.start-banner__image {
    max-width: 1.6666666667rem;
    width: auto
}

@media(min-width:769px) {
    .start-banner__image {
        max-width: -webkit-max-content;
        max-width: max-content
    }
}

@media(min-width:1025px) {
    .start-banner__image {
        max-width: -webkit-max-content;
        max-width: max-content
    }
}

.start-banner__text-play {
    font-size: 1.6rem;
    line-height: 1.7333333333rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 3.0666666667rem
}

@media(min-width:769px) {
    .start-banner__text-play {
        font-size: 2.6rem;
        line-height: 2.8rem;
        margin-bottom: 7.5rem
    }
}

@media(min-width:1025px) {
    .start-banner__text-play {
        font-size: 1.4444444444rem;
        line-height: 1.5555555556rem;
        margin-bottom: 4.1666666667rem
    }
}

.start-banner__text {
    font-size: 1.1333333333rem;
    line-height: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: .2rem;
    color: var(--WHITE_TRANSPARENT_06)
}

@media(max-width:768px) {
    .start-banner__text {
        font-weight: 800
    }
}

@media(min-width:769px) {
    .start-banner__text {
        font-size: 1.8rem;
        line-height: 1.8rem;
        margin-bottom: .3rem
    }
}

@media(min-width:1025px) {
    .start-banner__text {
        font-size: 1rem;
        line-height: 1rem;
        margin-bottom: .1666666667rem
    }
}

.start-banner__bonus {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(https://stardacaseno.click/img/start-banner/start-banner-btn.png);
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 9.4rem;
    height: 2.0666666667rem;
    margin-bottom: .7333333333rem
}

@media(min-width:769px) {
    .start-banner__bonus {
        min-width: 24.1rem;
        height: 5.1rem;
        margin-bottom: 1.1rem
    }
}

@media(min-width:1025px) {
    .start-banner__bonus {
        min-width: 13.3888888889rem;
        height: 2.8333333333rem;
        margin-bottom: .6111111111rem
    }
}

.start-banner__text-spin {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.4rem;
    letter-spacing: -.0666666667rem;
    text-transform: uppercase;
    margin-bottom: 0
}

@media(max-width:768px) {
    .start-banner__text-spin {
        font-weight: 800;
        font-size: 1.6rem;
        line-height: 1.8666666667rem
    }
}

@media(min-width:769px) {
    .start-banner__text-spin {
        font-size: 2.4rem;
        line-height: 2.8rem;
        letter-spacing: -.09rem
    }
}

@media(min-width:1025px) {
    .start-banner__text-spin {
        font-size: 1.3333333333rem;
        line-height: 1.5555555556rem;
        letter-spacing: -.05rem
    }
}

.start-banner__text-plus {
    color: var(--ROUGE_SARDE)
}

.start-banner__card-alternative {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1
}

.wrapper--base-banner .start-banner__card-alternative {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1
}

@media(min-width:769px) {
    .wrapper--base-banner .start-banner__card-alternative {
        justify-content: left
    }
}

@media(min-width:1025px) {
    .wrapper--base-banner .start-banner__card-alternative:after,
    .wrapper--base-banner .start-banner__card-alternative:before {
        content: "";
        position: absolute;
        pointer-events: none;
        background-size: cover
    }
    .wrapper--base-banner .start-banner__card-alternative:before {
        top: 0;
        right: 3.6666666667rem;
        width: 51.6111111111rem;
        height: 11rem;
        background-image: url(../../../img/start-banner/alt-start-banner-elements-top.webp);
        -webkit-animation: bannerAnimateTop 2s ease-in-out infinite alternate;
        animation: bannerAnimateTop 2s ease-in-out infinite alternate
    }
    .no-webp .wrapper--base-banner .start-banner__card-alternative:before {
        background-image: url(https://stardacaseno.click/img/start-banner/alt-start-banner-elements-top.png)
    }
    .wrapper--base-banner .start-banner__card-alternative:after {
        top: 9.5555555556rem;
        right: .1111111111rem;
        width: 59.6666666667rem;
        height: 14.7777777778rem;
        background-image: url(../../../img/start-banner/alt-start-banner-elements-bottom.webp);
        -webkit-animation: bannerAnimateBottom 2s ease-in-out infinite alternate;
        animation: bannerAnimateBottom 2s ease-in-out infinite alternate
    }
    .no-webp .wrapper--base-banner .start-banner__card-alternative:after {
        background-image: url(https://stardacaseno.click/img/start-banner/alt-start-banner-elements-bottom.png)
    }
}

.start-banner__card_alternative-inner {
    padding: 1.6rem;
    z-index: 1
}

@media(min-width:451px) {
    .start-banner__card_alternative-inner {
        padding: 3.0666666667rem
    }
}

@media(min-width:769px)and (max-width:1024px) {
    .start-banner__card_alternative-inner {
        padding: 6.2rem 5.6rem 5.6rem 5.6rem
    }
}

@media(min-width:1025px) {
    .start-banner__card_alternative-inner {
        padding: 3.1111111111rem 4rem 2.3333333333rem 4rem
    }
}

.start-banner__card_alternative-title {
    font-size: 1.3333333333rem;
    font-weight: 700;
    line-height: 1.8666666667rem;
    margin-bottom: .8rem;
    color: #fafdff
}

@media(min-width:451px) {
    .start-banner__card_alternative-title {
        font-size: 2.2666666667rem;
        line-height: 3.4666666667rem;
        margin-bottom: 1.6666666667rem
    }
}

@media(min-width:769px)and (max-width:1024px) {
    .start-banner__card_alternative-title {
        font-size: 4.8rem;
        line-height: 5.6rem;
        margin-bottom: 2.5rem
    }
}

@media(min-width:1025px) {
    .start-banner__card_alternative-title {
        font-size: 2.4444444444rem;
        line-height: 2.8888888889rem;
        margin-bottom: .6666666667rem
    }
}

.start-banner__card_alternative-value {
    font-size: 2.2666666667rem;
    line-height: 2.8rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: .2666666667rem
}

@media(min-width:451px) {
    .start-banner__card_alternative-value {
        font-size: 4.2666666667rem;
        line-height: 4.4rem;
        margin-bottom: 1.4666666667rem
    }
}

@media(min-width:769px)and (max-width:1024px) {
    .start-banner__card_alternative-value {
        font-size: 7.6rem;
        line-height: 8.8rem;
        margin-bottom: 4.2rem
    }
}

@media(min-width:1025px) {
    .start-banner__card_alternative-value {
        font-size: 3.7777777778rem;
        line-height: 4.1111111111rem;
        margin-bottom: 1.3333333333rem
    }
}

.start-banner__card_alternative-value span {
    color: var(--ROUGE_SARDE)
}

.start-banner__card_alternative-subtitle {
    color: #fafdff;
    font-size: 1.3333333333rem;
    line-height: 1.8666666667rem;
    font-weight: 700
}

@media(min-width:451px) {
    .start-banner__card_alternative-subtitle {
        font-size: 2.2666666667rem;
        line-height: 3.0666666667rem
    }
}

@media(min-width:769px)and (max-width:1024px) {
    .start-banner__card_alternative-subtitle {
        font-size: 2.6rem;
        line-height: 3.6rem
    }
}

@media(min-width:769px) {
    .start-banner__card_alternative-subtitle {
        font-weight: 600
    }
}

@media(min-width:1025px) {
    .start-banner__card_alternative-subtitle {
        font-size: 1.1111111111rem;
        line-height: 1.5555555556rem
    }
}

.start-banner__card_alternative-elements {
    --transformPosition: calc(var(--scrollPosition)*0.5);
    position: absolute;
    top: -.1333333333rem;
    left: 0;
    width: 21.3333333333rem;
    height: 20.5333333333rem;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    -webkit-transform: translateY(var(--transformPosition));
    transform: translateY(var(--transformPosition))
}

@media(min-width:451px) {
    .start-banner__card_alternative-elements {
        top: -.1333333333rem;
        width: 40rem;
        height: 38.6666666667rem
    }
}

@media(min-width:769px)and (max-width:1024px) {
    .start-banner__card_alternative-elements {
        left: auto;
        right: 0;
        top: -.2rem;
        width: 94.2rem;
        height: 65.4rem
    }
}

.start-banner__btn--alternative-banner {
    background-color: #d6253b;
    position: relative;
    margin: 0 1.3333333333rem 4.4666666667rem 1.3333333333rem;
    width: auto;
    font-size: 1.0666666667rem;
    line-height: 1.6rem;
    -webkit-animation: buttonAnimate 1.3s ease-in-out infinite alternate;
    animation: buttonAnimate 1.3s ease-in-out infinite alternate;
    transition: 1.3s ease-in-out
}

.starda-app:not(.touch) .start-banner__btn--alternative-banner:hover {
    background-color: var(--ROUGE_SARDE);
    box-shadow: 2px 0 50px 10px rgba(243, 19, 45, .7);
    -webkit-animation: none;
    animation: none
}

@media(min-width:451px) {
    .start-banner__btn--alternative-banner {
        font-size: 2rem;
        line-height: 2.4rem;
        margin: 0 2.4666666667rem 8.3333333333rem 2.4666666667rem;
        height: 5.6rem
    }
}

@media(min-width:769px)and (max-width:1024px) {
    .start-banner__btn--alternative-banner {
        font-size: 2.7rem;
        line-height: 3.6rem;
        margin: 0 auto 2.4rem 5.5rem;
        min-width: 37.6rem;
        height: 7rem
    }
}

@media(min-width:1025px) {
    .start-banner__btn--alternative-banner {
        font-size: 1.1111111111rem;
        line-height: 1.5555555556rem;
        margin: 0 auto 0 4rem;
        min-width: 15rem;
        height: 2.8888888889rem
    }
}

@-webkit-keyframes buttonAnimate {
    0% {
        background-color: #d6253b;
        box-shadow: none
    }
    to {
        background-color: var(--ROUGE_SARDE);
        box-shadow: 2px 0 50px 10px rgba(243, 19, 45, .7);
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }
}

@keyframes buttonAnimate {
    0% {
        background-color: #d6253b;
        box-shadow: none
    }
    to {
        background-color: var(--ROUGE_SARDE);
        box-shadow: 2px 0 50px 10px rgba(243, 19, 45, .7);
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }
}

@-webkit-keyframes bannerAnimate {
    0% {
        background-position-x: 10px
    }
    to {
        background-position-x: 0
    }
}

@keyframes bannerAnimate {
    0% {
        background-position-x: 10px
    }
    to {
        background-position-x: 0
    }
}

@-webkit-keyframes bannerAnimateTop {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-26px);
        transform: translateX(-26px)
    }
}

@keyframes bannerAnimateTop {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-26px);
        transform: translateX(-26px)
    }
}

@-webkit-keyframes bannerAnimateBottom {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(48px);
        transform: translateX(48px)
    }
}

@keyframes bannerAnimateBottom {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(48px);
        transform: translateX(48px)
    }
}