* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'avertastd-semibold';
    font-weight: 400;
}
.container__ksr.comm_container_ksr {
    padding: 40px 30px 30px;
}
/* banner section */
.register_item_jk {
    background: url(../images/promocode/banner.webp) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-radius: 24px;
    padding: 60px;
}
.register_content_jk {
    width: 50%;
}
.banner_cont_sub {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.banner_cont_sub span {
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: #C3C7E0;
    line-height: 1.5;
}
.promocode_btn p {
    font-size: clamp(0.6875rem, 0.6339rem + 0.2679vw, 0.875rem);
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: #fff;
}
.promocode_btn {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.promocode_btn img {
    width: 150px !important;
}
.bns_common {
    background: linear-gradient(103.6deg, #F4F5F7 0.05%, #FFFFFF 100%);
    border: 1px solid #EEF3F8;
    box-shadow: 0px 2px 16px 0px #E3EBF552;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.bns_options {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.bns_common p {
    background: #FFFFFF;
    display: flex;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-family: 'avertastd-semibolditalic';
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    color: #FF9D00;
}
.bns_common span {
    font-size: clamp(0.6875rem, 0.5982rem + 0.4464vw, 1rem);
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: #212529;
}
.register_carousel .owl-dots {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/* promotion games section */
.promotion_games_section {
    background: linear-gradient(180deg, #FFF7EE 0%, rgba(255, 255, 255, 0) 100%);
}

.promotion_games_jk {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: clamp(1.5rem, 1.2143rem + 1.4286vw, 2.5rem);
}
.heading_jk {
    font-size: clamp(1rem, 0.6786rem + 1.6071vw, 2.125rem);
    font-weight: 400;
    color: #111111;
}
.games_img_main_sec {
    justify-content: center;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 10px;
    row-gap: 10px;
}
.common_pro_btn button{
    background: linear-gradient(180deg, #FFD51B 0%, #FFB80C 100%);
    padding: 10px 30px;
    border-radius: 6px;
    border: none;
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    color: #212529;
    cursor: pointer;
}


/* bonus section */
.title_jk {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
}
.common_sec_all {
    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;
    margin: 0 auto;
    justify-content: center;
    gap: 10px;
    padding: 7px 14px;
}

.common_sec_all p {
    font-size: 12px;
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: #263D4C;
    margin-top: 3px;
}
.common_sec_all_cont {
    text-align: center;
}
.common_sec_all_cont_para {
    color: #E6BD17;
    font-size: clamp(0.875rem, 0.7679rem + 0.5357vw, 1.25rem);
    font-family: 'avertastd-regular';
    text-align: center;
    line-height: clamp(1.375rem, 1.3393rem + 0.1786vw, 1.5rem);
}
.common_sec_all_cont_spn {
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: #696969;
    text-align: center;
    width: 80%;
    line-height: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.5rem);
}
.common_bonus {
    display: flex;
    align-items: center;
    margin: 0 100px;
}
.bonus_img {
   width: 50%;
}
.bonus_img img {
    width: 100%;
}
.common_bonus_cont {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 50%;
}
.common_bonus_cont h3 {
    font-size: clamp(0.8125rem, 0.6875rem + 0.625vw, 1.25rem);
    font-weight: 400;
    color: #212529;
}
.common_bonus_cont p {
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    color: #696969;
    font-family: 'avertastd-regular';
    line-height: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.5rem);
}
.explore_jk {
    display: flex;
    align-items: center;
    gap: 10px;
}
.explore_jk p {
    font-size: 14px;
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: #2789CE;
    cursor: pointer;
}
.explore_jk img{
    display: flex;
    cursor: pointer;
}

/* poker section */
.poker_games_jk {
    background: url(../images/promocode/poker_banner.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-radius: 24px;
    /* margin: 0 30px 60px; */
}
.poker_games_sub {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 80%;
    margin: 0 auto;
    padding: 0 0 40px;
}
.poker_games_sub span {
    width: 40%;
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: #212529;
}
.extra_image {
    position: relative;
}
.extra_image img {
    position: absolute;
    bottom: -15px;
    left: 30px;
}
.playnow_btn button {
    padding: 12px 30px;
    border: navajowhite;
    outline: none;
    border-radius: 6px;
    color: #212529;
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
}

/* reward section */
.reward_sec_jk {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.reward_sec1 {
    position: relative;
}
.reward_sec1_title {
    position: absolute;
    top: 3px;
    left: 3px;
    background: #fff;
    padding: 12px 16px;
    border-top-left-radius: 16px;
    border-bottom-right-radius: 16px;
}
.reward_sec1_title p, .reward_sec1_cont span {
    font-size: clamp(0.625rem, 0.5536rem + 0.3571vw, 0.875rem);
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: #696969;
}
.reward_sec1_cont {
    position: absolute;
    bottom: 25px;
    width: 45%;
    left: 15px;
}
.reward_sec1_cont p{
    font-family: 'averta-extrabold';
    font-size: clamp(0.625rem, 0.5179rem + 0.5357vw, 1rem);
    font-weight: 400;
    color: #212529;
}
.reward_image img {
    width: 100%;
}
.offer_dtls {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.offer_dtls_com {
    display: flex;
    align-items: center;
    gap: 10px;
}
.offer_dtls_com p{
    font-family: 'avertastd-regular';
    font-size: clamp(0.625rem, 0.5179rem + 0.5357vw, 1rem);
    font-weight: 400;
    color: #212529;
}
.offer_tlt {
    width: 65%;
}

/* join games section */
.join_now_section {
    background: #F7F6FB;
}
.join_sec {
    gap: 15px;
}


/* provider offer section */
.provider_sec {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.provider_sec_head_cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.provider_sec_head_cont h2 {
    text-align: center;
    width: 50%;
}
.provider_sec_head_cont p {
    text-align: center;
    width: 65%;
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    color: #696969;
    font-family: 'avertastd-regular';
    line-height: clamp(1.375rem, 1.3393rem + 0.1786vw, 1.5rem);
}
.join_btn button{
    padding: 12px;
}
.provider_sec_sub {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}
.provider_common_sec {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.provider_common_sec img {
    max-width: 140px;
}
.provider_common_sec p {
    display: none;
    text-align: center;
    font-size: 14px;
    color: #212529;
    font-weight: 400;
}
.provider_common_sec span {
    text-align: center;
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    color: #696969;
    font-family: 'avertastd-regular';
    line-height: clamp(1.375rem, 1.3393rem + 0.1786vw, 1.5rem);
}

/* welcome banner section */
.welcome_banner_sec {
    background: url(../images/promocode/welcome_bann.webp) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    padding: 70px;
}
.welcome_banner_cont {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.welcome_cont_sub {
    width: 55%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.welcome_cont_sub h2 {
    font-size: clamp(1.875rem, 1.5179rem + 1.7857vw, 3.125rem);
    font-weight: 700;
    color:#fff;
    font-family: 'avertastd-extrabolditalic';
}
.welcome_cont_sub p {
    font-size: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);
    font-weight: 400;
    color:#fff;
    font-family: 'avertastd-extrabolditalic';
}
.welcome_cont_sub span {
    font-size: clamp(0.75rem, 0.7321rem + 0.0893vw, 0.8125rem);
    font-weight: 400;
    color:#fff;
    font-family: 'avertastd-regularitalic';
}
.claim_btn button {
    padding: 6px 12px;
    background: #FFFFFF1F;
    border:0.9px solid #FFFFFF4D;
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    font-family: 'avertastd-regular';
}

/* feature section */
section.feature_section {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF4E4 100%);
}
.game_feature_sec_head {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.game_feature_sec_head span {
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: #72757A;
    text-align: center;
}
.feature_common {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 395px 
}
.feature_common img {
    max-width: clamp(1.5rem, 1.3929rem + 0.5357vw, 1.875rem);
}
.first_cont {
    display: flex;
    justify-content: space-evenly;
    gap: 10px;
    margin: 40px 0 10px;
}
.feature_common h3 {
    font-size: clamp(0.8125rem, 0.6161rem + 0.9821vw, 1.5rem);
    font-weight: 400;
    color: #212529;
}
.feature_common span {
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    font-family: 'avertastd-regular';
    color: #72757A;
} 
.second_cont {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.feature_game_img {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.feature_game_img img {
    width: 270px;
}
.game_feature_sec_head h2 {
    text-align: center;
}
.game_feature_sec_cont {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.porker_table {
    max-width: 500px;
}
.feature_section {
    position: relative;
}


/* deposit bonus section */
.deposit_bonus_sub_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.deposit_bonus_cont {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 18%;
}
.deposit_bonus_cont span{
    font-size: clamp(0.8125rem, 0.7946rem + 0.0893vw, 0.875rem);
    font-weight: 400;
    color: #696969;
    font-family: 'avertastd-regular';
}
.deposit_bonus_cont p{
    font-size: clamp(1.0625rem, 0.7946rem + 1.3393vw, 2rem);
    font-weight: 400;
    color: #212529;
    font-family: 'avertastd-black';
}
.deposit_bonus_images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    align-items: center;
    width: 70%;
}
.bonus_card img {
    width: 100%;
    max-width: 100%;
}


/* signup section */
.signup_sub_sec {
    background: url(../images/promocode/signup_banner.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    border-radius: 30px;
    padding: 30px;
}
.signup_cont_sec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-direction: column;
}
.signup_cont_sec h2 {
    color: #fff;
    font-family: 'avertastd-black';
}
.signup_cont_sec span {
    font-size: clamp(0.8125rem, 0.7589rem + 0.2679vw, 1rem);
    font-weight: 400;
    color: #fff;
    font-family: 'avertastd-regular';
    text-align: center;
}
.page_ending_img {
    text-align: center;
    margin-top: 20px;
}



@media (max-width: 1280px){
    .porker_table {
        max-width: 375px;
    }
}
@media (max-width: 990px){
    .porker_table {
        max-width: 265px;
    }
}
@media (max-width: 820px) {
    .container__ksr.comm_container_ksr{
        padding: 30px 16px;
    }
    .games_img_main_sec {
        grid-template-columns: repeat(2, 1fr);
    }
    .common_sec_all_cont_spn {
        width: 100%;
    }
    .common_bonus {
        margin: 0;   
        flex-direction: column;
    }
    .bonus_img, .common_bonus_cont, .offer_tlt, .provider_sec_head_cont p, .provider_sec_head_cont h2, .welcome_banner_cont, .register_content_jk, .banner_cont_sub  {
        width: auto;
     }
    .casino_bonus, .losing_bonus, .offer_cont, .welcome_banner_sec {
        flex-direction: column-reverse;
    }
    .reward_sec_jk, .provider_sec_sub {
        grid-template-columns: repeat(1, 1fr);
    }
    .reward_sec1_cont {
        width: 45%;
        bottom: 10px;
    }
    .reward_sec1_title {
        padding: 8px 12px;
    }
    .provider_common_sec p {
        display: block;
    }
    .provider_common_sec img {
        max-width: 80px;
    }
    .welcome_bann_padd {
        padding: 0 !important;
    }
    .welcome_cont_sub {
        width: auto;
        align-items: center;
        margin: 200px 15px 0;
    }
    .welcome_banner_sec {
        background: url(../images/promocode/welcome_mob.png) no-repeat;
        background-size: 100% 100%;
        padding: 20px;
    }
    .first_cont, .second_cont {
        flex-direction: column;
    }
    .feature_common {
        width: 100%;
        max-width: 100%;
    }
    .feature_game_img img {
        width: 100%;
    }
    .ex_games {
        margin-left: 0;
    }
    .feature_game_img {
        position: unset;
        transform: translateY(15px);
    }
    .game_feature_sec_cont {
        gap: 0;
        flex-direction: column-reverse;
    }
    .first_cont {
        margin: 10px 0 10px;
        flex-direction: column-reverse;
    }
    .second_cont {
        margin-top: 16px;
    }
    .deposit_bonus_sub_sec {
        flex-direction: column;
    }
    .deposit_bonus_cont {
        width: 100%;
    }
    .deposit_bonus_images {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
    }
    .reward_image img {
        max-width: 100%;
        width: 100%;
    }
    .signup_sub_sec {
        background: url(../images/promocode/signup_mob_banner.png) no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border-radius: 0;
        padding: 60px 30px 30px;
    }
    .poker_games_jk {
        background: url(../images/promocode/poker_mob_banner.png) no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border-radius: 0;
        margin: 0;
    }
    .poker_games_sub {
        align-items: center;
        padding: 0;
        padding-top: 165px;
        padding-bottom: 30px;
    }
    .poker_games_sub span {
        width: auto;
        text-align: center;
    }
    .poker_image img, .extra_image img {
        width: 100%;
        max-width: 150px;
    }
    .extra_image img {
        bottom: -8px;
        left: 15px;
    }
    .welcome_cont_sub span, .welcome_text, .banner_cont_sub span {
        text-align: center;
    }
    .register_item_jk {
        background: url(../images/promocode/banner_mob.png) no-repeat;
        background-position: center;
        background-size: 100% 100%;
        border-radius: 0;
        /* margin: 0 30px 60px; */
        padding: 220px 35px 40px;
    }
    .promocode_btn {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .promocode_btn img {
        width: 120px !important;
    }
    .bns_common {
        padding: 7px 5px;
    }
    .bns_options {
        gap: 0;
        margin: 0 30px 30px;
    }
    .bns_common p {
        width: 32px;
        height: 32px;
    }
    .line_big {
        display: none;
    }
    .line_small {
        display: block !important;
        max-width: 10px;
        opacity: 0.5;
    }
    .porker_ksr {
        padding: 60px 30px 0;
    }
}