#head button {
         border: 0px solid;
         width: 100%;
         padding: 15px;
         background-color: #ff637b;
         border-radius: 30px;
         font-weight: 700;
         color: white;
         font-size: 19px;
         margin-top: 20px;
         margin-bottom: 20px;
         }
         .card img{
         height:80px!important;
         width:80px!important;
         margin:auto;
         }
         #rating .fa{
         color:#ff637b!important;
         }
         .card-border {
         border:2px solid #ff637b;
         padding:10px;
         }
         .card-title{
         font-weight:600;
         font-size:30px;
         color:black;
         }
         .right{
         float:right;
         display:inline;
         }
         .card-title{
         display:inline;
         }
         span{
         /*width:auto!important;*/
         /*display:inline!important;*/
         /*float:left!important;*/
         }
         .card-border:hover .card-border .icons{
         font-size:25px;
         transform:scale(1.1);
         }
         .testimonial-icon{
         height:60px;
         width:60px;
         border-radius:50%;
         }
         .carousel-caption{
         bottom:0px!important;
         /*position:relative!important;*/
         padding:0px!important;
         color:grey;
         }
           /*changes */
          .main-section{
              background:url(https://cdnflags.dream11.com/d11-static-pages/images/bg4x.webp);
          }
          .left-img img{
              height:360px;
          }
          .banner-logo-img{
              height:120px;
          }
          .right-content{
              margin:70px 0px;
          }
          .cus-black{
              background: rgba(48,47,47,1);
          }
         .value-section h2 {
             color: white;
             font-size: 26px;
             font-weight: 700;
         }
            .value-section p{
            color: white;
          }
          .value-section{
            text-align: center;
          }
          .cus-black{
            padding:8px 0px;
          }
          .cus-black p{
            margin-bottom: 0px;
          }
          /*how to play*/
          .how_to_play_box {
                margin-top: 10px;
                text-align: center;
            }
            .right_steps_box {
                /* padding-left: 60px; */
                display: inline-block;
                width: 100%;
                margin-top: 36px;
            }
            .right_steps_box ul li {
               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;
            }
            .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:30px;
                text-align: center;
                border: 4px solid #fff;
                border-radius: 40px;
                position: absolute;
                left: 16px;
                top: -20px;
            }
            .title_img_box {
                display: grid;
                grid-template-columns: 2fr 1fr;
            }
            .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;
                font-weight:700;
            }
            .winning_step_img {
                width: 148px;
                -webkit-box-shadow: 0px 0px 8px 0px rgb(158 158 158);
                -moz-box-shadow: 0px 0px 8px 0px rgba(158,158,158,1);
                box-shadow: 0px 0px 8px 0px rgb(158 158 158);
                border-radius: 4px;
                margin-top: -37px;
            }
            .red{
                color:#e10000;
            }
            .winning_step_img img{
               width: 100%;
                height: auto;
            }
            .step_title {
                position: absolute;
                top: 64px;
                font-size: 12px;
                color: #4d4d4d;
                text-align: left;
            }
          /*how to play*/
          /*review and rating section*/
       
            .carousel_inner_box {
                display: inline-block;
                width: 100%;
            }
            .slide {
            width: 31%;
            background: #fff;
            height: 237px;
            border-radius: 8px;
            margin-top: 26px;
            margin-left: 20px;
            margin-bottom: 20px;
            box-shadow: 0px 4px 8px rgb(117 117 117 / 9%);
            -webkit-box-shadow: 0px 4px 8px rgb(117 117 117 / 9%);
            -moz-box-shadow: 0px 4px 8px rgba(117, 117, 117, 0.0916193);
            }
            .carousel_inner_box .slide {
                float: left;
            }
            .slide:first-child {
                margin-left: 10px;
            }
            .top_slide_box {
                display: grid;
                grid-template-columns: 1fr 2fr;
                height: 57px;
            }
            .user_name {
                    font-size: 14px;
                    color: #1a1a1a;
                    line-height: 20px;
                    margin-top: 10px;
                }
                .middle_user_info_box {
                background: #1a1a1a;
                height: 56px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                box-sizing: border-box;
                padding: 8px 16px;
            }
            .right_user_info_box {
                text-align: right;
            }
            .winning_amout {
                width: 84px;
                display: inline-block;
            }
            .winning {
                font-size: 10px;
                line-height: 16px;
                color: #cbcbcb;
            }
            .bottom_user_comment {
                /*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;
            }
             /*review and rating section*/
          .section-padding{
              padding:50px 0px;
          }
          .right_steps_box ul{
              padding-left:0px;
          }
          .right_steps_box ul li {
              margin-bottom: 43px;
            }
            .app_store_rating_wrapper {
                background: #f5f5f5;
            }
            .bg-light-gray{
                background: #f5f5f5;
            }
            .how-to-play-video {
                margin-bottom: 10px;
            }
            .how-to-play{
                padding:50px 0px;
            }
            .font-14{
                font-size:14px;
            }
            .play_video {
                text-align: center;
            }
            .padding-section{
                padding:50px 0px;
            }
            .user_img_inner {
                margin-top: -26px;
                margin-left: 24px;
                width: 71px;
            }
            .user_img_inner img {
                width: 100%;
                height: auto;
            }
            .winning_amout img{
                height: 19px;
               width: auto;
            }
            .winner_type {
            font-size: 14px;
            color: #fff;
            line-height: 20px;
        }
        .match_winner {
            color: #a8a8a8;
            font-size: 12px;
            line-height: 16px;
        }
        .rating_section {
                padding: 30px 0px;
                padding-top: 0px;
          }
          .rating-star-box {
            -webkit-box-shadow: 0px 4px 8px rgb(117 117 117 / 9%);
            -moz-box-shadow: 0px 4px 8px rgba(117, 117, 117, 0.0916193);
            box-shadow: 0px 4px 8px rgb(117 117 117 / 9%);
            background: #fff;
            border-radius: 8px;
            padding: 12px 0 0 0;
            box-sizing: border-box;
            width: 517px;
            margin: 0 auto;
            padding-bottom:10px;
            font-weight: 700;
        }
        .rating-block {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            align-items: center;
        }
        .rating-block>div:not(:last-child) {
            margin-right: 1rem;
        }
        .rating-block .rating-block__star ul {
                display: flex;
                list-style-type: none;
                margin: 0;
                padding: 0;
            }
            .rating-block .rating-block__star ul li {
            color: #FCCC38;
        }
        .star-rating-number {
            display: flex;
            align-items: center;
        }
        .star-rating-number div.star-rating-number__number {
            color: #6A6B69;
            margin-left:8px;
        }
        .demo-app-img{
            height:300px;
        }
        .right_winning_info ul {
            padding-left: 0px;
            list-style: none;
        }
        .win_point li {
            font-size: 14px;
            color: #4d4d4d;
            line-height: 20px;
            margin-bottom: 12px;
        }
        .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;
        }
        .teerpay_aap_store_box li {
            float: left;
            margin-right: 6%;
        }
        .teerpay_aap_store_box li a {
            width: 156px;
            display: inline-block;
        }
        .download_barcode_box {
           margin-top: 50px;
        }
        .barcode_img {
            width: 92px;
            vertical-align: middle;
        }
        .barcode_info {
            vertical-align: middle;
            display: flex;
            align-items: center;
            margin-top:35px;
        }
        .barcode_info_inner {
            align-items: center;
            max-width: 202px;
            font-size: 14px;
            color: #4d4d4d;
            line-height: 20px;
        }
        .faq .card .card-header{
            justify-content: left;
            width: 100%;
            text-align: left;
            background:white;
            padding:0px;
        }
        .faq .card .card-header h5 .btn-link {
            padding: 5px;
            justify-content: left;
            color: black;
            width: 100%;
            text-align: left;
            display:block;
            text-decoration:none;
        }
        /*footer css*/
        .footer_top {
            background: #373737;
            color: #fff;
            padding-top: 62px;
        }
        .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 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;
            }
            .footer_container {
                max-width: 1000px;
                width: 100%;
                margin: 0 auto;
            }
            .footer_inner {
                display: grid;
                grid-template-columns: 3fr 1fr;
                grid-template-rows: auto;
                padding-bottom: 29px;
                border-bottom: 1px solid #828282;
            }
            .col1 {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
                grid-template-rows: auto;
                border-right: 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;
            }
            .right_col1 {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
                    grid-template-rows: auto;
                }
                .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;
                }
                .right_link_list {
                    padding-left: 20px;
                }
                .mb44 {
                    margin-bottom: 30px;
                }
                .membership {
                    padding-left: 20px;
                    text-align: center;
                }
                .membership {
                    padding-left: 20px;
                    text-align: center;
                }
                .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: 14px;
                    display: inline-block;
                }
                .office_address {
                    padding-top: 16px;
                    text-align: center;
                    padding-bottom: 15px;
                }
                .disclaimer_box {
                    padding-bottom: 15px;
                }
                .membership ul{
                    padding-left:0px;
                    text-decoration:none;
                    list-style:none;
                }
                .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;
                }
                .footer_bottom ul li {
                    float: left;
                }
                /*footer css*/
          @media screen and (max-width: 600px) {
               .right-content h3{
               font-size: 22px;
              }
                .left-img img {
                    height: 234px;
                }
            .carousel_box {
                overflow: scroll;
               }
               .footer_container {
                    max-width: 1000px;
                    width: 100%;
                    margin: 0 auto;
                }
                .rating-star-box {
                    width: auto;
                }
                .rating-star-box {
                width: 300px;
                margin-top:12px;
                }
                .slide {
                    width: 90%;
                    height: 250px;
                }
                .slide:first-child {
                    margin-left: 15px;
                }
                .footer_inner {
                 display: block;
                }
                .col1 {
                    display: block;
                   border-bottom: 1px solid #828282;
                    padding: 10px;
                }
                .left_col1{
                    display: block;
                   border-bottom: 1px solid #828282;
                    padding: 10px;
                }
                .footer_top {
                    padding-top: 20px;
                }
                .right_col1 {
                    text-align: center;
                    /*border-bottom: 1px solid #828282;*/
                    padding-bottom: 13px;
                    /*margin-bottom: 13px;*/
                    padding-top:10px;
                }
                .membership {
                    padding-left: 0px;
                    float: left;
                    width: 50%;
                    padding-top:20px;
                }
                .footer_inner{
                    border-bottom:0px;
                }
            }
          /*changes */