/******************* START CSS Reset ************************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/******************* END CSS Reset ***************************/

/******************** START Variable ********************/
:root {
    --color-branding: #e4c076;
    --color-branding-light: #fffdea;
    --color-blue-1: #6fcce2;
    --color-blue-2: #092B54;
}
/******************* END Variable ***********************/

/***************** START Common CSS *************************/
a:hover {
    text-decoration: none;
}

body.lock-scroll-y {
    overflow-y: hidden;
}

body {
    font-family: "conto-regular";
}

body, a {
    color: #092b54;
}

.d-flex {
    display: flex;
}

.justify-content-between {
    justify-content: space-between;
}

a, a:hover {
    text-decoration: none;
}

.icon_getmobileapp {
    background-image: url(../../../index_assets/images/download_app_menu_icon.svg);
}

.icon_rewards {
    background-image: url(../../../index_assets/images/offers_promo_menu_icon.svg);
}

.icon_games {
    background-image: url(../../../index_assets/images/games_menu_icon.svg);
}

.icon_responsible {
    background-image: url(../../../index_assets/images/respon__menu_icon.svg);
}

.icon_vipcorner {
    background-image: url(../../../index_assets/images/vip_corner_menu_icon.svg);
}

.icon_rewards {
    background-image: url(../../../index_assets/images/offers_promo_menu_icon.svg);
}

.icon_testimonials {
    background-image: url(../../../index_assets/images/testimonial_menu_icon.svg);
}

.icon_contactus {
    background-image: url(../../../index_assets/images/contactus_menu_icon.svg);
}

.icon_faqs {
    background-image: url(../../../index_assets/images/faqs_menu_icon.svg);
}

.icon_media {
    background-image: url(../../../index_assets/images/blog_menu_icon.svg);
}

.fs-18 {
    font-size: 18px;
}

