.single-payment-section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 40px 0 24px;
    position: relative
}

.single-payment-section:before {
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 1680px;
    z-index: -1
}

@media(min-width: 1440px) {
    .single-payment-section:before {
        left:0;
        transform: none;
        width: 100%
    }
}

@media(min-width: 768px) {
    .single-payment-section {
        min-height:600px;
        padding: 48px 0 56px
    }
}

@media(min-width: 1440px) {
    .single-payment-section {
        padding:50px 0
    }
}

.single-payment-section+.container {
    padding-bottom: 8px;
    padding-top: 80px
}

@media(min-width: 768px) {
    .single-payment-section+.container {
        padding-top:100px
    }
}

@media(min-width: 1200px) {
    .single-payment-section+.container {
        padding-bottom:16px
    }
}

@media(min-width: 1440px) {
    .single-payment-section+.container {
        padding-top:120px
    }
}

.single-payment-section .container {
    max-width: 1344px
}

.single-payment-section__box {
    display: flex;
    justify-content: center
}

@media(min-width: 768px) {
    .single-payment-section__box {
        background:radial-gradient(44.83% 58.64% at 11.27% 100%,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),radial-gradient(42.06% 61.01% at 87.69% 0,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),#263b57;
        border-radius: 20px;
        padding: 56px 32px
    }
}

.single-payment-section__box-content {
    max-width: 805px
}

.single-payment-section__box-content,.single-payment-section__inner {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .single-payment-section__inner {
        flex-direction:row-reverse;
        justify-content: space-between;
        margin-left: -24px
    }
}

@media(min-width: 1200px) {
    .single-payment-section__inner {
        margin-left:-32px
    }
}

.single-payment-section__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 24px 0
}

@media(min-width: 768px) {
    .single-payment-section__content {
        align-items:flex-start;
        max-width: 52.34375%;
        padding: 0 24px
    }
}

@media(min-width: 1200px) {
    .single-payment-section__content {
        max-width:744px;
        padding: 0 32px
    }
}

.single-payment-section__box-content h2,.single-payment-section__content h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    margin: 0 0 24px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 1440px) {
    .single-payment-section__box-content h2,.single-payment-section__content h2 {
        font-size:32px;
        line-height: 40px
    }
}

.single-payment-section__box-content p,.single-payment-section__content p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0
}

.single-payment-section__box-content p:not(:last-child),.single-payment-section__content p:not(:last-child) {
    margin-bottom: 32px
}

@media(min-width: 1440px) {
    .single-payment-section__box-content p,.single-payment-section__content p {
        font-size:16px;
        line-height: 24px
    }
}

.single-payment-section__content h2 {
    text-align: center
}

@media(min-width: 768px) {
    .single-payment-section__content h2 {
        text-align:left
    }
}

@media(min-width: 1440px) {
    .single-payment-section__content h2 {
        max-width:576px
    }
}

.single-payment-section__logo {
    margin-bottom: 16px
}

@media(min-width: 480px) {
    .single-payment-section__picture {
        max-width:380px
    }
}

@media(min-width: 768px) {
    .single-payment-section__picture {
        display:flex;
        flex-shrink: 0;
        justify-content: flex-end;
        max-width: 47.3958333333%;
        width: 50%
    }
}

@media(min-width: 1200px) {
    .single-payment-section__picture {
        margin-right:-35px;
        max-width: 625px
    }
}

@media(min-width: 1440px) {
    .single-payment-section__picture {
        margin-right:0;
        max-width: 680px
    }
}

.single-payment-section__image {
    display: block;
    height: auto;
    max-width: 100%
}

