/* .how_to_register{
    background-color:#F8F8F8;
} */

@import url('https://fonts.googleapis.com/css2?family=Bakbak+One&display=swap');




.reg_txt{
    color:#263D4C;
    font-family:"averta-regular"
}
.txt_center{
    text-align:center;
}
/* .container__ksr{
    padding:40px 30px 30px;
} */

.register_box {
    border: 1px solid #0000;
    border-radius: 10px;
    background: linear-gradient(#E3E3E4,#E3E3E4) padding-box,
      linear-gradient(0deg, #1B2129 -13.79%, #F2F1EF 23.86%, #C7CBCE 54.34%, #738A99 92%, #60717C 127.86%, #1B2129 165.52%) border-box;
    display: flex;
    align-items: center;
    /* width: 150px; */
    margin: 0 auto;
    justify-content: center;
    gap: 10px;
    padding: 7px;
    margin-bottom:30px;
}
.how_reg_txt{
    font-family:"averta-bold";
    color:#212529;
    font-size:34px;
    font-weight:400;
    margin-bottom:8px;
}
.pr_name{
    color:#E6BD17;
}
.how_reg_sub_txt{
    color: #696969;
    font-family:"averta-regular";
    font-size:16px;
    font-weight:400;
    margin-bottom:30px;
}
.registration_steps {
    background: linear-gradient(180deg, rgba(255, 191, 64, 0.1) 0%, rgba(255, 191, 64, 0.1) 144.06%);
    padding:20px;
    display: flex;
    justify-content: space-between;
}
.reg_step {
    display: flex;
    align-items: center;
    gap: 16px;
}

.rl_circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #FFBF40;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#FFFFFF;
    font-weight:400;
    font-family:"averta-semibold";
    font-size:26px;
}
.rs_txt_one{
    color:#212529;
    font-family:"averta-semibold";
    font-weight:400;
    /* font-size:18px; */
    font-size: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.125rem);
}
.rs_txt_two{
    color:#696969;
    font-family:"averta-semibold";
    font-weight:400;
    font-size:14px;
}
.how_to_register {
    /* background-color: #F8F8F8; */
    /* margin: 0px 120px; */
}
.how_tr_space{
        background-color: #F8F8F8;
        padding:40px;
        border-radius:6px;

}
.registration_stp {
    display: flex;
    justify-content:space-between;
    margin-top: 40px;
    border-bottom: 1px solid;
    border-image-source: linear-gradient(90deg, rgba(255, 213, 27, 0) 5.8%, #FFB80C 49.78%, rgba(255, 213, 27, 0) 93.75%);
    border-image-slice: 1;
    gap:40px;
    padding-bottom:20px;
}
.reg_steps .registration_stp:last-child {
    border-image-slice: 0;
  }
.sl_txt{
    color: #212529;
    font-family:"averta-semibold";
    font-weight:400;
    font-size:28px;
    margin-bottom:20px;
}
.sl_sub_txt{
    color: #212529;
    font-family:"averta-semibold";
    font-weight:400;
    font-size:28px;
}
.sl_sub_txt{
    color: #E6BD17;
}
.sl_content{
    color:#696969;
    font-family:"averta-regular";
    font-weight:400;
    font-size:16px;
}
.stp_left {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.stp_right {
    width: 40%;
    max-width:300px;
    display: flex;
    align-items: center;
    justify-content:center;
}
.hand_mobile{
    max-width:300px;
}


.reg_now{
    background: linear-gradient(180deg, #FFD51B 0%, #FFB80C 100%);
    color:#212529;
    font-family:"averta-semibold";
    font-size:16px;
    font-weight:400;
    padding:12px;
    border-radius:6px;
    border:1px solid transparent;
    display:flex;
    justify-content:center;
    margin:0 auto;
}
.rbm_background{
    display:flex;
    flex-direction:column;
}
/* .register_by_mobile{
    margin: 0px 120px;
} */
.rb_outer{
    display:flex;
}
.rbm_title{
    color: #212529;
    font-family:"averta-bold";
    /* font-size:34px; */
    font-size: clamp(0.875rem, 0.5179rem + 1.7857vw, 2.125rem);
    font-weight:400;
    margin-bottom:16px;
    text-align:center;
}
.rbm_content{
    color: #696969;
    font-family:"averta-regular";
    /* font-size:18px; */
    font-size: clamp(0.875rem, 0.8036rem + 0.3571vw, 1.125rem);
    font-weight:400;
    margin-bottom:30px;
    text-align:center;
}
.register_by_mobile {
    /* margin: 0px 120px; */
    position: relative;
    display: flex;
    flex-direction: column;
    /* margin-bottom:30px; */
    /* margin:30px 70px !important; */
    /* text-align: center; */
}
.register_container{
    background: linear-gradient(255.18deg, #FFF7DC 1.25%, #F0D577 64.7%);
    position: relative;

}
/* .wheel_pos {
    position: absolute;
    top: -65px;
    left: -36px;
    width: 120px;
} */
.wheel_pos {
    position: absolute;
    top: -65px;
    left: -11px;
    width: 120px;
}
/* .dice_pos {
    position: absolute;
    bottom: -16px;
    right: -32px;
    width: 120px;
} */
.dice_pos {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100px;
}
.rbm_outer {
    display: flex;
}
.rbm_txt{
    color: #212529;
    font-family:"averta-semibold";
    /* font-size:24px; */
    font-size: clamp(0.875rem, 0.6964rem + 0.8929vw, 1.5rem);
    font-weight:400;
    margin-bottom:14px;
}
.rbm_subtxt{
    color: #212529;
    font-family:"averta-regular";
    /* font-size:16px; */
    font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
    font-weight:400;
    margin-bottom:14px;

}
.register_container{
    padding:90px 28px 0px !important;
}
.rbm_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom:20px;
}
.rbm_outer {
    display: flex;
    justify-content: space-between;
    gap: 120px;
    max-width: 95%;
    margin: 0 auto;
}
.rbm_list li{
    list-style-type: disc;
    font-family:"averta-regular";
    /* font-size:16px; */
    font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
    font-weight:400;
    margin-bottom:16px;
}
.rbm_left {
    display: flex;
}
.mob_reg_now{
    background:#EEEEEE;
    color: #212529;
    font-family: "averta-semibold";
    font-size: 16px;
    font-weight: 400;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    width:150px;
}
.mobile_app_space{
    display:flex;
}

.mobile_app_space {
    display: flex;
    flex-direction: column;
    padding: 27px 32px 0px;
    background:linear-gradient(#F7F6FB,#F7F6FB) padding-box,
    linear-gradient(164.98deg, #FFC010 0.06%, rgba(255, 192, 16, 0) 28.64%, rgba(255, 192, 16, 0) 76.38%, #FFC010 105.92%) border-box;
    border: 1px solid #0000;
    border-radius: 10px;
}
.reg_by_mobile_app {
    display: flex;
    justify-content: center;
    align-items: center;
}
.rma_txt{
    color: #212529;
    font-family:"averta-semibold";
    /* font-size:24px; */
    font-size: clamp(0.875rem, 0.6964rem + 0.8929vw, 1.5rem);
    font-weight:400;
    margin-bottom:14px;
}
.rma_sub_txt{
    color: #212529;
    font-family:"averta-regular";
    /* font-size:16px; */
    font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
    font-weight:400;
    margin-bottom:14px;
    list-style-type: disc;
    margin-left: 20px;
}
.rma_left {
    width: 100%;
}
.rma_sub_part{
    color: #E6BD17;
}
.mob_app{
    background: linear-gradient(180deg, #FFD51B 0%, #FFB80C 100%);
    color: #212529;
    font-family: "averta-semibold";
    font-size: 16px;
    font-weight: 400;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    width: 150px;
}
/* .bonus_promotion{
    margin:0px 120px;

} */

.bonus_container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:50px 0px 30px;

}

.bn_txt{
    color:#212529;
    font-family: "averta-bold";
    /* font-size:34px; */
    font-size: clamp(0.875rem, 0.5179rem + 1.7857vw, 2.125rem);
    font-weight:400;
    text-align:center;
    margin-bottom:14px;
}
.bn_sub_txt{
    color:#696969;
    font-family: "averta-regular";
    /* font-size:16px; */
    font-size: clamp(0.875rem, 0.8393rem + 0.1786vw, 1rem);
    font-weight:400;
    text-align:center;
    margin-bottom:18px;
}
.bonus_gift_box {
    display: flex;
    gap: 30px;
    margin-bottom:18px;
}
.bonus_box{
    margin-bottom:14px;
}
.casino_txt{
    color:#FFFFFF;
    font-family: "Bakbak One", serif;
    /* font-size:30px; */
    /* font-size: clamp(0.875rem, 0.5893rem + 1.4286vw, 1.875rem); */
    /* font-size: clamp(0.875rem, 0.4464rem + 2.1429vw, 2.375rem); */
    /* font-size: clamp(0.875rem, 0.5536rem + 1.6071vw, 2rem); */
    /* font-size: clamp(0.875rem, 0.6964rem + 0.8929vw, 1.8rem); */
    font-size:clamp(0.875rem, 0.6964rem + 1.929vw, 2rem);
    font-weight:400;
    /* margin-bottom:10px; */
}
.casino_sub_txt{
    color:#FFFFFF;
    font-family: "averta-regular";
    font-size:16px;
    font-weight:400;
    margin-bottom:20px;
}
.casino_gamer_banner{
    position:relative;
}
.casino_content {
    position: absolute;
    top: 16%;
    width: 50%;
    left: 3%;
}
.casino_mobile{
    display:none;
}
.end_border{
    height:10px;
    width:100%;
}
.endline{
    width:100%;
    margin:30px 0px;
}
/* .casino_gm_container{
    padding:60px 0px;
} */
/* .casino_gaming_section{
    margin:0px 120px;
} */
.registration_carousel{
    /* margin:0px 120px; */
    width:100%;
    padding:20px;

}

/* ==Carousel== */
.register_carousel {
    max-width: 100%;
    margin: 0 auto;
}



.register_item {
    position: relative;
}

.register_banner_container {
    max-width: 1440px;
}

.register_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.register_carousel .owl-dots {
    text-align: center;
    background: #F7F8F9;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:6px;
    border-radius:10px;
    padding:4px 11px;
    margin-top:25px;

}
.register_carousel .owl-dots button{
    width:7px;
    height:7px;
    border-radius:50%;
    background-color:#D9D9D9!important;
}
.register_carousel .owl-dots button.active{

    background-color:#FFBF00 !important;
    width:30px;
    height:7px;
    border-radius:8px;
}
.reg_banner{
    position: relative;
}
.register_carousel{
    display:flex !important;
    flex-direction:column;
    justify-content:center;
}
/* .reg_carousel_outer{
    padding:30px 0px !important;
} */
.banner_txt{
    color: #FFFFFF;
    font-family: "averta-bold";
    /* font-size: 42px; */
    font-size: clamp(0.875rem, 0.375rem + 2.5vw, 2.625rem);
    font-weight: 600;
    margin-bottom:10px;

}
.playin_logo{
    width:150px;
    margin-bottom:20px;
}
.register_banner_container .mobile_image{
    display:none;
}


/* .register_banner_container .desktop_image{
    display:block !important;
} */

.register_banner_container .mobile_image{
    display:none !important;
}
.mobile_app_space{
    padding-bottom:20px;
}
.register_hm_image{
    max-width:320px;
}


.common_space{
    margin:0px 70px;
}
.playin_logo{
    width: 200px;
}

.casino_desktop{
    height:240px;
    width:100%;
}
.giftbox{
    display:flex;
}
.rbm_list {
    margin-left: 22px;
}

@media screen and (max-width:1200px){
    .casino_txt{
        font-size:clamp(0.875rem, 0.6964rem + 1.1929vw, 1.8rem);
        margin-bottom:5px;
    }
}


@media screen and (max-width:1024px){
    /* .how_to_register,.register_by_mobile_app,.bonus_promotion,.casino_gaming_section{
        margin:10px 20px;
    } */
    /* .registration_carousel{
            margin:0px 20px;
    } */
    /* .register_by_mobile{
        margin:40px 20px !important;
    } */
    .register_container {
        padding: 30px 28px 0px !important;
    }
    .registration_steps,.reg_step,.registration_stp,.rbm_outer,.reg_by_mobile_app,.bonus_gift_box{
        flex-direction:column;
    }
    .reg_right{
        text-align:center;
    }
    .mobile_app_space{
        padding-bottom:20px;
    }
    .registration_steps{
        padding:20px 5px;
    }
    .reg_step{
        gap:5px;
    }
    .registration_steps{
        gap:24px;
    }
    .how_tr_space{
        padding:20px 16px;
    }
    .how_reg_txt{
        font-size: clamp(1rem, 0.6786rem + 1.6071vw, 2.125rem);
    }
    .rl_circle{
        width:40px;
        height:40px;
        font-size:20px;
    }
    .sl_txt,.sl_sub_txt{
        font-size: clamp(1rem, 0.7857rem + 1.0714vw, 1.75rem);
    }
    .stp_left,.stp_right{
        width:100%;
    }
    .registration_stp .stp_left, .reg_by_mobile_app .rma_left{
        order:2;
    }
    .registration_stp .stp_right, .reg_by_mobile_app .rma_right{
        order:1;
    }
    .sl_txt{
        margin-bottom:12px;
    }
    .sl_content{
        font-size:14px;
    }
    /* .stp_right{
        width:250px;
    } */
    .registration_stp{
        align-items:center;
    }
    .banner_txt{
        margin-bottom:10px;
    }
    .mob_app{
        width:auto;
    }
    .register_banner_container .desktop_image{
        display:block !important;
    }
    .register_banner_container .mobile_image{
        display:none !important;
    }
    .rbm_left{
        max-width:450px;
    }
    .wheel_pos {
        top: -27px;
        left: -9px;
        width: 50px;
    }
    .dice_pos {
        bottom: 0px;
        right: 0px;
        width: 70px;
        
}
.rbm_outer{
    gap:30px;
}
.rbm_outer{
    justify-content:center;
    align-items:center;
}
.register_container .mob_reg_now{
    margin:0 auto;
}
.mob_app{
    font-size:14px;
}
.rma_right{
    max-width:350px;
}
.register_by_mobile_app .mob_app{
    margin:0 auto;
}
/* .casino_content {
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-70%);
    padding: 10px;
    text-align: center;
} */
.casino_content {
    width: 50%;
    left: 6%;
    top: 33%;
    transform: translate(-10%,-24%);
    padding: 10px;
}

.casino_sub_txt{
    margin-bottom:12px;
}

.bonus_gift_box {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap:20px;
}
.playin_logo{
    width:150px;
}
.casino_txt{
    font-size:clamp(0.875rem, 0.5536rem + 1.6071vw, 2rem);
}
.casino_gaming_section.common_space .mob_app{
    margin:initial;
}

.registration_carousel, .how_to_register, .register_by_mobile, .register_by_mobile_app,.bonus_promotion,.casino_gaming_section{
    padding:20px !important;
}
.register_by_mobile_app{
    margin-bottom:0px;
}
.bonus_container{
    padding:10px 0px 0px;
}


}

@media screen and (max-width:820px){
    .playin_logo{
        margin-bottom:10px;
    }
    .banner_txt{
        
        font-size:20px;
    }
    /* .bonus_container{
        padding:52px 0px 0px;
    } */
    .bonus_container {
        padding: 0px 0px 0px;
    }
    .rbm_left {
        max-width: 280px;
        justify-content:center;
    }
    .registration_carousel, .how_to_register, .register_by_mobile, .register_by_mobile_app,.bonus_promotion,.casino_gaming_section{
        padding:20px !important;
    }
    /* .container__ksr{
        padding:30px 16px;
    } */
}

@media screen and (max-width:620px){
    .casino_desktop{
        display:none;
    }
    .casino_mobile{
        display:block;
    }
    .casino_content {
        width: 100%;
        left: 50%;
        top: 35%;
        transform: translate(-50%,-50%);
        padding: 10px;
        position: absolute;
    }
    .casino_txt,.casino_sub_txt{
        text-align:center;
    }
    .casino_gaming_section.common_space .mob_app{
        margin:0 auto;
    }
    .casino_txt{
        font-size:34px;
    }
    .casino_sub_txt{
        font-size:20px;
        margin-bottom: 24px;
    }
    .casino_gaming_section .mob_app {
        font-size: 14px;
    }
    .playin_logo {
        width: 109px;
    }
    .banner_txt {
        font-size: 16px;
    }
    .mob_app {
        font-size: 12px;
    }
    .registration_carousel .mob_app{
        padding:9px;
    }
    .registration_carousel, .how_to_register, .register_by_mobile, .register_by_mobile_app,.bonus_promotion,.casino_gaming_section{
        padding:20px !important;
    }
    .bonus_gift_box {
        grid-template-columns: repeat(2,1fr);
    }
    .casino_gaming_section .mob_app{
        margin:0 auto;
    }
    .register_by_mobile_app .mob_app, .bonus_promotion .mob_app, .casino_gaming_section .mob_app{
        font-size:16px;
    }
    .mobile_app_space{
        padding:27px 20px 20px;
    }

}
@media screen and (max-width:540px){
    .casino_desktop{
        display:none;
    }
    .casino_mobile{
        display:block;
    }
    .register_banner_container .desktop_image{
        display:none !important;
    }
    .register_banner_container .mobile_image{
        display:block !important;
    }
    .register_content{
        transform: translate(-50%, -65%);
    }
    .hand_mobile{
        max-width:280px;
    }
    /* .common_space {
        margin: 0px 16px;
    } */
    .register_banner_container .mobile_image{
            height:300px;
    }
    .casino_txt{
        font-size:28px;
    }
    .casino_sub_txt{
        font-size:18px;
    }
    .casino_gaming_section .mob_app {
        font-size: 14px;
    }
    .playin_logo {
        width: 120px;
    }
    .banner_txt {
        font-size: 26px;
        text-wrap:nowrap;
    }
    .registration_carousel .mob_app {
        padding: 12px;
        font-size:13px;
    }
    /* section.registration_carousel.common_space {
        margin: 0px;
        padding: 0px;
    }
    .reg_carousel_outer {
        padding: 0px 0px !important;
    } */
.registration_carousel{
    margin:0px;
    padding:0px;
}
.reg_carousel_outer{
    padding:0px !important;
}
.registration_carousel, .how_to_register, .register_by_mobile, .register_by_mobile_app,.bonus_promotion,.casino_gaming_section{
    padding:20px !important;
}
.bonus_gift_box {
    grid-template-columns: repeat(2,1fr);
}
.register_hm_image {
    max-width: 300px;
}
}

@media screen and (max-width:360px){
    .registration_carousel{
        margin:0px !important;
        padding:0px !important;
    }
    .reg_carousel_outer{
        margin:0px;
        padding:0px !important;
    }
    .hand_mobile{
        max-width:240px;
    }
    /* .register_hm_image {
        max-width: 200px;
    } */
    .casino_txt {
        font-size: 21px;
    }
    .casino_sub_txt{
        font-size:16px;
    }
    .register_carousel .owl-dots{
        margin-top:16px;
    }
    .register_box,.how_reg_txt,.how_reg_sub_txt{
        margin-bottom:16px;
    }
    .dice_pos {
        width:50px;
    }
    .mobile_app_space{
        padding:27px 12px 25px;
    }
    .register_hm_image {
        max-width: 240px;
    }
 
    
}


@media screen and (max-width:320px){
    .casino_sub_txt{
        margin-bottom:8px;
    }
}

 .banner_txt{
     text-align:center;
 }
.bonus_promotion{
    padding:20px 30px;
}


.casino_gaming_section{
    padding:10px 30px;
}