.saperator.saperator-dark {
    background-color: #04091C;
    padding-top: 15px;
}

    .saperator span{
        width: 43px;
        height: 43px;
        background-image: url(../../index_assets/images/saperator.svg);
        background-repeat: no-repeat;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

.mr-0 {
    margin-left: 0;
}

.ml-0 {
    margin-right: 0;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.pd-l-0 {
    padding-left: 0;
}

.pd-r-0 {
    padding-right: 0;
}

.text-center {
    text-align: center;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.aero {
    width: 7px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 0px;
    top: 50%;
    transition: all 0.3s ease-out;
}

.aero::after {
    width: 7px;
    height: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    right: -3px;
    top: -3px;
    transform: rotate(95deg);
}

.btn-download-rummy {
    background: linear-gradient(180deg, #EABF69 0%, #927D4F 100%); border:2px solid #ba9340;
    color: #fff;
    font-size: 18px;
    width: 220px;
    padding: 6px 0;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.btn-download-rummy:hover {
    color: #fff;
}

    button.btn-download-rummy .text {

    }

.bg_rad_line {
    background: #E1C670;
    height: 4px;
    width: 50px;
    border-radius: 50px;
    margin: 10px auto 10px auto;
}

.no-border {
    border: none !important;
}

.my-bullets {
    padding-left: 15px;
    list-style: none;
}

.my-bullets li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--color-branding); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
/****************** END Common CSS *****************/

/********************** Start Header ***********************/
#page-title {
    font-size: 20px;
}
/********************** End Header ***********************/

/******************** start top banner **********************/
.btn.get_applink {
    background: linear-gradient(180deg, #EABF69 0%, #927D4F 100%);;
    border-color: #a78d55;
    color: #fff;
    border-radius: 25px;
    border: 2px solid #a58b51;
    text-transform: uppercase;
}
.top-download-text{color: #fff; text-align: left;}

    #top-banner .download-btn-container {
        background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
        padding: 0 0 35px 0;
        position: absolute;
        z-index: 1;
        width: 100%;
        bottom: 0px;
    }
/******************** end top banner **********************/

/******************** Start Top Download Button *********************/
#top-download-btn {
    background-color: #033747;
    color: #fff;
}

    #top-download-btn .heading{
        color: #fff;
        padding-top: 20px;
    }
/******************** End Top Download Button *********************/

/****************** Start Our Accomplishments and Cares ******************/
.saperator.accomplishment-cares {
    padding-top: 25px;
}

#accomplishment-cares {
    padding-bottom: 0px;
    background: radial-gradient(50% 50% at 50% 50%, #016F6F 0%, #033747 100%);
}

.cares {
    background-color: #032146;
}

.accomplishment, .cares {
    /*margin-top: 10px;*/
    padding-bottom: 15px;
    border-radius: 12px;
    color: #fff;
}

#accomplishment-cares .section-heading {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    padding-top: 15px;
    padding-bottom: 5px;
    color: #fff;
}

#accomplishment-cares .my-container {

}

    #accomplishment-cares .my-container .icon-container {

    }

        #accomplishment-cares .my-container .icon-container .item {
            position: relative;
        }
        
        #accomplishment-cares .my-container .icon-container .item:nth-child(1)::after,
        #accomplishment-cares .my-container .icon-container .item:nth-child(3)::after {
            position: absolute;
            content: '';
            width: 1px;
            height: 48px;
            top: 50%;
            right: 0;
            background-color: #B58C5C;
        }

        #accomplishment-cares .my-container .icon-container .item:nth-child(1) .text-container {
            width: 90px;
        }
        
        #accomplishment-cares .my-container .icon-container .item:nth-child(2) .text-container {
            width: 102px;
        }
        
        #accomplishment-cares .my-container .icon-container .item:nth-child(3) .text-container {
            width: 90px;
            text-align: center;
        }

        #accomplishment-cares .cares .my-container .icon-container .item:nth-child(2) .text-container {
            width: 60px;
            margin-right: auto;
            margin-left: auto;
        }
        
        #accomplishment-cares .cares .my-container .icon-container .item:nth-child(3) .text-container {
            width: 50px;
            margin-right: auto;
            margin-left: auto;
        }

        #accomplishment-cares .my-container .icon-container .item:nth-child(3) .text-container .big {
            position: relative;
        }

        #accomplishment-cares .my-container .icon-container .item:nth-child(3) .text-container .big .sup {
            position: absolute;
            top: 3px;
            font-size: 24px;
        }

        #accomplishment-cares .my-container .icon-container .icon {
            padding-top: 10px;
        }

            #accomplishment-cares .my-container .icon-container .icon .img {
                width: 38px;
                margin-left: auto;
                margin-right: auto;
                position: absolute;
                top: -18px;
                right:-5px;
            }

                #accomplishment-cares .my-container .icon-container .icon .img img {
                    width: 100%;
                }

                #accomplishment-cares .my-container .icon-container .icon .img-text {
                    width: 16vw;
                    margin-left: auto;
                    margin-right: auto;
                    padding-top: 0.8vw;
                }
                    
                    #accomplishment-cares .my-container .icon-container .icon .img-text img{
                        width: 100%;
                    }

            #accomplishment-cares .my-container .icon-container .icon .text-container {
                margin-left: auto;
                margin-right: auto;
                width: 102px;
            }

                #accomplishment-cares .my-container .icon-container .icon .big {
                    font-size: 38px;
                    line-height: 1;
                    color: #B58C5C; text-align: left;
                    position: relative;
                }

                #accomplishment-cares .my-container .icon-container .icon .text {
                    width: 100%;
                    font-size: 18px;
                    line-height: 1.2;
                    color: #B58C5C;
                    text-align: left;
                }
/****************** Start Our Accomplishments and Cares ******************/

/**************** Start Game Variants **********************/
#game-varients .heading-container .heading {
    font-size: 25px;
    font-weight: 600;
    color: #FFFDEA;
    padding-top: 20px;
}

.color-white {
    color: #fff !important;
}
/**************** end Game Variants **********************/


/***************************** START offers and Tourneys****************************/

.livetourney {
    background-color: #EFE7DC;
    padding-bottom: 20px;
    position: relative;
}

.testimonials.livetourney {
    padding-bottom: 0px;
}

.testimonials.livetourney.feedback { background: rgb(239,231,220);
background: linear-gradient(180deg, rgba(239,231,220,1) 0%, rgba(222,220,210,1) 50%, rgba(22,92,99,1) 50%, rgba(3,80,89,1) 100%);
    /*padding-bottom: 20px;*/
}

.testimonials.livetourney .section-title {
    padding-bottom: 10px;
}