.single-payment-section--green:before {
    background: radial-gradient(40.14% 68.3% at 66.79% 100%,rgba(0,87,255,.59) 0,rgba(0,87,255,.58) 6.67%,rgba(0,87,255,.57) 13.33%,rgba(0,87,255,.54) 20%,rgba(0,87,255,.5) 26.67%,rgba(0,87,255,.45) 33.33%,rgba(0,87,255,.39) 40%,rgba(0,87,255,.33) 46.67%,rgba(0,87,255,.26) 53.33%,rgba(0,87,255,.2) 60%,rgba(0,87,255,.14) 66.67%,rgba(0,87,255,.09) 73.33%,rgba(0,87,255,.05) 80%,rgba(0,87,255,.02) 86.67%,rgba(0,87,255,.01) 93.33%,rgba(0,87,255,0) 100%),radial-gradient(75.69% 106% at 61.25% 43.67%,#00a59b 0,rgba(0,165,155,.99) 6.67%,rgba(0,165,155,.96) 13.33%,rgba(0,165,155,.92) 20%,rgba(0,165,155,.85) 26.67%,rgba(0,165,155,.77) 33.33%,rgba(0,165,155,.67) 40%,rgba(0,165,155,.56) 46.67%,rgba(0,165,155,.44) 53.33%,rgba(0,165,155,.33) 60%,rgba(0,165,155,.23) 66.67%,rgba(0,165,155,.15) 73.33%,rgba(0,165,155,.08) 80%,rgba(0,165,155,.04) 86.67%,rgba(0,165,155,.01) 93.33%,rgba(0,165,155,0) 100%),radial-gradient(80.51% 93.26% at 21.87% 100%,#00ed97 0,rgba(0,237,151,.99) 6.67%,rgba(0,237,151,.96) 13.33%,rgba(0,237,151,.92) 20%,rgba(0,237,151,.85) 26.67%,rgba(0,237,151,.77) 33.33%,rgba(0,237,151,.67) 40%,rgba(0,237,151,.56) 46.67%,rgba(0,237,151,.44) 53.33%,rgba(0,237,151,.33) 60%,rgba(0,237,151,.23) 66.67%,rgba(0,237,151,.15) 73.33%,rgba(0,237,151,.08) 80%,rgba(0,237,151,.04) 86.67%,rgba(0,237,151,.01) 93.33%,rgba(0,237,151,0) 100%),#001b33
}

.single-payment-section--blue:before {
    background: radial-gradient(48.36% 80.78% at 66.16% 105.09%,rgba(0,255,224,.59) 0,rgba(0,255,224,.58) 6.67%,rgba(0,255,224,.57) 13.33%,rgba(0,255,224,.54) 20%,rgba(0,255,224,.5) 26.67%,rgba(0,255,224,.45) 33.33%,rgba(0,255,224,.39) 40%,rgba(0,255,224,.33) 46.67%,rgba(0,255,224,.26) 53.33%,rgba(0,255,224,.2) 60%,rgba(0,255,224,.14) 66.67%,rgba(0,255,224,.09) 73.33%,rgba(0,255,224,.05) 80%,rgba(0,255,224,.02) 86.67%,rgba(0,255,224,.01) 93.33%,rgba(0,255,224,0) 100%),radial-gradient(75.69% 106% at 61.25% 43.67%,#004cbe 0,rgba(0,76,190,.99) 6.67%,rgba(0,76,190,.96) 13.33%,rgba(0,76,190,.92) 20%,rgba(0,76,190,.85) 26.67%,rgba(0,76,190,.77) 33.33%,rgba(0,76,190,.67) 40%,rgba(0,76,190,.56) 46.67%,rgba(0,76,190,.44) 53.33%,rgba(0,76,190,.33) 60%,rgba(0,76,190,.23) 66.67%,rgba(0,76,190,.15) 73.33%,rgba(0,76,190,.08) 80%,rgba(0,76,190,.04) 86.67%,rgba(0,76,190,.01) 93.33%,rgba(0,76,190,0) 100%),radial-gradient(87.32% 93.26% at 21.87% 100%,#936dff 0,rgba(147,109,255,.99) 6.67%,rgba(147,109,255,.96) 13.33%,rgba(147,109,255,.92) 20%,rgba(147,109,255,.85) 26.67%,rgba(147,109,255,.77) 33.33%,rgba(147,109,255,.67) 40%,rgba(147,109,255,.56) 46.67%,rgba(147,109,255,.44) 53.33%,rgba(147,109,255,.33) 60%,rgba(147,109,255,.23) 66.67%,rgba(147,109,255,.15) 73.33%,rgba(147,109,255,.08) 80%,rgba(147,109,255,.04) 86.67%,rgba(147,109,255,.01) 93.33%,rgba(147,109,255,0) 100%),#001b33
}

.single-payment-section--purple:before {
    background: radial-gradient(46.61% 79.28% at 66.79% 100%,rgba(56,29,223,.59) 0,rgba(56,29,223,.58) 6.67%,rgba(56,29,223,.57) 13.33%,rgba(56,29,223,.54) 20%,rgba(56,29,223,.5) 26.67%,rgba(56,29,223,.45) 33.33%,rgba(56,29,223,.39) 40%,rgba(56,29,223,.33) 46.67%,rgba(56,29,223,.26) 53.33%,rgba(56,29,223,.2) 60%,rgba(56,29,223,.14) 66.67%,rgba(56,29,223,.09) 73.33%,rgba(56,29,223,.05) 80%,rgba(56,29,223,.02) 86.67%,rgba(56,29,223,.01) 93.33%,rgba(56,29,223,0) 100%),radial-gradient(83.3% 106% at 61.25% 43.67%,#8d00be 0,rgba(141,0,190,.99) 6.67%,rgba(141,0,190,.96) 13.33%,rgba(141,0,190,.92) 20%,rgba(141,0,190,.85) 26.67%,rgba(141,0,190,.77) 33.33%,rgba(141,0,190,.67) 40%,rgba(141,0,190,.56) 46.67%,rgba(141,0,190,.44) 53.33%,rgba(141,0,190,.33) 60%,rgba(141,0,190,.23) 66.67%,rgba(141,0,190,.15) 73.33%,rgba(141,0,190,.08) 80%,rgba(141,0,190,.04) 86.67%,rgba(141,0,190,.01) 93.33%,rgba(141,0,190,0) 100%),radial-gradient(87.36% 113.49% at 21.87% 100%,#9f2b5c 0,rgba(159,43,92,.99) 6.67%,rgba(159,43,92,.96) 13.33%,rgba(159,43,92,.92) 20%,rgba(159,43,92,.85) 26.67%,rgba(159,43,92,.77) 33.33%,rgba(159,43,92,.67) 40%,rgba(159,43,92,.56) 46.67%,rgba(159,43,92,.44) 53.33%,rgba(159,43,92,.33) 60%,rgba(159,43,92,.23) 66.67%,rgba(159,43,92,.15) 73.33%,rgba(159,43,92,.08) 80%,rgba(159,43,92,.04) 86.67%,rgba(159,43,92,.01) 93.33%,rgba(159,43,92,0) 100%),#001b33
}

.single-payment-section--white {
    background-color: #fff;
    color: #001b33
}

.single-payment-section--box {
    background: radial-gradient(44.83% 58.64% at 11.27% 100%,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),radial-gradient(42.06% 61.01% at 87.69% 0,rgba(45,167,255,.2) 0,rgba(45,167,255,0) 100%),#263b57;
    padding: 40px 0 48px
}

@media(min-width: 480px) {
    .single-payment-section--box {
        padding-bottom:56px
    }
}

@media(min-width: 768px) {
    .single-payment-section--box {
        background:none;
        padding: 58px 0 0
    }

    .single-payment-section--reversed .single-payment-section__inner {
        flex-direction: row;
        margin-left: 0;
        margin-right: -24px
    }
}

@media(min-width: 1200px) {
    .single-payment-section--reversed .single-payment-section__inner {
        margin-left:0;
        margin-right: -32px
    }
}

.single-payment-section--reversed .single-payment-section__picture {
    justify-content: flex-start
}

@media(min-width: 768px) {
    .single-payment-section--reversed .single-payment-section__picture {
        margin-left:-35px;
        margin-right: 0
    }
}

@media(min-width: 1440px) {
    .single-payment-section--reversed .single-payment-section__picture {
        margin-left:0
    }
}

.cms-page--jackpot {
    padding: 0!important
}

.cms-page--jackpot .page-content--desktop {
    display: none
}

@media(min-width: 768px) {
    .cms-page--jackpot .page-content--desktop {
        display:block
    }
}

.cms-page--jackpot .page-content--mobile {
    display: block
}

@media(min-width: 768px) {
    .cms-page--jackpot .page-content--mobile {
        display:none
    }
}

.cms-page--jackpot .page-content--mobile .description {
    margin-top: 48px
}

.cms-page--jackpot .page-content p {
    color: #999;
    font-family: Rubik,Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .01em;
    line-height: 24px;
    text-align: left
}

.cms-page--jackpot .page-content .description__block-buttons {
    text-align: left
}

.cms-page--jackpot .description__block-buttons {
    display: flex;
    justify-content: flex-start
}

.cms-page--jackpot .section-title {
    margin-top: 0
}

.cms-page--jackpot .link-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.cms-page--jackpot .jackpot-mobile-prizes {
    display: block
}

@media(min-width: 768px) {
    .cms-page--jackpot .jackpot-mobile-prizes {
        display:none
    }
}

.cms-page--jackpot .jackpot-link {
    margin-top: 35px;
    padding: 16px 28px;
    text-transform: uppercase
}
.content .table-wrapper::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.content .table-wrapper::-webkit-scrollbar-track {
    background: transparent
}

.content .table-wrapper::-webkit-scrollbar-thumb {
    background: transparent;
    margin: 0
}

.content .table-wrapper::-webkit-scrollbar-thumb:hover {
    background: transparent
}

@-moz-document url-prefix() {
    .content .table-wrapper {
        scrollbar-color: transparent;
        scrollbar-width: none
    }
}

.content .table-wrapper:hover::-webkit-scrollbar-thumb {
    background: transparent
}

.content {
    color: hsla(0,0%,100%,.65);
    font-family: Open Sans,sans-serif
}

.body--ar .content {
    direction: rtl
}

.content>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {
    color: #fff;
    font-weight: 700;
    margin-top: 0
}

.content h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .content h1 {
        font-size:32px;
        line-height: 40px;
        margin-bottom: 16px
    }
}

.content h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .content h2 {
        font-size:24px;
        line-height: 32px;
        margin-bottom: 16px
    }
}

.content h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px
}

