.new_slide_20 {
    width: calc(757px - 60px);
    height: 413px;
    padding: 0px 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.new_slide_20 .logotype {
    width: 60px;
    height: 55px;
    background: #fff;
    border-radius: 0px 0px 14px 14px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 9px;
}

.new_slide_20 .logotype svg {
    width: 28px;
}

.new_slide_20 .slide-content {
    flex: 1;
    min-height: 0;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 70%;
}

.new_slide_20 .slide-content .slide-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.new_slide_20 .slide-content .slide-info .slide-title {
    font-size: 48px;
    font-weight: 600;
    color: #fff;
}

.new_slide_20 .slide-content .slide-info .slide-title span {}

.new_slide_20 .slide-content .slide-info .slide-text {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    max-width: 290px;
}

.new_slide_20 .slide-content .slide-buttons {display: flex;gap: 10px;}

.new_slide_20 .slide-content .slide-button {
    display: flex;
    gap: 20px;
    border-radius: 14px;
    padding: 12px;
    align-items: center;
    width: fit-content;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.new_slide_20 .slide-content .slide-button .arrow {
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.new_slide_20 .slide-content .slide-button .arrow svg {
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
}

.new_slide_20 .slide-content .slide-button.tg-button {
    gap: 5px;
}
.new_slide_20 .slide-content .slide-button.fb-button {
    gap: 5px;
    background: linear-gradient(107deg, #0015FF 35%, #2677BA 139.14%);
}

.new_slide_20 .slide-content .slide-button.tg-button svg {
    transform: unset;
}
.new_slide_20 .slide-content .slide-button.fb-button svg {
    transform: unset;
}

.new_slide_20 .slide-content .slide-button.tg-button svg path {}
.new_slide_20 .slide-content .slide-button.fb-button svg path {
    color: #0015FF;
}


/* VIP */
.new_slide_20.vip--slide {
    background: url(../../../system/slider_new_20/vip/desktop.png);
    background-size: cover  ;
}

.new_slide_20.vip--slide .logotype svg path {color: #1AB050;}
.new_slide_20.vip--slide .slide-button {
    border: 1px solid rgba(255, 255, 255, 0.00);
    background: linear-gradient(107deg, #1AB050 35%, #0E6729 139.14%);
}
.new_slide_20.vip--slide .slide-button svg path {color: #1AB050;}
.new_slide_20.vip--slide .slide-content .slide-info .slide-title {font-size: 60px;}
.new_slide_20.vip--slide .slide-content .slide-info .slide-title span {
    color: #5cdc8a;
    font-size: 46px;
    margin-top: -20px;
    display: block;
}

.home .slider.vip .pagination .dot.swiper-pagination-bullet-active {
    background: #1AB050 !important;
}

.home .slider.vip {
    box-shadow: 0px 25px 32.1px -15px rgba(39, 214, 182, 0.50);
}

/* Social */
.new_slide_20.social--slide {
    background: url(../../../system/slider_new_20/social/desktop.png);
    background-size: cover  ;
}

.new_slide_20.social--slide .logotype svg path {color: #009BFF;}
.new_slide_20.social--slide .slide-button {
    background: linear-gradient(107deg, #009BFF 35%, #2680BA 139.14%);
    border: 1px solid rgba(255, 255, 255, 0.00);
}
.new_slide_20.social--slide .slide-button svg path {color: #009BFF;}
.new_slide_20.social--slide .slide-content .slide-info .slide-title {font-size: 50px;}
.new_slide_20.social--slide .slide-content .slide-info .slide-title span {
    color: #009BFF;
    font-size: 56px;
    margin-top: -20px;
    display: block;
}

.home .slider.facebook .pagination .dot.swiper-pagination-bullet-active {
    background: #009BFF !important;
}

.home .slider.facebook {
    box-shadow: 0px 25px 32.1px -15px rgba(79, 172, 254, 0.50);
}

/* Tournament */
.new_slide_20.tournament--slide {
    background: url(../../../system/slider_new_20/tournament/desktop.png);
    background-size: cover  ;
}

.new_slide_20.tournament--slide .logotype svg path {color: #FFA600;}
.new_slide_20.tournament--slide .slide-button {
    background: linear-gradient(107deg, #FFA600 35%, #BA9326 139.14%);
    border: 1px solid rgba(255, 255, 255, 0.00);
}
.new_slide_20.tournament--slide .slide-button svg path {color: #FFA600;}
.new_slide_20.tournament--slide .slide-content .slide-info .slide-title {font-size: 61px;}
.new_slide_20.tournament--slide .slide-content .slide-info .slide-title span {
    color: #FFA600;
    font-size: 38px;
    margin-top: -20px;
    display: block;
}

.new_slide_20.tournament--slide .slide-content .slide-info .slide-text {
    color: #fff;
}
.new_slide_20.tournament--slide .slide-content .slide-info .slide-text span {
    color: #FFA600;
    font-weight: 500;
}

.home .slider.tournament .pagination .dot.swiper-pagination-bullet-active {
    background: #FFA600 !important;
}

.home .slider.tournament {
    box-shadow: 0px 25px 32.1px -15px rgba(79, 172, 254, 0.50);
}

/* Deposit */
.new_slide_20.deposit--slide {
    background: url(../../../system/slider_new_20/deposit/desktop.png);
    background-size: cover  ;
}

.new_slide_20.deposit--slide .logotype svg path {color: #009BFF;}
.new_slide_20.deposit--slide .slide-button {
    background: linear-gradient(107deg, #009BFF 35%, #2680BA 139.14%);
    border: 1px solid rgba(255, 255, 255, 0.00);
}
.new_slide_20.deposit--slide .slide-button svg path {color: #009BFF;}
.new_slide_20.deposit--slide .slide-content .slide-info .slide-title {font-size: 55px;}
.new_slide_20.deposit--slide .slide-content .slide-info .slide-title span {
    color: #009BFF;
    font-size: 45px;
    margin-top: -20px;
    display: block;
}

.home .slider.methods .pagination .dot.swiper-pagination-bullet-active {
    background: #009BFF !important;
}

.home .slider.methods {
    box-shadow: 0px 25px 32.1px -15px rgba(79, 172, 254, 0.50);
}

/* Wheel */
.new_slide_20.wheel--slide {
    background: url(../../../system/slider_new_20/wheel/desktop.png);
    background-size: cover  ;
}

.new_slide_20.wheel--slide .logotype svg path {color: #FFA600;}
.new_slide_20.wheel--slide .slide-button {
    background: linear-gradient(107deg, #FFA600 35%, #BA9326 139.14%);
    border: 1px solid rgba(255, 255, 255, 0.00);
}
.new_slide_20.wheel--slide .slide-button svg path {color: #FFA600;}
.new_slide_20.wheel--slide .slide-content .slide-info .slide-title {font-size: 51px;}
.new_slide_20.wheel--slide .slide-content .slide-info .slide-title span {
    color: #FFA600;
    font-size: 56px;
    margin-top: -20px;
    display: block;
}

.home .slider.wheel .pagination .dot.swiper-pagination-bullet-active {
    background: #009BFF !important;
}

.home .slider.wheel {
    box-shadow: 0px 25px 32.1px -15px rgba(79, 172, 254, 0.50);
}

/* Referral */
.new_slide_20.referral--slide {
    background: url(../../../system/slider_new_20/referral/desktop.png);
    background-size: cover  ;
}

.new_slide_20.referral--slide .logotype svg path {color: #1AB050;}
.new_slide_20.referral--slide .slide-button {
    border: 1px solid rgba(255, 255, 255, 0.00);
    background: linear-gradient(107deg, #1AB050 35%, #0E6729 139.14%);
}
.new_slide_20.referral--slide .slide-button svg path {color: #1AB050;}
.new_slide_20.referral--slide .slide-content .slide-info .slide-title {font-size: 56px;}
.new_slide_20.referral--slide .slide-content .slide-info .slide-title span {
    color: #5cdc8a;
    font-size: 64px;
    margin-top: -20px;
    display: block;
}

.home .slider.invite .pagination .dot.swiper-pagination-bullet-active {
    background: #1AB050 !important;
}

.home .slider.invite {
    box-shadow: 0px 25px 32.1px -15px rgba(39, 214, 182, 0.50);
}

/* Test Your Luck */
.new_slide_20.tyl--slide {
    background: url(../../../system/slider_new_20/testyourluck/desktop.png);
    background-size: cover  ;
}

.new_slide_20.tyl--slide .logotype svg path {color: #1AB050;}
.new_slide_20.tyl--slide .slide-button {
    border: 1px solid rgba(255, 255, 255, 0.00);
    background: linear-gradient(107deg, #1AB050 35%, #0E6729 139.14%);
}
.new_slide_20.tyl--slide .slide-button svg path {color: #1AB050;}
.new_slide_20.tyl--slide .slide-content .slide-info .slide-title {font-size: 56px;line-height: 50px;}
.new_slide_20.tyl--slide .slide-content .slide-info .slide-title span {
    color: #5cdc8a;
    font-size: 64px;
    margin-top: -20px;
    /* display: block; */
}

.home .slider.testyourluck .pagination .dot.swiper-pagination-bullet-active {
    background: #1AB050 !important;
}

.home .slider.testyourluck {
    box-shadow: 0px 25px 32.1px -15px rgba(39, 214, 182, 0.50);
}

/* Bonus Zone */
.new_slide_20.bonus_zone--slide {
    background: url(../../../system/slider_new_20/bonus_zone/desktop.png);
    background-size: cover  ;
}

.new_slide_20.bonus_zone--slide .logotype svg path {color: #7B00FF;}
.new_slide_20.bonus_zone--slide .slide-button {
    border: 1px solid rgba(255, 255, 255, 0.00);
    background: linear-gradient(107deg, #7B00FF 35%, #BA2689 139.14%);
}
.new_slide_20.bonus_zone--slide .slide-button svg path {color: #7B00FF;}
.new_slide_20.bonus_zone--slide .slide-content .slide-info .slide-title {font-size: 55px;}
.new_slide_20.bonus_zone--slide .slide-content .slide-info .slide-title span {
    color: #7B00FF;
    font-size: 71px;
    margin-top: -20px;
    display: block;
}

.home .slider.bonus_zone .pagination .dot.swiper-pagination-bullet-active {
    background: #7B00FF !important;
}

.home .slider.bonus_zone {
    box-shadow: 0px 25px 32.1px -15px rgba(39, 214, 182, 0.50);
}

@media(max-width: 800px) {
    .new_slide_20 {
        width: calc(100% - 40px);
        height: 268px;
        padding: 0px 20px;
        gap: 10px;
    }

    .new_slide_20 .logotype {
        width: 40px;
        height: 29px;
        padding-bottom: 12px;
    }
    
    .new_slide_20 .logotype svg {
        width: 16px;
        height: auto;
    }

    .new_slide_20 .slide-content {
        padding-bottom: 30px;
    }

    .new_slide_20 .slide-content .slide-info .slide-title {
        font-size: 22px;
    }
    .new_slide_20 .slide-content .slide-info .slide-text {
        font-size: 11px;
        max-width: 152px;
    }
    .new_slide_20 .slide-content .slide-button {
        font-size: 11px;
        padding: 5px 10px;
        gap: 10px;
        border-radius: 10px;
    }
    .new_slide_20 .slide-content .slide-button .arrow {
        width: 20px;
        height: 20px;
    }
    .new_slide_20 .slide-content .slide-button .arrow svg {
        width: 12px;
        height: 12px;
    }
}


/* VIP */
@media(max-width: 800px) {
    .new_slide_20.vip--slide {
        background: url(../../../system/slider_new_20/vip/mobile.png);
        background-size: cover;
    }

    .new_slide_20.vip--slide .slide-content .slide-info .slide-title {
        font-size: 35px;
    }
    .new_slide_20.vip--slide .slide-content .slide-info .slide-title span {
        color: #5cdc8a;
        font-size: 20px;
        margin-top: -10px;
    }
}

/* SOCIAL */
@media(max-width: 800px) {
    .new_slide_20.social--slide {
        background: url(../../../system/slider_new_20/social/mobile.png);
        background-size: cover;
    }

    .new_slide_20.social--slide .slide-content .slide-info .slide-title {
        font-size: 27px;
    }
    .new_slide_20.social--slide .slide-content .slide-info .slide-title span {
        color: #009BFF;
        font-size: 31px;
        margin-top: -10px;
    }
}

/* TOURNAMENT */
@media(max-width: 800px) {
    .new_slide_20.tournament--slide {
        background: url(../../../system/slider_new_20/tournament/mobile.png);
        background-size: cover;
    }

    .new_slide_20.tournament--slide .slide-content .slide-info .slide-title {
        font-size: 37px;
    }
    .new_slide_20.tournament--slide .slide-content .slide-info .slide-title span {
        color: #FFA600;
        font-size: 23px;
        margin-top: -10px;
    }
}

/* Deposit */
@media(max-width: 800px) {
    .new_slide_20.deposit--slide {
        background: url(../../../system/slider_new_20/deposit/mobile.png);
        background-size: cover;
    }

    .new_slide_20.deposit--slide .slide-content .slide-info .slide-title {
        font-size: 31px;
    }
    .new_slide_20.deposit--slide .slide-content .slide-info .slide-title span {
        color: #009BFF;
        font-size: 26px;
        margin-top: -10px;
    }
}

/* Wheel */
@media(max-width: 800px) {
    .new_slide_20.wheel--slide {
        background: url(../../../system/slider_new_20/wheel/mobile.png);
        background-size: cover;
    }

    .new_slide_20.wheel--slide .slide-content .slide-info .slide-title {
        font-size: 27px;
    }
    .new_slide_20.wheel--slide .slide-content .slide-info .slide-title span {
        color: #FFA600;
        font-size: 30px;
        margin-top: -10px;
    }
}

/* Referral */
@media(max-width: 800px) {
    .new_slide_20.referral--slide {
        background: url(../../../system/slider_new_20/referral/mobile.png);
        background-size: cover;
    }

    .new_slide_20.referral--slide .slide-content .slide-info .slide-title {
        font-size: 29px;
    }
    .new_slide_20.referral--slide .slide-content .slide-info .slide-title span {
        color: #5cdc8a;
        font-size: 33px;
        margin-top: -10px;
    }
}

/* Test Your Luck */
@media(max-width: 800px) {
    .new_slide_20.tyl--slide {
        background: url(../../../system/slider_new_20/testyourluck/mobile.png);
        background-size: cover;
    }

    .new_slide_20.tyl--slide .slide-content .slide-info .slide-title {
        font-size: 29px;
        line-height: 27px;
    }
    .new_slide_20.tyl--slide .slide-content .slide-info .slide-title span {
        color: #5cdc8a;
        font-size: 33px;
        margin-top: -10px;
    }
}

/* Bonus Zone */
@media(max-width: 800px) {
    .new_slide_20.bonus_zone--slide {
        background: url(../../../system/slider_new_20/bonus_zone/mobile.png);
        background-size: cover;
    }

    .new_slide_20.bonus_zone--slide .slide-content .slide-info .slide-title {
        font-size: 29px;
    }
    .new_slide_20.bonus_zone--slide .slide-content .slide-info .slide-title span {
        color: #7B00FF;
        font-size: 38px;
        margin-top: -10px;
    }
}