.testimonials.livetourney::before,.top-border-partition::before {
    position: absolute;
    content: '';
    background: linear-gradient(90deg, #BE965D 3.67%, #BE965D 3.67%, #A37B49 15.01%, #976F40 19.76%, #C99B61 26.39%, #F0BD7B 32.06%, #FFCB85 34.9%, #EDBB79 38.69%, #C0935B 45.32%, #976F40 51%, #BE965D 65.19%, #FFCB85 74.66%, #EDBB79 78.45%, #C0935B 85.07%, #976F40 90.75%, #976F40 98.32%);
    width: 100%;
    height: 5px;
    top: 0;
}

.section-title h2, .section-title h3 {
    color: #fff;
}

.livetourney .section-title p {
    color: #032146;
    font-size: 14px;
    line-height: 1.2;
}

.btn-bg-view {
    border: 3px solid #0e93ab;
    padding: 8px 15px;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.btn-bg-view:hover {
    color: #fff;
}

#offers {
    background-color: #073B4C;
}

.offers.testimonials {
    padding-top: 10px;
}

    #offers .heading, #offers a.btn-bg-view {
        color: #E6BC68;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 0;
    }

    #testimonials .section-title {
        padding-top: 30px;
    }
    
        #offers .section-title .sub-text {
            color: #fff;
        }

    #testimonials .heading {
        font-size: 18px;
        font-weight: 600;
        color: #032146;
    }

    #testimonials .tourneys .item a {
        display: block;
    }
    
    #testimonials .tourneys .item a img, 
    #testimonials .tourneys .item a object {
        width: 100%;
    }

    #testimonials .tourneys .item a object {
        border-radius: 8px;
    }

    #offers a.btn-bg-view {
        padding: 8px 55px;
        font-weight: 600;
    }

#tourneys {
    background-color: var(--color-blue-2);
}

#offers, #tourneys {
    padding: 5px 0 20px;
}
    
    #offers .header, #tourneys .header {
        position: unset;
        background: unset;
        height: auto;
    }
        
        #offers .header .heading,
        #tourneys .header .heading {
            font-size: 22px;
        }

        #tourneys .header .heading {
            color: #fff;
        }

        #tourneys .header .tag-line {
            color: #DFBD74;
            padding-left: 15px;
            padding-right: 15px;
            font-weight: 500;
            line-height: 1.2;
            padding-top: 5px;
        }
    
    #offers .body {
        
    }
        
        #offers .body .offer-card {
            /* width: 39.8148vw; */
        }
    
        #tourneys .body .offer-card {
            /* width: 51.85185vw; */
        }
            
            #offers .body .offer-card a,
            #tourneys .body .offer-card a {
                display: block;
                padding-top: 20px;
            }
                
                #offers .body .offer-card a img,
                #tourneys .body .offer-card a img {
                    width: 100%;
                }


    #offers .footer, #tourneys .footer {
        background: unset !important;
        padding-bottom: unset;
    }

    .footer {
        background: #08383e;
    }

    #offers .footer a,
    #tourneys .footer a {
        border: 3px solid #47b7c9 !important;
        border-radius: 7px;
        padding: 10px 0px;
        width: 80%;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
        margin-top: 10px;
        font-weight: 600;
        color: #092b54;
    }

    #tourneys .footer a {
        color: #fff;
    }

/***************************** END offers and Tourneys ****************************/


/****************************** Start SRK Video **********************************/
#srk-video {
    background-color: #EFE7DC;
    position: relative;
    border: none;
}

#srk-video::before {
    position: absolute;
    content: '';
    background: linear-gradient(90deg, #BE965D 3.67%, #BE965D 3.67%, #A37B49 15.01%, #976F40 19.76%, #C99B61 26.39%, #F0BD7B 32.06%, #FFCB85 34.9%, #EDBB79 38.69%, #C0935B 45.32%, #976F40 51%, #BE965D 65.19%, #FFCB85 74.66%, #EDBB79 78.45%, #C0935B 85.07%, #976F40 90.75%, #976F40 98.32%);
    width: 100%;
    height: 5px;
    top: 0;
}

    #srk-video .section-header .section-heading {
        color: #0B2043;
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 30px;
    }

    #srk-video .section-header .section-heading-2 {
        text-align: center;
        font-size: 20px;
    }
    
    #srk-video .section-header .sub-line {
        text-align: center;
        color: #fff;
        padding-top: 5px;
    }