@media(min-width: 768px) {
    .content h3 {
        font-size:20px;
        line-height: 30px;
        margin-bottom: 16px
    }
}

.content h4 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .content h4 {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 12px
    }
}

.content h5 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .content h5 {
        font-size:14px;
        line-height: 20px;
        margin-bottom: 12px
    }
}

.content h6 {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .content h6 {
        font-size:12px;
        line-height: 16px;
        margin-bottom: 12px
    }
}

.content hr {
    background: hsla(0,0%,100%,.12);
    border: none;
    height: 1px;
    margin-bottom: 44px;
    margin-top: 44px;
    width: 100%
}

.content section {
    margin-bottom: 32px
}

.content section>:first-of-type {
    margin-top: 0;
    padding-top: 0
}

.content .table-wrapper,.content a,.content blockquote,.content mark,.content ol,.content p,.content table,.content ul {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 0
}

@media(min-width: 768px) {
    .content .table-wrapper,.content a,.content blockquote,.content mark,.content ol,.content p,.content table,.content ul {
        font-size:16px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.content .table-wrapper:last-child,.content a:last-child,.content blockquote:last-child,.content mark:last-child,.content ol:last-child,.content p:last-child,.content table:last-child,.content ul:last-child {
    margin: 0
}

.content mark {
    background: #0bdede;
    color: #001b33;
    font-weight: 500;
    padding: 1px 5px
}

.content a:not(.link-btn):not(.link-no-styles) {
    color: #0bdede;
    font-size: inherit;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-transform: none;
    transition: color .3s ease
}

.content a:not(.link-btn):not(.link-no-styles):hover {
    color: #1df0f0;
    text-decoration: underline
}

.content ol:not([type])>li {
    padding-left: 0;
    position: relative
}

.content ul:not([type])>li {
    padding-left: 24px;
    position: relative
}

.content ol:not([type]),.content ul:not([type]) {
    list-style: none;
    margin-top: 0;
    padding: 0
}

.content ol:not([type]) li+li,.content ul:not([type]) li+li {
    margin-top: 10px
}

@media(min-width: 768px) {
    .content ol:not([type]) li+li,.content ul:not([type]) li+li {
        margin-top:12px
    }
}

.content ol:not([type]) ol,.content ol:not([type]) ul,.content ul:not([type]) ol,.content ul:not([type]) ul {
    margin-top: 10px
}

@media(min-width: 768px) {
    .content ol:not([type]) ol,.content ol:not([type]) ul,.content ul:not([type]) ol,.content ul:not([type]) ul {
        margin-top:12px
    }
}

.content ul>li:before {
    background-color: hsla(0,0%,100%,.65);
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 12px;
    position: absolute;
    top: 8px;
    width: 4px
}

@media(min-width: 768px) {
    .content ul>li:before {
        top:10px
    }
}

.content ol.sm>li,.content ul.sm>li {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 14px
}

.content ol:not([type]) {
    counter-reset: list-counter
}

.content ol:not([type])>li {
    counter-increment: list-counter
}

.content ol:not([type])>li:before {
    content: counter(list-counter) ". ";
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    line-height: 20px
}

@media(min-width: 768px) {
    .content ol:not([type])>li:before {
        font-size:16px;
        line-height: 24px
    }
}

.content img {
    display: inline-block;
    margin: 0;
    max-width: 100%
}

.content pre {
    white-space: normal
}

.content blockquote {
    border-left: 1px solid #0bdede;
    margin: 32px 0;
    padding-left: 32px
}

.content .center {
    text-align: center
}

.content .right {
    text-align: right
}

.content .row {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .content .row {
        -moz-column-gap:48px;
        column-gap: 48px;
        flex-direction: row
    }
}

.content .column {
    margin-bottom: 20px;
    width: 100%
}

@media(min-width: 768px) {
    .content .column {
        margin-bottom:24px
    }
}

.content .column>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.content .btn,.content .link-btn {
    padding: 12px 20px
}

.content .btn:not(:last-child),.content .link-btn:not(:last-child) {
    margin-bottom: 20px
}

@media(min-width: 768px) {
    .content .btn:not(:last-child),.content .link-btn:not(:last-child) {
        margin-bottom:24px
    }
}

.content .table-wrapper {
    overflow-x: scroll
}

.content table,.content td,.content th {
    border: 1px solid #506385;
    border-collapse: collapse
}

.content th {
    background: #263b57;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 16px;
    text-transform: uppercase
}

.content td,.content th {
    color: hsla(0,0%,100%,.65);
    padding: 10px 16px
}

.content td {
    font-size: 14px;
    line-height: 20px
}
