@font-face {
    font-family: 'robotoblack';
    src: url('../public/static_fonts/roboto-black-webfont.eot');
    src: url('../public/static_fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('../public/static_fonts/roboto-black-webfont.woff2') format('woff2'),
    url('../public/static_fonts/roboto-black-webfont.woff') format('woff'),
    url('../public/static_fonts/roboto-black-webfont.ttf') format('truetype'),
    url('../public/static_fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:swap
}

@font-face {
    font-family: 'robotobold';
    src: url('../public/static_fonts/roboto-bold-webfont.eot');
    src: url('../public/static_fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../public/static_fonts/roboto-bold-webfont.woff2') format('woff2'),
    url('../public/static_fonts/roboto-bold-webfont.woff') format('woff'),
    url('../public/static_fonts/roboto-bold-webfont.ttf') format('truetype'),
    url('../public/static_fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:swap
}

@font-face {
    font-family: 'robotomedium';
    src: url('../public/static_fonts/roboto-medium-webfont.eot');
    src: url('../public/static_fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../public/static_fonts/roboto-medium-webfont.woff2') format('woff2'),
    url('../public/static_fonts/roboto-medium-webfont.woff') format('woff'),
    url('../public/static_fonts/roboto-medium-webfont.ttf') format('truetype'),
    url('../public/static_fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:swap
}

@font-face {
    font-family: 'robotoregular';
    src: url('../public/static_fonts/roboto-regular-webfont.eot');
    src: url('../public/static_fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../public/static_fonts/roboto-regular-webfont.woff2') format('woff2'),
    url('../public/static_fonts/roboto-regular-webfont.woff') format('woff'),
    url('../public/static_fonts/roboto-regular-webfont.ttf') format('truetype'),
    url('../public/static_fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:swap
}
body, .bottom_user_comment textarea{margin: 0px;font-family: 'robotoregular';}
.sign_up_bonus, .subline, .universal_heading, .match_winner{font-family: 'robotomedium';}

.count, #download_started_box .universal_heading{font-family: 'robotoblack';}
.right_steps_box ul li .step_title_box, .step_number, .user_name, .winner_type, .mobile_download_button_box a, .sticky_downloadapp_button a, .install_step ul li span:first-child, .fancode_info h3, .fancode_info a, .send_sms_box .banner_title{font-family: 'robotobold';}
.container{max-width:1024px;margin:0 auto}
.top_banner{ box-sizing: border-box;background: url(../../public/images/homebg-2021-dream-sarkar.png)#1c0303; background-size: cover;  background-repeat: no-repeat;position: relative;}

/*.top_banner_inner_box{background: url("../../public/images/parliament-of-india-dream_sarkar.png"); background-size: 404px;  background-repeat: no-repeat; background-position: 100px 0px; padding-top:70px;padding-bottom: 28px; }*/
.login_box{text-align: right;}
.banner{display: grid;grid-template-columns: 1fr 1fr;}
.sign_up_bonus{text-align: center; color: #fff; background: rgba(26,0,1,0.3); background: -moz-linear-gradient(left, rgba(26,0,1,0.3) 0%, rgba(132,0,0,0.3) 25%, rgba(182,0,0,0.3) 50%, rgba(126,0,0,0.3) 75%, rgba(26,0,1,0.3) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(26,0,1,0.3)), color-stop(25%, rgba(132,0,0,0.3)), color-stop(50%, rgba(182,0,0,0.3)), color-stop(75%, rgba(126,0,0,0.3)), color-stop(100%, rgba(26,0,1,0.3))); background: -webkit-linear-gradient(left, rgba(26,0,1,0.3) 0%, rgba(132,0,0,0.3) 25%, rgba(182,0,0,0.3) 50%, rgba(126,0,0,0.3) 75%, rgba(26,0,1,0.3) 100%); background: -o-linear-gradient(left, rgba(26,0,1,0.3) 0%, rgba(132,0,0,0.3) 25%, rgba(182,0,0,0.3) 50%, rgba(126,0,0,0.3) 75%, rgba(26,0,1,0.3) 100%); background: -ms-linear-gradient(left, rgba(26,0,1,0.3) 0%, rgba(132,0,0,0.3) 25%, rgba(182,0,0,0.3) 50%, rgba(126,0,0,0.3) 75%, rgba(26,0,1,0.3) 100%); background: linear-gradient(to right, rgba(26,0,1,0.3) 0%, rgba(132,0,0,0.3) 25%, rgba(182,0,0,0.3) 50%, rgba(126,0,0,0.3) 75%, rgba(26,0,1,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a0001', endColorstr='#1a0001', GradientType=1 ); margin-top: 10px; font-size: 14px; height: 28px; line-height: 27px; }
.count{ font-size: 26px; color: #e1e1e1;line-height: 26px;}
.subline{font-size: 12px; color: #a8a8a8;}
.right_info_box{text-align: center;}
/* .d11_ipl_logo{max-width: 430px; margin: 0 auto; } */
.logo_img{width:282px;margin:0 auto 10px;}
.button_box a{ background: #00b138; color: #fff; text-decoration: none; max-width: 200px; display: block; margin: 0 auto; padding: 10px 0;}
.progress_bar{height:64px;background: rgba(48,47,47,1); background: -moz-linear-gradient(55deg, rgba(48,47,47,1) 0%, rgba(48,47,47,1) 50%, rgba(29,29,29,1) 50%, rgba(29,29,29,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(48,47,47,1)), color-stop(50%, rgba(48,47,47,1)), color-stop(50%, rgba(29,29,29,1)), color-stop(100%, rgba(29,29,29,1))); background: -webkit-linear-gradient(55deg, rgba(48,47,47,1) 0%, rgba(48,47,47,1) 50%, rgba(29,29,29,1) 50%, rgba(29,29,29,1) 100%); background: -o-linear-gradient(55deg, rgba(48,47,47,1) 0%, rgba(48,47,47,1) 50%, rgba(29,29,29,1) 50%, rgba(29,29,29,1) 100%); background: -ms-linear-gradient(55deg, rgba(48,47,47,1) 0%, rgba(48,47,47,1) 50%, rgba(29,29,29,1) 50%, rgba(29,29,29,1) 100%); background: linear-gradient(55deg, rgba(48,47,47,1) 0%, rgba(48,47,47,1) 50%, rgba(29,29,29,1) 50%, rgba(29,29,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#302f2f', endColorstr='#1d1d1d', GradientType=1 ); padding-top: 10px; box-sizing: border-box;}
.user_box{padding-right: 80px; text-align: right;}
.user_box_inner{display: inline-block; text-align: center;}
.winning_box{padding-left: 80px; text-align: left;}
.progress_bar_inner{display: grid;grid-template-columns: 1fr 1fr;}
.how_to_play_box{margin-top: 10px; text-align: center;}
.universal_heading{text-align: center; font-size: 20px; color: #1a1a1a; margin-top: 0px; padding-top: 20px; margin-bottom: 20px;}
.universal_heading span{color: #e10000;}
.logo_box{width: 130px;display: none;}
.btn_color{color: #ffffff;
    background-color: #4C3A51;
    border-color: #f8f9fa;
}

.slide{width: 31%; background: #fff; height: 237px; border-radius: 8px; margin-top: 26px; margin-left: 20px;-webkit-box-shadow: 0px 0px 8px 0px rgba(194,194,194,1); -moz-box-shadow: 0px 0px 8px 0px rgba(194,194,194,1); box-shadow: 0px 0px 8px 0px rgba(194,194,194,1);margin-bottom: 30px }
.slide:first-child{margin-left: 10px;}
.top_slide_box{display: grid; grid-template-columns: 1fr 2fr; height: 57px;}
.user_img_inner{margin-top: -26px; margin-left: 24px; width: 64px;}
.user_name{font-size: 14px; color: #1a1a1a; line-height: 20px; margin-top: 10px;}
.rating_box{max-width: 447px; background: #fff; border-radius: 8px;padding: 30px; box-sizing: border-box; margin: 0 auto; margin-bottom: 25px;-webkit-box-shadow: 0px 0px 8px 0px rgba(194,194,194,1); -moz-box-shadow: 0px 0px 8px 0px rgba(194,194,194,1); box-shadow: 0px 0px 8px 0px rgba(194,194,194,1);}
.send_sms_box{width: 331px; margin: 0 auto; /*padding-top: 16px;*/ /*padding-top: 85px;*/ margin-bottom: 0px;     /*padding-bottom: 100px;*/}
.send_sms_box iframe{border: 0px;}
.send_sms_box .banner_title{margin-top: 0px; margin-bottom: 20px; text-align: center; color: #fff; font-size: 16px; line-height: 20px;}
.mobile_download_button_box{display: none;}
.right_steps_box ul li{background: rgba(238,238,238,1); background: -moz-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(238,238,238,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(238,238,238,1))); background: -webkit-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%); background: -o-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%); background: -ms-linear-gradient(left, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%); background: linear-gradient(to right, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=1 ); border: 1px solid #dadada; border-radius: 8px; max-width: 300px; padding: 12px; box-sizing: border-box; position: relative; margin-bottom: 16px; min-height: 100px; display: inline-block; margin-right: 20px;}
.right_steps_box ul li:last-child{margin-right: 0px;}
.step_number{position: absolute; background: rgba(23,199,73,1); background: -moz-linear-gradient(left, rgba(23,199,73,1) 0%, rgba(16,158,56,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(23,199,73,1)), color-stop(100%, rgba(16,158,56,1))); background: -webkit-linear-gradient(left, rgba(23,199,73,1) 0%, rgba(16,158,56,1) 100%); background: -o-linear-gradient(left, rgba(23,199,73,1) 0%, rgba(16,158,56,1) 100%); background: -ms-linear-gradient(left, rgba(23,199,73,1) 0%, rgba(16,158,56,1) 100%); background: linear-gradient(to right, rgba(23,199,73,1) 0%, rgba(16,158,56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17c749', endColorstr='#109e38', GradientType=1 ); color: #fff; font-size: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 4px solid #fff; border-radius: 40px; position: absolute; left: 16px; top: -20px;}
.right_steps_box ul li .step_title_box{margin-top: 27px; margin-bottom: 0px; font-size: 16px; color: #1a1a1a; line-height: 20px; text-align: left;}
.right_steps_box ul{padding-left: 0px; list-style: none; margin: 0px;}
.right_steps_box{/*padding-left: 60px;*/display: inline-block; width: 100%; margin-top: 36px;}
.title_img_box{display: grid;grid-template-columns: 2fr 1fr;}
.step_title{position: absolute; top: 64px; font-size: 12px; color: #4d4d4d; text-align: left;}
/*.left_video_box_inner{max-width: 460px; width: 100%; border-radius: 4px; overflow: hidden;}*/
.app_store_rating_wrapper{background: #f5f5f5;}
.how_to_play_wrapper{padding-bottom: 16px;}
.middle_user_info_box{background: #1a1a1a; height: 56px;display: grid;grid-template-columns: 1fr 1fr; box-sizing: border-box;padding: 8px 16px;}
.winning_amout{width: 84px;display: inline-block;}
.winner_type{font-size: 14px; color: #fff; line-height: 20px;}
.match_winner{color: #a8a8a8;font-size: 12px; line-height: 16px;}
.right_user_info_box{text-align: right;}
.winning{font-size: 10px; line-height: 16px; color: #cbcbcb;}
.bottom_user_comment textarea{max-width: 293px; width: 100%; height: 100px; border: 0px; outline: 0;resize: none; padding: 12px; font-size: 14px; color: #1a1a1a; line-height: 20px; background: none;}
.win_cr_left_images_box{max-width: 540px; width: 100%;position: relative;top:17px}
.win_crore_innner{display: grid;grid-template-columns: 1fr 1fr;}
.win_point li{font-size: 14px; color: #4d4d4d; line-height: 20px;margin-bottom: 12px;}
.win_point li:last-child{margin-bottom: 0px;}
.win_info_icon{width: 40px;display: inline-block; vertical-align: middle;}
.win_info_info_box{width: 80%; display: inline-block; vertical-align: middle; margin-left: 12px;}
.right_winning_info ul{padding-left: 0px; list-style: none; }
.win_point{margin-top: 0px; margin-bottom: 0px;}
.d11_app_store_box li a{width: 156px; display: inline-block;}
.d11_app_store_box li{float: left; margin-right: 6%;}
.d11_app_store_box li:last-child{margin-right: 0px;}
.d11_app_store_box{margin-top: 20px; margin-bottom: 0px; display: inline-block;  width: 100%;}
.barcode_img{width: 92px; vertical-align: middle;}
.barcode_info{vertical-align: middle; display: flex;}
.download_barcode_box{display: grid;grid-template-columns: 1fr 3.5fr;margin-top: 10px;}
.barcode_info_inner{align-items: center; display: flex; max-width: 202px; font-size: 14px; color: #4d4d4d; line-height: 20px;}
.win_crore{padding-bottom: 20px;}
.faqs_wrapper{background: #f5f5f5; padding-bottom: 30px;}
.accordion_wrapper{max-width: 540px; margin: 0 auto; width: 100%;}
.accordion_box .accordion{font-size: 14px; color: #1a1a1a; line-height: 20px; background: #fff; padding: 13px;  outline: 0; border: 0px;padding-right: 38px; margin: 0px; position: relative;}
.accordion_box{margin-bottom: 16px; border-radius: 4px; border: 1px solid #dadada; overflow: hidden;}
.accordion_box:last-child{margin-bottom: 0px;}
.accordion:after { content: ""; background: url(../../public/images/accordion-arrow.png) center; display: inline-block; background-repeat: no-repeat; width: 14px; height: 12px; background-size: 100%; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; transform: rotate(180deg);}
.accordion.active:after { transform: rotate(0);}
.sticky_downloadapp_button{display: none;}
.winning_step_img{width: 148px; -webkit-box-shadow: 0px 0px 8px 0px rgba(158,158,158,1); -moz-box-shadow: 0px 0px 8px 0px rgba(158,158,158,1); box-shadow: 0px 0px 8px 0px rgba(158,158,158,1); border-radius: 4px; margin-top: -37px;}
.accordion_content{padding: 12px; font-size: 14px; color: #1a1a1a; line-height: 20px; background: #ffffff; border-radius: 0px 0px 4px 4px; display: none; transition: max-height 0.2s ease-out; max-height: 0; overflow: hidden;}
.panel p{margin-top: 0px;}
.panel p:last-child{margin-bottom: 0px;}
.panel_inner{padding-bottom: 20px}

.mobile_banner_img{display: none;}
.carousel_box{overflow: scroll;}
.carousel_inner_box{display: inline-block; width: 100%; }
.carousel_inner_box .slide{float: left;}
.fancode_box{padding: 16px;}
.fancode_wrapper{background: #2a2a2a; border-radius: 8px; padding: 19px 16px; max-width: 328px; width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr 3fr; box-sizing: border-box;}
.fancode_img{width: 48px; margin: 0 auto;}
.fancode_info{color: #fff;}
.fancode_info h3{margin-top: 0px; margin-bottom: 0px; font-size: 16px;}
.fancode_info p{ margin-top: 5px; margin-bottom: 0px; font-size: 12px; line-height: 16px;}
.fancode_info a{color: #ff5407; font-size: 12px; text-decoration: none; margin-top: 10px; display: inline-block; background: url(../../public/images/fc_home_download.png); background-repeat: no-repeat; background-position: left; padding-left: 28px; background-size: 16px;}
img{width: 100%; height: auto;}


/*accordion*/
.accordion {
    /* background-color: #fff; */
    /* color: #444; */
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

/* .active, .accordion:hover {
    background-color: rgb(211, 200, 200);
} */

.panel {
    padding: 0 13px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    font-size: 14px;
    color: #1a1a1a;
    line-height: 20px;
    background: #ffffff;
    border-radius: 0px 0px 4px 4px;
}
/*accordion*/




/* footer css starts here */
.footer_top{ background: #373737; color: #fff; padding-top: 62px;}
.footer_inner{ display: grid; grid-template-columns: 3fr 1fr; grid-template-rows: auto;padding-bottom: 29px; border-bottom: 1px solid #828282; }
.footer_social ul{ margin-top: 12px; margin-bottom: 0px; padding-left: 0px; display: inline-block;}
.footer_social ul li{ float: left; list-style: none; margin-right: 10px; width: 32px;}
.footer_social ul li:last-child{ margin-right: 0px;}
.col1{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); grid-template-rows: auto; border-right: 1px solid #828282;}
.right_col1{ display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); grid-template-rows: auto;}
.right_link_list{ padding-left: 20px; }
.left_link_list ul, .right_link_list ul{ padding-left: 0px; list-style: none; margin-top: 0px; margin-bottom: 0px; display: inline-block; }
.left_link_list ul li a, .right_link_list ul li a, #asia_cup_matches ul li a{ font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #ffffff; text-decoration: none; margin-bottom: 22px; display: inline-block;}
#asia_cup_matches{ margin-top: 20px;}
#asia_cup_matches h3{ margin-bottom: 13px;}
#asia_cup_matches ul li a{ margin-bottom: 8px; font-weight: normal; font-size: 13px;}
.membership{ padding-left: 20px; text-align: center;}
.membership ul{ list-style: none; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; display: inline-block;}
.membership ul li{ float: left; margin-right: 17px;}
.membership ul li:last-child{ margin-right: 0px;}
.membership .h3, .our_apps h3, .sports_partners h3{ font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; margin-top: 0px; margin-bottom: 27px;}
.membership .h3{ text-align: center;}
.sports_partners h3{ text-align: center;}
.office_address h3{ font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; margin-top: 0px; text-align: center;}
.disclaimer_box h3{ text-align: center; margin-bottom: 4px; font-size: 10px; color: #929292; font-weight: normal; margin-top: 0px;}
.disclaimer_box{ padding-bottom: 15px;}
.disclaimer{ font-size: 10px; max-width: 540px; width: 90%; margin: 0 auto; color: #929292; text-align: center;}
.app_list { text-align: left; padding-left: 0; margin: 0; list-style: none;}
.app_list li { margin-bottom: 10px;}
.app_list li a { font-size: 16px; color: #fff; font-family: Arial; text-decoration: none;}
.ios a:before { width: 13px; background: url(../../public/images/apple-icon.png) no-repeat; background-size: 100%;}
.android a:before { width: 14px; background: url(../../public/images/android-icon.png) no-repeat; background-size: 100%;}
.android a:before, .ios a:before { margin-right: 8px; content: ""; height: 16px; display: inline-block;}
.our_apps{ padding-left: 30px;}
.office_address{ padding-top: 16px; text-align: center; padding-bottom: 15px;}
.office_address h3{ margin-bottom: 8px;}
.address{ font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #ffffff;}
.footer_bottom{ background: #282828; padding-top: 25px; padding-bottom: 25px; text-align: center;}
.footer_bottom ul { margin-top: 0px; margin-bottom: 0px; display: inline-block; list-style: none; padding-left: 0px; display: inline-block;}
.footer_bottom ul li{ float: left;}
.footer_bottom ul li a{ text-decoration: none; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; padding-right: 40px; margin-right: 40px; border-right: 1px solid #828282;}
.footer_bottom ul li:last-child a{ margin-right: 0px; padding-right: 0px; border-right: 0px;}
.sports_partners{ padding-left: 10px; text-align: center;}
.sports_partners ul{ display: flex; justify-content: center; align-items: center;}
.sports_partners ul li{ margin-right: 60px; text-align: center;}
.sports_partners ul li amp-img{ vertical-align: middle;}
.sports_partners ul li span{ display: inline-block; vertical-align: middle; margin-right: 23px;}
.sports_partners ul li:last-child{ margin-right: 0px}
.sports_partners ul li span:last-child{ margin-right: 0px;}
.footer_container{ max-width: 1000px; width: 100%; margin: 0 auto;}
.sports_partners ul{ margin: 0px; padding: 0px;}
.top_logos{ margin-top: 30px;}
.bottom_logos{ margin-top: 30px;}
.play_video{ text-align: center;}
.howtoplay_video{ max-width: 700px;  width: 90%;}
#footer_second_ul {margin-left: 20px;}
.sports_partners_wrapper{ border-bottom: 1px solid #828282; padding-bottom: 30px;}
.vivo_ipl_footer{ width: 76px; }
.bcci_footer{ width: 70px; }
.footer_icc_1{ width: 107px; }
.footer_nba{ width: 66px; }
.footer_pkl{ width: 78px; }
.La_Liga_footer_new{ width: 43px; }
.footer_fih_1{ width: 74px; }
.footer_hero_new{ width: 47px; }
.footer_bbl{ width: 48px; }
.nzc_footer{ width: 57px; }
.footer_cpl{ width: 105px; }
.supersmash_footer{ width: 63px; }
.abu_dhabi_footer_new1{ width: 50px; }
.MSL_footer_new{ width: 71px; }
.ECL_footer{ width: 60px; }
.t20_mumbai_logo_new1{ width: 77px; }
.kpl_footer{ width: 71px; }
.membership .h3 a { color: #fff; text-decoration: none; outline: none;}
/* footer css ends here */


/*android popup*/
#download_started_box{ background: #f5f5f5; color: #4d4d4d; overflow: scroll;z-index: 10000; display: none; position: fixed; top: 0px; width: 100%; height: 100%;}
.popup_header{background: #1a1a1a;height: 72px; line-height: 72px; position: relative; position: relative;}
.pop_up_logo{width: 130px; padding-top: 22px; margin: 0 auto;}
#download_started_box .universal_heading{padding-left: 20px; padding-right: 20px; margin-bottom: 12px;}
.popup_subline{font-size: 14px; color: #4d4d4d; line-height: 20px; text-align: center; }
.grey_popup_content{background: #f5f5f5;}
.install_app_screenshot{padding-left: 16px; padding-right: 0px; margin-top: 12px; overflow: scroll;}
.install_step{padding-left: 16px; padding-right: 16px; padding-bottom: 20px;}
.install_step ul{list-style: none; padding-left: 0px;}
.install_step ul span{display: inline-block; vertical-align: top;}
.install_step ul span:nth-child(2){ width: 94%;}
.install_step ul li{font-size: 14px; color: #1a1a1a; margin-bottom: 12px; color: #4d4d4d;}
.install_step ul li span:first-child{margin-right: 5px; color: #1a1a1a;}
.download_again{font-size: 14px; color: #1a1a1a; line-height: 20px;text-align: center;}
.download_again a{color: #3f8efc; text-decoration: none; }
.popup_accordion{padding: 16px; padding-bottom: 100px;}
.install_app_step{width: 310px; float: left;}
.inner_install_app_screenshot{width: 945px; display: inline-block;overflow: hidden;}
.popup_close{background: url(../../public/images/android_popup_close.webp), url("../../public/images/android_popup_close.png"); width: 23px; height: 23px;text-indent: -9999px; border: 0px; background-size: 100%; position: absolute; top: 24px; left: 16px; outline: 0;}
.safe_and_secure{max-width: 210px; margin: 0 auto;padding:0 15px}
.tip{font-size: 12px; color: #4d4d4d; line-height: 16px; max-width: 308px; width: auto; margin: 0 auto; text-align: center; margin-top: 12px; margin-bottom: 12px;padding:0 15px}

.membership .h3{margin-bottom: 14px;}
.mb44{margin-bottom: 30px;}
.home-info{max-width: 684px;margin: 0 auto;padding:15px}
.home-info p{margin: 0; text-align: center;font-size: 14px;line-height: 20px;color:#1a1a1a;}
/* .tagline{max-width: 430px;margin:0 auto; } */
.tagline_img{width:181px;margin:0 auto 27px;}
.formob, .formob1{display: none;}
.info-box{width: 331px;}
.bolt-d11 {
    width: 121px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
}
.membership a{text-decoration: none;color: #fff;margin-bottom: 14px;display: inline-block;}
.point_heading{font-size: 16px;font-weight: bold;}
.point_list{line-height: 22px; padding-left: 20px;}

@media (min-width:766px){
    .fancode_box{display: none;}
    .mobile_logo_box{display: none;}
}
@media (max-width:320px){.install_app_step{width: 270px;}}
/*android popup*/

@media (max-width:900px){
    .col1{padding-left: 15px;}
    .left_col1{margin-bottom: 40px}
}

@media (max-width:768px){
    /*footer css*/
    .footer_inner {grid-template-columns: 2fr 1fr;}
    .col2{text-align: center; grid-template-columns: 1fr;}
    .membership .h3, .our_apps h3, .sports_partners h3{text-align: center;}
    .membership, .sports_partners{padding-left: 0px;}
    .right_bolt{width: 200px; height: 370px;}
    .vivo_ipl_footer{ width: 68px; }
    .bcci_footer{ width: 50px; }
    .footer_icc_1{ width: 80px; }
    .footer_nba{ width: 50px; }
    .footer_pkl{ width: 49px; }
    .La_Liga_footer_new{ width: 30px; }
    .footer_fih_1{ width: 38px; }
    .footer_hero_new{ width: 31px; }
    .footer_bbl{ width: 35px; }
    .nzc_footer{ width: 42px; }
    .footer_cpl{ width: 63px; }
    .supersmash_footer{ width: 50px; }
    .abu_dhabi_footer_new1{ width: 44px; }
    .MSL_footer_new{ width: 50px; }
    .ECL_footer{ width: 50px; }
    .t20_mumbai_logo_new1{ width: 56px; }
    .kpl_footer{ width: 50px; }
    .sports_partners ul li{margin-right: 20px;}
    /*footer css*/
}

@media (max-width:768px) and (min-width:767px){
    .top_banner_inner_box{
        background-size: 300px;
        background-position: 50px 94px;
        padding-top: 27px;
    }
}

@media (min-width:766px){
    .hide_in_desktop{display: none;}
    /*.step_title{width: 55%;}*/
    .d11_app_store_box{max-width: 350px;}
    #download_started_box{display: none;}
    .sign_up_bonus{display: none;}
}

@media (min-width:769px){
    /*.bottom_content_box{margin-top: -285px;}*/
}

@media (max-width:766px){
    .carousel_inner_box{width: 915px;}
    .middle_user_info_box{grid-template-columns: 1.5fr 1fr;}
    .banner, .how_to_play_box{grid-template-columns: 1fr;}
    .mobile_download_button_box{display: block;}
    .mobile_download_button_box a{display: block; font-size: 16px; color: #fff; background: #109e38; width: 100%; padding-top: 12px; padding-bottom: 12px; margin: 0 auto; margin-bottom: 12px; /*margin-bottom: 54px;*/ margin-top: 30px; border-radius: 4px; text-decoration: none; color: #fff;font-weight: bold;}
    .slide{width: 280px; height: 257px;}
    .bottom_user_comment textarea{max-width: 256px; height: 122px;}
    .app_store_rating_wrapper{padding: 0 10px; padding-right: 0px;}
    .rating_box{padding: 20px;}
    .send_sms_box{display: none;}
    .logo_box{margin: 0 auto;}
    .top_banner_inner_box{background: none;padding-bottom: 68px;}
    /* .left_img_box{min-height: 401px;} */
    .sticky{position: -webkit-sticky; position: sticky; bottom: 0; width: 100vw; background: #fff; z-index: 9999;}
    .right_info_box{padding: 0 16px; padding-bottom: 54px;}
    .winning_box{padding-left: 50px;}
    .user_box{padding-right: 55px;}
    .win_crore_innner{grid-template-columns: 1fr;}
    .right_winning_info{padding-top: 20px;padding-left: 20px; padding-right: 20px;}
    .download_barcode_box{display: none;}
    .d11_app_store_box li a{width: 100%;}
    .d11_app_store_box li{width: 47%;}
    .d11_app_store_box{display: inline-block;width: 100%;}
    .accordion_wrapper{padding: 0 15px;box-sizing: border-box;}
    .sticky_downloadapp_button a{display: block; font-size: 16px; color: #fff; background: #109e38;  width: 100%; padding-top: 12px; padding-bottom: 12px; margin: 0 auto;text-decoration: none; color: #fff; margin: 0 auto; text-align: center;border-radius: 4px;font-weight: bold;}
    .sticky_downloadapp_button{padding-top: 10px; padding-bottom: 10px; display: block;padding-left: 16px; padding-right: 16px; box-sizing: border-box; -webkit-box-shadow: 0px 0px 8px 0px rgba(194,194,194,1); -moz-box-shadow: 0px 0px 8px 0px rgba(194,194,194,1); box-shadow: 0px 0px 8px 0px rgba(194,194,194,1);}
    .how_to_play_wrapper{padding: 0 16px;}
    .right_steps_box{padding-left: 0px; margin-top: 36px;}
    .step_number{left: 16px; top: -20px; }
    .right_steps_box ul li{padding: 12px; margin-bottom: 36px; min-height: 110px; margin-right: 0px; max-width: 100%;}
    .title_img_box{grid-template-columns: 1.3fr 1fr;}
    .winning_step_img{width: 149px;margin-top: -37px;}
    .right_steps_box ul li .step_title_box{margin-top: 27px;}
    .step_title{top: 64px;padding-right: 10px; font-size: 14px;}
    .mobile_banner_img{display: block;}
    .img-placeholder{filter: blur(10px);}
    .review_rating_mobile_box{padding-right: 20px; padding-left: 10px;}
    .amp-carousel-button{border-radius: 34px; outline: 0;}
    .slide:last-child{margin-right: 20px;}
    .hide_in_mobile{display: none;}
    .logo_box{display: none;}
    .mobile_logo_box{width: 66px; margin: 0 auto 22px;}


    /*mobile_footer*/
    .footer_inner{grid-template-columns: 1fr;padding-bottom: 0px;}
    .footer_top{padding-top: 20px;}
    .footer_logo img{margin: 0 auto;}
    .col1{border-right: 0px;}
    .footer_social{text-align: center;}
    .left_col1{border-bottom: 1px solid #828282; padding-bottom: 23px; margin-bottom: 13px; text-align: center;}
    .right_col1{text-align: center; border-bottom: 1px solid #828282; padding-bottom: 13px; margin-bottom: 13px;}
    .membership .h3, .our_apps h3, .sports_partners h3{text-align: center; margin-bottom: 14px;}
    .membership,  .sports_partners{margin-bottom: 10px;}
    .sports_partners{padding-left: 0px;}
    .our_apps{text-align: center; padding-left: 0px;}
    .app_list li{text-align: center; float: left; margin-right: 10px; }
    .app_list li:last-child{margin-right: 0px;}
    .app_list{display: inline-block;}
    .footer_bottom ul{display: inline-block;}
    .footer_bottom{text-align: center;}
    .footer_bottom ul li a{padding-right: 10px; margin-right: 10px;}
    .footer_bottom ul li:nth-child(2) a {padding-right: 0px;border-right: 0px;margin-right: 0px;}
    .more_link{display: block;}
    .col2{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
    .membership{padding-left: 0px;float: left; width: 50%;}
    .col1{padding-left: 0px;}
    /*mobile footer*/
    .formob, .formob1{display: none;
        text-align: center;
        padding: 0px;
        display: block;
    }
    .right_info_box{display: none;}
    .banner{display: block;}
    .left_img_box{display: none;}
    .formob .left_img_box{
        max-width: 360px;
        margin: 0 auto;
        display: block;
        position: relative;

    }
    /* .top_banner{background-size: 100% 50%;} */
    .top_banner{background-size: cover;background-position:center}
    .tagline_img{ max-width: 305px;width:100%;margin:0 auto 5px;}
    .logo_img{width: 249px;}
    .downlaod-app-btn a {
        display: block;
        font-size: 16px;
        color: #fff;
        background: #109e38;
        width: 100%;
        padding-top: 9px;
        padding-bottom: 9px;
        margin: 0 auto;
        border-radius: 4px;
        text-decoration: none;
        color: #fff;
        font-weight: 700;
    }
    .downlaod-app-btn {
        text-align: center;
        position: absolute;
        max-width: 328px;
        width: 90%;
        margin:0 auto;
        bottom: -40px;
        z-index: 9999;
        left: 15px;
        right: 15px;
    }
    .cricket-expert{position: relative;}
    .bottom_bg {
        position: absolute;
        left: 0;
        right: 0;
        height: 67px;
        bottom: 0px;
        z-index: 1111;
        background: url(../../public/images/BlurrTrans.png);
        background-repeat: repeat-x;
        background-size: contain;
    }

    /* .formob .left_img_box img{position: absolute;bottom:-50px} */
    .bolt-d11{display: none;}
    .tagline_img{width: 160px;}
    .win_cr_left_images_box{top:auto}
    .top_banner_inner_box{padding-top: 37px;}

}



@media screen and (min-height: 665px) and (max-height: 900px) and (max-width: 766px) {
    /*.top_banner{height: 100vh; position: relative;}
    .progress_bar{position: absolute; width: 100%; bottom: 0px;}*/
}
@media screen and (max-height: 812px){
    /*.right_info_box{
      padding-top: 20px;
    }*/
}
@media screen and (max-height: 736px){
    /*.right_info_box{
      padding-top: 0px;
    }*/
}
@media screen and (max-width: 480px) {
    .top_banner{
        box-sizing: border-box;
        background: #1c0303;
        background-size: cover;


        background-image: -webkit-image-set(url("../../public/images/homebg-2021-mob2-wc1.webp") 1x);
        background-image: image-set(url("../../public/images/homebg-2021-mob2-wc1.jpg") 1x);
        background-repeat: no-repeat;}


}
@media screen and (max-width: 358px){
    .formob .left_img_box{max-width: 250px;}
}
@media screen and (max-width: 320px){
    .winning_step_img{
        width: 123px;
    }

    .slide {width: 260px; height: 252px;}
    .bottom_user_comment textarea{max-width: 236px;padding: 8px;}
    .middle_user_info_box{padding: 8px;}
    .carousel_inner_box{width: 860px;}
    .winning_box{padding-left: 40px;}
}
@media (max-width:280px){
    .winning_box{
        padding-left: 20px;
    }
    .user_box{
        padding-right: 42px;
    }
    .right_steps_box ul li .step_title_box{
        font-size: 12px;
    }
    .win_info_info_box{
        width: 75%;
    }
}


.smsWrapper {float:left; clear:both; width:100%;}
.smsWrapper p {margin:10px 0 20px 0;}
.txtField {
    float: left;
    position: relative;
    /*width: 224px;*/
    width: 180px;
}
.txtField span {
    border-right: 1px solid #d5d5d5;
    color: #a8a8a8;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 40px;
    line-height: 33px;
    z-index: 2;
}
.txtField input {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    color: #a8a8a8;
    font-weight: normal;
    float: left;
    font-size: 13px;
    height: 38px;
    position: relative;
    padding: 4% 5% 4% 24%;
    width: 100%;
    z-index: 1;
    line-height: 1.3;
    outline: 0;
}
.txtField input::-webkit-input-placeholder{color: #9b9b9b;}


.txtField .errorLabel {
    font-family: Helvetica;
    clear: both;
    background: #e13939;
    border-radius: 4px;
    display: none;
    color: #fff;
    float: left;
    font-size: 12px;
    margin: 5px 0 0;
    padding: 3px 5px;
    width: auto;
    z-index: 0;

}

.getAppBtn {
    border-radius: 5px;
    background-color: #00b137;
    color: #ffffff;
    float: left;
    font-family: 'Roboto', sans-serif;
    height: 38px;
    line-height: 38px;
    margin: 0 0 0 12px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding: 0 24px;
    cursor: pointer;
}
.getAppBtn.a:hover{
    color: red;
}

.getAppBtn.active {
    background-color: #0af12d;
}

/*======================== Footer ======================*/
.footer_top{ background: #373737; color: #fff; padding-top: 62px;}
.footer_inner{ display: grid; grid-template-columns: 3fr 1fr; grid-template-rows: auto;padding-bottom: 29px; border-bottom: 1px solid #828282; }
.footer_social ul{ margin-top: 12px; margin-bottom: 0px; padding-left: 0px; display: inline-block;}
.footer_social ul li{ float: left; list-style: none; margin-right: 10px; width: 32px;}
.footer_social ul li:last-child{ margin-right: 0px;}
.col1{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); grid-template-rows: auto; border-right: 1px solid #828282;}
.right_col1{ display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); grid-template-rows: auto;}
.right_link_list{ padding-left: 20px; }
.left_link_list ul, .right_link_list ul{ padding-left: 0px; list-style: none; margin-top: 0px; margin-bottom: 0px; display: inline-block; }
.left_link_list ul li a, .right_link_list ul li a, #asia_cup_matches ul li a{ font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: left; color: #ffffff; text-decoration: none; margin-bottom: 22px; display: inline-block;}
#asia_cup_matches{ margin-top: 20px;}
#asia_cup_matches h3{ margin-bottom: 13px;}
#asia_cup_matches ul li a{ margin-bottom: 8px; font-weight: normal; font-size: 13px;}
.membership{ padding-left: 20px; text-align: center;}
.membership ul{ list-style: none; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; display: inline-block;}
.membership ul li{ float: left; margin-right: 17px;}
.membership ul li:last-child{ margin-right: 0px;}
.membership .h3, .our_apps h3, .sports_partners h3{ font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; margin-top: 0px; margin-bottom: 27px;}
.membership .h3{ text-align: center;}
.sports_partners h3{ text-align: center;}
.office_address h3{ font-size: 14px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #ffffff; margin-top: 0px; text-align: center;}
.disclaimer_box h3{ text-align: center; margin-bottom: 4px; font-size: 10px; color: #929292; font-weight: normal; margin-top: 0px;}
.disclaimer_box{ padding-bottom: 15px;}
.disclaimer{ font-size: 10px; max-width: 540px; width: 90%; margin: 0 auto; color: #929292; text-align: center;}
.app_list { text-align: left; padding-left: 0; margin: 0; list-style: none;}
.app_list li { margin-bottom: 10px;}
.app_list li a { font-size: 16px; color: #fff; font-family: Arial; text-decoration: none;}
.ios a:before { width: 13px; background: url(../../public/images/apple-icon.png) no-repeat; background-size: 100%;}
.android a:before { width: 14px; background: url(../../public/images/android-icon.png) no-repeat; background-size: 100%;}
.android a:before, .ios a:before { margin-right: 8px; content: ""; height: 16px; display: inline-block;}
.our_apps{ padding-left: 30px;}
.office_address{ padding-top: 16px; text-align: center; padding-bottom: 15px;}
.office_address h3{ margin-bottom: 8px;}
.address{ font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.57; letter-spacing: normal; color: #ffffff;}
.footer_bottom{ background: #282828; padding-top: 25px; padding-bottom: 25px; text-align: center;}
.footer_bottom ul { margin-top: 0px; margin-bottom: 0px; display: inline-block; list-style: none; padding-left: 0px; display: inline-block;}
.footer_bottom ul li{ float: left;}
.footer_bottom ul li a{ text-decoration: none; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ffffff; padding-right: 40px; margin-right: 40px; border-right: 1px solid #828282;}
.footer_bottom ul li:last-child a{ margin-right: 0px; padding-right: 0px; border-right: 0px;}
.sports_partners{ padding-left: 10px; text-align: center;}
.sports_partners ul{ display: flex; justify-content: center; align-items: center;}
.sports_partners ul li{ margin-right: 60px; text-align: center;}
.sports_partners ul li amp-img{ vertical-align: middle;}
.sports_partners ul li span{ display: inline-block; vertical-align: middle; margin-right: 23px;}
.sports_partners ul li:last-child{ margin-right: 0px}
.sports_partners ul li span:last-child{ margin-right: 0px;}
.footer_container{ max-width: 1000px; width: 100%; margin: 0 auto;}
.sports_partners ul{ margin: 0px; padding: 0px;}
.top_logos{ margin-top: 30px;}
.bottom_logos{ margin-top: 30px;}
.play_video{ text-align: center;}
.howtoplay_video{ max-width: 700px;  width: 90%;}
#footer_second_ul {margin-left: 20px;}
.sports_partners_wrapper{ border-bottom: 1px solid #828282; padding-bottom: 30px;}
.vivo_ipl_footer{ width: 76px; }
.bcci_footer{ width: 70px; }
.footer_icc_1{ width: 107px; }
.footer_nba{ width: 66px; }
.footer_pkl{ width: 78px; }
.La_Liga_footer_new{ width: 43px; }
.footer_fih_1{ width: 74px; }
.footer_hero_new{ width: 47px; }
.footer_bbl{ width: 48px; }
.nzc_footer{ width: 57px; }
.footer_cpl{ width: 105px; }
.supersmash_footer{ width: 63px; }
.abu_dhabi_footer_new1{ width: 50px; }
.MSL_footer_new{ width: 71px; }
.ECL_footer{ width: 60px; }
.t20_mumbai_logo_new1{ width: 77px; }
.kpl_footer{ width: 71px; }
.membership .h3 a { color: #fff; text-decoration: none; outline: none;}
.membership div, .our_apps h3, .sports_partners h3 {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 0;
}
.membership div a {
    color: #fff;
    text-decoration: none;
    outline: none;
    margin-bottom: 14px;
    display: inline-block;
}
/* .membership a{text-decoration: none;color: #fff;margin-bottom: 0px;display: inline-block;} */

.membership ul li a{margin-bottom: 0px;}
.mb44 {
    margin-bottom: 30px;
}
/* footer css ends here */

@media (max-width:768px){
    /*footer css*/
    .footer_inner {grid-template-columns: 2fr 1fr;}
    .col2{text-align: center; grid-template-columns: 1fr;}
    .membership .h3, .our_apps h3, .sports_partners h3{text-align: center;}
    .membership, .sports_partners{padding-left: 0px;}
    .right_bolt{width: 200px; height: 370px;}
    .vivo_ipl_footer{ width: 68px; }
    .bcci_footer{ width: 50px; }
    .footer_icc_1{ width: 80px; }
    .footer_nba{ width: 50px; }
    .footer_pkl{ width: 49px; }
    .La_Liga_footer_new{ width: 30px; }
    .footer_fih_1{ width: 38px; }
    .footer_hero_new{ width: 31px; }
    .footer_bbl{ width: 35px; }
    .nzc_footer{ width: 42px; }
    .footer_cpl{ width: 63px; }
    .supersmash_footer{ width: 50px; }
    .abu_dhabi_footer_new1{ width: 44px; }
    .MSL_footer_new{ width: 50px; }
    .ECL_footer{ width: 50px; }
    .t20_mumbai_logo_new1{ width: 56px; }
    .kpl_footer{ width: 50px; }
    .sports_partners ul li{margin-right: 20px;}
    /*footer css*/
}

@media (max-width:766px){
    /*mobile_footer*/
    .footer_inner{grid-template-columns: 1fr;padding-bottom: 0px;}
    .footer_top{padding-top: 20px;}
    .footer_logo img{margin: 0 auto;}
    .col1{border-right: 0px;}
    .footer_social{text-align: center;}
    .left_col1{border-bottom: 1px solid #828282; padding-bottom: 23px; margin-bottom: 13px; text-align: center;}
    .right_col1{text-align: center; border-bottom: 1px solid #828282; padding-bottom: 13px; margin-bottom: 13px;}
    .membership .h3, .our_apps h3, .sports_partners h3{text-align: center; margin-bottom: 14px;}
    .membership,  .sports_partners{margin-bottom: 10px;}
    .sports_partners{padding-left: 0px;}
    .our_apps{text-align: center; padding-left: 0px;}
    .app_list li{text-align: center; float: left; margin-right: 10px; }
    .app_list li:last-child{margin-right: 0px;}
    .app_list{display: inline-block;}
    .footer_bottom ul{display: inline-block;}
    .footer_bottom{text-align: center;}
    .footer_bottom ul li a{padding-right: 10px; margin-right: 10px;}
    .footer_bottom ul li:nth-child(2) a {padding-right: 0px;border-right: 0px;margin-right: 0px;}
    .more_link{display: block;}
    .col2{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
    .membership{padding-left: 0px;float: left; width: 50%;}
    .col1{padding-left: 0px;}
    /*mobile footer*/
}


 /* accordion  */
 .accordion-button{
border: #cccccd 0.5px solid;

margin-bottom: 20px;
margin-right: 800px;
 
   
 }
 .accordion-button  strong{
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, ;

 }