#srk-video .seciton-content {
    padding-bottom: 5px;
    padding-top: 20px;
}

    #srk-video .seciton-content .poker-video .video-container {
        height: 200px;
    }

    #srk-video .seciton-content .poker-video .description-container .heading-container .heading {
        font-size: 18px;
        font-weight: 500;
    }

    #srk-video .seciton-content .poker-video .description-container .text {
        font-weight: 400;
        font-size: 14px;
    }



/****************************** End SRK Video **********************************/

/****************** START gamer-speak ******************/

.saperator2.guts-and-glory {
    background-image: url(../../index_assets/images/saperator2.svg);
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position-x: center;
    background-position-y: center;
    display: block;
    background-size: 125px;
    background-color: #e4eaee;
    border-radius: 0;
    padding-bottom: 0;
    height: 65px;
}

#gamer-speak {
    background: rgb(239,231,220);
    background: linear-gradient(180deg, #E4EAEE 0%, #E4EAEE 50%, rgba(22,92,99,1) 50%, rgba(3,80,89,1) 100%);
}

    #gamer-speak .heading-container {
        color: #032147;
    }
    
        #gamer-speak .heading-container .section-heading {
            font-size: 18px;
            padding-top: 20px;
            font-weight: 600;
            margin-bottom: 0;
        }
        
        #gamer-speak .section-title .heading {
            color: black;
            font-size: 20px;
            font-weight: 700;
        }
    
    #gamer-speak .gamer-slider {
        border-radius: 12px;
        margin-top: 10px;
        padding-bottom: 20px;
    }
        
        #gamer-speak .gamer-slider .gamer-card {
            
            border-radius: 15px;
        }
            
            #gamer-speak .gamer-slider .gamer-card .img-container {
                
                padding-top: 8px;
                padding-bottom: 8px;
            }
            
                #gamer-speak .gamer-slider .gamer-card .img-container img,
                #gamer-speak .gamer-slider .gamer-card .img-container object {
                    width: 100%;
                }

            #gamer-speak .gamer-slider .gamer-card .text-container {
                padding-left: 14px;
                padding-top: 10px;
                padding-bottom: 10px;
            }

            #gamer-speak .gamer-slider .gamer-card .text-container .heading {

            }

                #gamer-speak .gamer-slider .gamer-card .text-container .comment-heading {
                    line-height: 1;
                    font-size: 20px;
                    font-weight: 600;
                    margin-bottom: 0;
                }

                #gamer-speak .gamer-slider .gamer-card .text-container .comment-tag-line {
                    line-height: 1;
                    font-weight: 600;
                    padding-top: 5px;
                }

            #gamer-speak .gamer-slider .gamer-card .text-container .comment {
                font-size: 11px;
                padding-top: 10px;
            }

/****************** END gamer-speak ********************/

/******************** Start FAQs **********************/
#faq {
    background-color: #E4EAEE;
    position: relative;
}

#faq::before {
    position: absolute;
    content: '';
    background: linear-gradient(90deg, #BE965D 3.67%, #BE965D 3.67%, #A37B49 15.01%, #976F40 19.76%, #C99B61 26.39%, #F0BD7B 32.06%, #FFCB85 34.9%, #EDBB79 38.69%, #C0935B 45.32%, #976F40 51%, #BE965D 65.19%, #FFCB85 74.66%, #EDBB79 78.45%, #C0935B 85.07%, #976F40 90.75%, #976F40 98.32%);
    width: 100%;
    height: 5px;
    top: 0;
}

#faq .heading {
    font-size: 20px;padding-top: 10px;
    text-align: center;
}

#faq .card .card-header .btn-header-link, #faq .card .card-header .btn-header-link.collapsed{
    background: unset; color: #0B2043; border-radius: unset;
    display: block;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
}

#faq .card,
#poker-rules .card {
    background-color: unset;
    border: none;
}

.accordion.active, .accordion:hover {
    background: unset;
}

#faq .card .card-header {
    box-shadow:none;
    padding-left: 0;
    background: unset;
    border-bottom: none;
}

#faq .card .card-body {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
}

#faq .card .card-header .btn-header-link:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-size: 12px;
}

/* #faq .card .card-header .btn-header-link:after {
    width: 15px;
    height: 15px;
    background: url(../../index_assets/images/right_aero_white.svg) no-repeat;
    top: 22px;
    right: 3px;
    background-size: 12px;
} */

