.slick-dots {
    display: none;
}


.about_section {
    position: relative;
    padding-top: 6.4%;
}
.tabs-about {
    width: 80%;
    margin: 0 auto;
    position: relative;
    display: flex;
    top: 0px;
    margin-top: 30px;
    user-select: none;
}
.form-control {
 
    border-radius: 0rem !important;

}
.about_banner {
    padding-top: 0px;
    width: 100%;
}
.mb_10 {
    margin-bottom: 10px;
}
.send_btn3 {
    padding: 5px 50px !important;
}
.aboutus {
    margin-top: 45px;
    margin-bottom: 0px;
}

    .aboutus .nav-tabs .nav-item {
        margin-bottom: 2px;
        /* margin-right: 100px; */
        width: 15%;
        margin: 0px 52px;
        text-align: center;
    }

        .aboutus .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            border: 2px solid #ccc0;
            border-bottom: 2px solid #e51c20 !important;
            color: #000000 !important;
        }

    .aboutus .nav-tabs .nav-link {
        border-bottom: 2px solid #ccc;
        color: #c6c6c6;
        font-family: Roboto-Bold;
        font-size: 19px !important;
        text-transform: uppercase;
        padding-bottom: 3px;
    }

    .aboutus .nav-tabs {
        border-bottom: 0px solid #dee2e6;
        padding-left: 40%;
    }

        .aboutus .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            border: 2px solid #ccc0;
            border-bottom: 2px solid #e51c20 !important;
            color: #000;
        }

    @media screen and (max-width: 480px) {
        .how_play_img {
            margin-top: 60px;
        }
        .up_arrow {
            display: none !important;
        }
        .aboutus .nav-tabs .nav-item {
            margin: 0px 10px;
            width: 19%;
        }

        .mob_width100 {
            width: 100%;
            padding: 0px !important;
        }

        .aboutus .nav-tabs .nav-link {
            font-size: 10px !important;
            padding: 0px;
        }

        .aboutus {
            margin-top: 10px;
            display: none;
        }

        .tab-content {
            padding-top: 20px;
        }

        .spot_txth {
            margin-bottom: 20px;
        }

        .aboutus .ticket_img {
            width: 90px;
            margin-left: 0px;
        }

        .aboutus .ticket_text {
            font-size: 14px;
            margin-top: 10px;
        }

        .aboutus .more_text {
            margin-top: 10px;
            font-size: 12px;
        }

        .aboutus .ball_icon {
            width: 61px;
            margin-left: 0px;
            margin-top: -5px;
            margin-right: 0px;
        }

        .aboutus .shoe_img {
            width: 50px;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 22px;
            max-width: 50px;
        }

        .aboutus .ticket_bg {
            padding: 20px 20px 20px 20px;
            height: 100%;
        }

        .aboutus .shoe_img {
            width: 55px;
            margin-top: 22px;
            max-width: 55px;
        }

        .reward_img {
            padding: 10px 30px;
        }

        .earned_txt {
            font-size: 10px;
            margin-bottom: 0px;
        }

        .graph_bg {
            margin-bottom: 20px !important;
        }

        .how_play_bg {
            margin-bottom: 20px;
        }

        .aboutus .cuadro_intro_hover {
            height: 320px;
            margin-top: 15px !important;
        }

        .aboutus .panel-group .panel .panel-heading h4 a {
            font-size: 12px;
            padding: 15px 15px;
        }

        .numbers {
            width: 165px;
            padding-right: 32px;
            margin-bottom: 15px;
        }

        .inner_faq_heading {
            font-size: 12px !important;
        }

        .fa-plus {
            width: 10px;
            height: 10px;
        }

        .faq_inner_txt {
            padding: 15px 15px 15px 15px !important;
            font-size: 12px !important;
        }

        .how_play_bg p {
            color: #fff;
            font-size: 12px;
        }

        .cir_under_txt p {
            font-size: 15px !important;
            line-height: 20px !important;
        }
    }

    @media screen and (max-width: 320px) {
        .aboutus .nav-tabs .nav-link {
            font-size: 7px !important;
        }

        .aboutus .nav-tabs .nav-item {
            margin: 0px 10px;
            width: 18%;
        }
    }
    /*input {
    position: absolute;
    visibility: hidden;
}*/

    input:nth-of-type(1):checked ~ .slider {
        left: calc((100% / 4) * 0);
    }

    input:nth-of-type(2):checked ~ .slider {
        left: calc((125% / 4) * 1);
    }

    input:nth-of-type(3):checked ~ .slider {
        left: calc((113% / 4) * 2);
    }

    input:nth-of-type(4):checked ~ .slider {
        left: calc((109% / 4) * 3);
    }

    input:first-of-type:checked ~ .slider {
        left: calc((25% / 4) * 1);
    }

    .about-label {
        cursor: pointer;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        height: 25px;
        transition: color 0.2s ease-in-out;
        -webkit-tap-highlight-color: transparent;
    }

    .slider {
        border-bottom: 3px solid #e51c20;
        width: calc(50% / 4);
        height: 100%;
        position: absolute;
        transition: left 0.3s linear;
        z-index: -1;
        border-radius: 10px;
    }

    .col-md-2 {
        width: auto;
    }

    .centered {
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .centered p {
            font-size: 22px;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            margin-bottom: 0;
            font-family: 'Roboto-Bold';
        }

    .ab_box {
        min-height: 200px;
        background-color: #fff;
        border-radius: 12px;
        padding: 25px;
        border: 1px solid #ccc;
    }

    .player-section {
        margin-top: 0px;
    }

    .ab_title {
        margin: 3% 0px;
        color: #666565;
        font-size: 24px;
        padding-top: 15px;
        padding-bottom: 15px;
        font-family: 'LEMONMILK-Medium';
    }

    .ab_box {
        text-align: center;
    }

    .tab_img {
        width: 130px;
        margin-right: inherit;
        float: none;
        margin: auto;
        height: 100%;
    }

    .ch_border {
        width: 100%;
        border-bottom: 3px solid #ddd;
        position: absolute;
        margin-top: 33px;
        left: -42px;
    }

    .ch_box {
        background: #465177;
        padding: 15px 10px;
    }

    textarea.form-control {
        height: auto !important;
        font-size: 16px !important;
        font-family: Roboto-Regular;
    }

    .mt_20 {
        margin-top: 20px;
    }

    .ch_box p {
        color: #fff;
        font-size: 16px;
    }

    .mt_15 {
        margin-top: 15px;
    }

    .ab_box h2 {
        margin-bottom: 25px;
    }

    .red_circle {
        width: 70px;
        height: 70px;
        border: 3px solid #e51c20;
        border-radius: 50%;
        margin: auto;
        background: #fff;
    }

    .middle-section {
        background: #fff;
        padding: 0px 10px;
    }

    .red_circle span {
        line-height: 67px;
        padding: 11px;
        font-size: 16px;
    }

    .cir_under_txt p {
        margin-bottom: 0px;
        color: #000;
        font-size: 19px;
        font-family: 'Roboto-Regular';
        line-height: 22px;
    }

    .see_more {
        font-family: 'Roboto-Bold' !important;
        text-decoration: underline;
        text-decoration-color: #000000;
        text-decoration-thickness: 3px;
    }

    .cir_under_txt {
        margin-top: 25px;
    }

    .mt_4 {
        margin-top: 4%;
    }

    .pd0 {
        padding: 0px;
    }

    .mb_15 {
        margin-bottom: 15px;
    }

    .juti_center {
        display: block;
    }
.desk_pd5 { padding:0px 5px;
}

.ent_box {
    background-color: #f1f0f0;
    text-align: center;
    padding: 10px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 50px;
    margin-top: 5px;
}

    .ent_box p {
        margin-bottom: 0px;
        color: #000;
        font-size: 13px;
    }
@media(max-width:1024px) {

    .ent_box {
        width: 100%;
    }
}

    @media screen and (max-width: 480px) {
        .tabs-about {
            width: 100%;
            display: none;
        }
        .desk_pd5 {
            padding: 0px 15px;
        }
        .robot-bold {
            font-family: 'Roboto-Bold';
        }

        .see_more {
            margin-top: 5px;
        }

        .centered {
            text-align: center;
            width: 100%;
        }

        .about-label {
            height: 15px;
            font-size: 12px;
            margin-top: 20px;
        }

        .send_btn3 {
            width: 100%;
        }

        .about_banner {
            padding-top: 60px;
        }

        .centered p {
            font-size: 16px;
            font-family: 'Roboto-Regular';
        }

        .slide {
            float: none;
            height: 100%;
        }

        .carousel-indicators li {
            background-color: #c6c6c6 !important;
        }

        .carousel-indicators .active {
            background-color: #e51c20 !important;
        }

        .box_outer {
            padding: 0px 30px;
            margin-bottom: 20px;
        }

        .ab_box p {
            font-size: 16px;
            margin: 0px;
        }

        .middle-section {
            background: #ffffff;
            padding: 30px 5px;
        }

        .carousel-indicators {
            bottom: -50px !important;
        }

        .mt_40 {
            margin-top: 0px !important;
        }

        .say_txt {
            margin-top: 60px !important;
            margin-bottom: 60px;
        }

        .ab_title {
            margin: 0% 0px !important;
            font-size: 24px;
            padding-top: 50px;
            padding-bottom: 50px;
        }


        .player-section {
            margin-bottom: 0px;
        }

        .mob_mb30 {
            margin-bottom: 30px !important;
        }

        .contact_bg_mobile {
            background: #f0f0f0;
            padding-top: 20px;
            margin-bottom: 40px;
        }

        cir_under_txt p {
            color: #040006;
            font-size: 15px;
            line-height: 20px;
        }

        .red_circle {
            float: left;
            margin-left: 8%;
            margin-bottom: 70px;
            width: 85px;
            height: 85px;
        }

            .red_circle span {
                line-height: 80px;
            }

            .red_circle:last-child {
                margin-bottom: 50px !important;
            }

        .cir_under_txt {
            margin-top: 5px;
        }

        .ch_border {
            margin-top: 220px;
            left: -164px;
            transform: rotateZ( 90deg );
            width: 500px;
        }

        .ch_box {
            margin-bottom: 70px;
            padding: 15px 0px;
        }

        .ent_box {
            display: none;
        }
    }

@media screen and (min-width: 1400px) {
    .about_section {
        position: relative;
        padding-top: 6%;
    }
}
    @media screen and (min-width: 1600px) {
        .about_section { padding-top: 5%;}
    }

    @media screen and (min-width: 1800px) {
        .about_section {padding-top: 4%;}
    }

    @media screen and (min-width: 1900px) {
		.about_section {padding-top: 4%;
        }
    }

    .aboutus .nav-tabs .nav-item {
        margin-bottom: 2px;
        width: 25%;
        margin: 0px 30px;
        text-align: center;
    }

    @media screen and (max-width: 600px) {
        .about_section {
            padding-top: 0%;
        }
    }