#faq .card .card-header .btn-header-link.collapsed:after {
    background: url(../../index_assets/images/aero-right.svg) no-repeat;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    top: 24px;
    right: -5px;
}

#faq .card .card-header .btn-header-link:after {
    background: url(../../index_assets/images/aero-right.svg) no-repeat;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    right: 0px;
    top: 25px;
}

#poker-rules .card .card-header .btn-header-link:after,
#poker-rules .card .card-header .btn-header-link.collapsed:after {
    content: " ";
    width: 15px;
    height: 15px;
    background-size: 12px !important;
    position: absolute;
}

#poker-rules .card .card-header .btn-header-link:after {
    background: url(../../index_assets/images/aero-right.svg) no-repeat;
    top: 22px;
    right: 3px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}

#poker-rules .card .card-header .btn-header-link.collapsed:after {
    background: url(../../index_assets/images/right_aero_white.svg) no-repeat;
    top: 30px;
    right: 0px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}



#faq .card {
    margin-bottom: 0;
    border-bottom: 1px solid #B58C5C4D;
    border-radius: 0;
}
/******************** End FAQs **********************/

/*********************** Start Poker Rules *********************/
#poker-rules {
    background-color: #032146;
    padding-bottom: 15px;
}

    #poker-rules .section-heading {
        color: #fff;
    }
    
    #poker-rules .card {
        background-color: unset;
        border-bottom: 1px solid #E1C670;
        border-radius: 0;
    }
    
        #poker-rules .card .card-header {
            padding: 0;
        }

            #poker-rules .card .card-header .btn-header-link {
                padding: 10px 0;
                font-weight: 900;
                font-size: 14px;
                position: relative;
                display: block;
                text-align: left;
                color: #FFFDEA;
                background: unset;
                border-radius: unset;
                padding-right: 18px;
            }

            #poker-rules .card .card-header .btn-header-link.collapsed {
                
            }

        #poker-rules .card-body {
            padding: 0px 5px 0px 0px;
            color: #fff;
        }
/*********************** End Poker Rules *********************/

.DownloadA23RummyApp {
    text-align: center;
    display: block;
    background: linear-gradient(180deg, #EABF69 0%, #927D4F 100%);
    padding: 10px 0;
    border-radius: 7px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
    color: #fff !important;
    font-size: 18px;
}

.donwload_icon_width {
    width: 20px;
    margin-right: 4px;
    margin-top: -4px;
}

.sld-bg-1 {
    background-color: #033746;
}

.sld-bg-2 {
    background-color: #0a0734;
}

.sld-bg-3 {
    background-color: #01304a;
}

.relative {
    position: relative;
}

.carousel-container.tourney #tourney-carousel-left {
    background-image: url(../../index_assets/images/aero-right-slider.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    position: absolute;
    width: 17px;
    height: 24px;
    right: 40%;
    bottom: 0px;
    cursor: pointer;
}

.carousel-container.tourney #tourney-carousel-right {
    background-image: url(../../index_assets/images/aero-left-slider.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    position: absolute;
    width: 17px;
    height: 24px;
    left: 40%;
    bottom: 0px;
    cursor: pointer;
}

.carousel-container.gameplay #gameplay-carousel-left {
    background-image: url(../../index_assets/images/aero-right-slider.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    position: absolute;
    width: 17px;
    height: 24px;
    right: 40%;
    bottom: 5px;
    cursor: pointer;
}

.carousel-container.gameplay #gameplay-carousel-right {
    background-image: url(../../index_assets/images/aero-left-slider.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    position: absolute;
    width: 17px;
    height: 24px;
    left: 40%;
    bottom: 5px;
    cursor: pointer;
}

.gameplay .section-title {
    padding-bottom: 20px;
}

.gameplay .section-title .heading {
    font-size: 20px;
    padding-top: 30px;
    font-weight: 700;
}

.swiper-pagination-bullet-active{    background: #eabf69 !important;}
.swiper-pagination-bullet{background: #fff;}
/*.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}*/
.swiper-button-next:after, .swiper-button-prev:after{    font-size: 14px;
    background: #041c2b;
    padding:10px 12px;
    border-radius: 100%;
   
    color: #fff;
    font-weight: bold;}

    #supportModal .modal-footer{
        border-top: none;
     }
     #supportModal .btn-secondary {
        background: #eabf69;
        border: 1px solid #eabf69;
     }
     #supportModal .modal-header .close {
        top:0;
     }