html {
    font-size: 12px;
    scroll-behavior: smooth;
}

body {
    font-size: 18px;
    color: #000000;
    background: #ffffff;
    font-family: 'Poppins', sans-serif;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 1px;
}

input,
textarea {
    -webkit-appearance: none;
    border-radius: 0px;
    outline: none;
    border: 0px;
}

.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: -webkit-none;
    outline: none;
}

button:focus {
    outline: -webkit-none;
    outline: none;
}
.btn.focus, .btn:focus {
    outline: -webkit-none;
    outline: none;
    box-shadow: none;
}

a {
    color: #000000;
    text-decoration: none;
    outline: 0 none;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

body::-webkit-scrollbar-thumb {
    background-color: #e241b0;
    outline: 1px solid slategrey;
}

.jumbotron {
    border-radius: 0;
    background-color: #ffffff;
}
ul, ol{list-style: none; padding: 0;margin: 0;}

/* width */
.nice-select .list::-webkit-scrollbar, .main_menu .sub-menu::-webkit-scrollbar, .resp-tabs-container::-webkit-scrollbar, .logos_innerCon::-webkit-scrollbar, #notification_popup ul::-webkit-scrollbar{
    width: 5px;
    border-radius: 8px;
}
  
/* Track */
.nice-select .list::-webkit-scrollbar-track, .main_menu .sub-menu::-webkit-scrollbar-track, .resp-tabs-container::-webkit-scrollbar-track, .logos_innerCon::-webkit-scrollbar-track, #notification_popup ul::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); 
    border-radius: 8px;
}
   
/* Handle */
.nice-select .list::-webkit-scrollbar-thumb, .main_menu .sub-menu::-webkit-scrollbar-thumb, .resp-tabs-container::-webkit-scrollbar-thumb, .logos_innerCon::-webkit-scrollbar-thumb, #notification_popup ul::-webkit-scrollbar-thumb{
    background: rgba(0, 0, 0, 0.2);
}
  
/* Handle on hover */
.nice-select .list::-webkit-scrollbar-thumb:hover, .main_menu .sub-menu::-webkit-scrollbar-thumb:hover, .resp-tabs-container::-webkit-scrollbar-thumb:hover, .logos_innerCon::-webkit-scrollbar-thumb:hover, #notification_popup ul::-webkit-scrollbar-thumb:hover{
    background: rgba(0, 0, 0, 0.5); 
}

.yellow-color {
    color: #fbcd0d;
}
.black-text{
    color: #000000;
}
.dark-blue-text{
    color:#0b3050;
}
.light-blue-text{color: #135da9;}
.font-weight-bolder{
    font-weight:800;
    letter-spacing:2px;
}
.pink-bg{background-color:#efd7d7;}
.yellow-bg{background-color:#feeeac;}
.blue-bg{background-color: #cbdbfb;}
.grey-bg{background-color: #e9e9e9;}
.white-bg{background-color: #ffffff;}
.dark-blue-bg{background-color: #00254b;}

.transition{transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;}


/*---------------------------------------------------------------------------------*/
.form-control::-webkit-input-placeholder {
    color: #8e8c8c;
    font-family: 'Poppins', sans-serif;
}

.form-control::-moz-placeholder {
    color: #8e8c8c;
    font-family: 'Poppins', sans-serif;
}

.form-control:-ms-input-placeholder {
    color: #8e8c8c;
    font-family: 'Poppins', sans-serif;
}

.form-control:-moz-placeholder {
    color: #8e8c8c;
    font-family: 'Poppins', sans-serif;
}

.live_matches_div::-webkit-scrollbar, .events_sec_right .upcoming_event_wrapper::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  .live_matches_div::-webkit-scrollbar-track, .events_sec_right .upcoming_event_wrapper::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px rgba(255, 255,255,0.5); 
    border-radius: 10px; */
    box-shadow: none; 
  
  }
   
  /* Handle */
  .live_matches_div::-webkit-scrollbar-thumb, .events_sec_right .upcoming_event_wrapper::-webkit-scrollbar-thumb {
    /* background: rgba(0, 37, 75, 0.7); 
    border-radius: 10px; */
    background: transparent; 

  }
  
  /* Handle on hover */
  .live_matches_div::-webkit-scrollbar-thumb:hover, .events_sec_right .upcoming_event_wrapper::-webkit-scrollbar-thumb:hover {
    /* background: rgba(0, 37, 75, 0.9);  */
    background: transparent; 
  }


  .table-responsive::-webkit-scrollbar{
    width: 5px;
    height: 5px;
  }
  
  /* Track */
  .table-responsive::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px rgba(255, 255,255,0.5); 
    border-radius: 10px; 
  
  }
   
  /* Handle */
  .table-responsive::-webkit-scrollbar-thumb{
    background: rgba(225, 225, 225, 0.8); 
    border-radius: 10px;

  }
  
  /* Handle on hover */
  .table-responsive::-webkit-scrollbar-thumb:hover{
    background: rgba(225, 225, 225, 1);
  }
/*------------------ RESPONSIVE HAMBURGER(responsive-menu) -------------------*/
.drop {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 28px;
    bottom: 0;
    right: 20px;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.drop span {
    background: #fbcd0d;
    width: 100%;
    height: 5px;
    position: absolute;
    transition: none;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    left: 0;
}

.drop span:nth-child(1) {
    top: 2px;
}

.drop span:nth-child(2) {
    top: 15px;
}

.drop span:nth-child(3) {
    top: 28px;
}

.close-menu.drop span:nth-child(1) {
    background-color: #00254b;
    -webkit-transform: rotate(45deg) translate(10.5px, 10.5px);
    -ms-transform: rotate(45deg) translate(10.5px, 10.5px);
    transform: rotate(45deg) translate(10.5px, 10.5px);
}

.close-menu.drop span:nth-child(2) {
    display: none;
    /* opacity: 0; transition:visibility 0s linear 0.5s,opacity 0.5s linear;*/
}

.close-menu.drop span:nth-child(3) {
    background-color: #00254b;
    -webkit-transform:rotate(-45deg) translate(7.5px, -8.5px);
    -ms-transform:rotate(-45deg) translate(7.5px, -8.5px);
    transform:rotate(-45deg) translate(7.5px, -8.5px);
}

.down-arrow {
    display: none;
}

@-webkit-keyframes menu_list {
    from {
        margin-top: 500px;
    }

    to {
        margin-top: 0;
    }
}

/* Standard syntax */
@keyframes menu_list {
    from {
        margin-top: 500px;
    }

    to {
        margin-top: 0;
    }
}

.scroll-up {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 30px;   
    right: 12px;
    display: none;
    color: #fff;
    text-align: center;
    line-height: 38px;
    z-index: 10;
    cursor: pointer;
    border-radius: 8px;
    font-size: 28px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    background-color:#0b3050;
}

.overlay{width: 100%;height: 100%;position:fixed;top:0;left: 0;z-index: 2;background-color:rgba(0,0,0,0.4);display:none;}
.body-overflow{overflow:hidden;}
.overflow{overflow: hidden;}
/* ------------------END: RESPONSIVE HAMBURGER----------------*/

/*-----------------------layout----------*/
/*-----------------------layout----------*/

.wrapper {
    margin: 0 auto;
    position: relative;
    background-color: #ffffff;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 20px;
}
p{font-size:18px;}
h1, h2, h3, h4, h5{font-weight:600}

/*----- index page start -----*/
header {
    background-color:transparent;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
#main_header.sticky{
    background-color: rgba(11, 48, 80, 1);
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}

.logo {
    width: 180px;
    padding: 15px 10px;
    margin: auto;
}

.logo a {
    display: block;
}
.logo a img{display: none;}
#main_header.sticky .logo, #main_header.inner_header .logo {
    width: 132px;
    padding: 10px 20px;
    margin: 0;
}
#main_header.inner_header.profile_header .logo {margin-left: 32px;}

.addto_cart{position: absolute;top: 26px;right: 78px;}
.addto_cart a{display:block;width: 40px;}
.addto_cart .cart_number{background-color: #0b3050;display:block;width: 22px;height: 22px;line-height: 18px;border: 2px solid #fbcd0d;border-radius: 50%; color:#fbcd0d;position: absolute;bottom: -5px;left: -8px;text-align: center;font-size: 14px;font-weight: 700;}
#notification_icon.addto_cart{right: 138px;}
#notification_popup{position: absolute;
    width: 300px;
    background-color: rgb(235 235 235);
    top: 55%;
    right: 5px;
    box-shadow: 1px 1px 6px rgba(0,0,0,0.3);
    padding: 10px;
    padding-right: 5px;
    border-radius: 12px;
}
#notification_popup:after {
    content: "";
    background-image: url(../img/rectangle_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    width: 30px;
    height: 15px;
    margin: auto;
    transform: rotate(180deg);
}
#notification_popup ul{max-height: 250px;overflow-y: scroll;padding-right: 5px;}
#notification_popup ul li{padding: 6px 0;}
#notification_popup ul li:not(:last-child){border-bottom: 1px solid #c5c5c5;}
#notification_popup ul li a{font-size: 13px;}
#notification_popup ul li a > img{max-height: 30px;margin-right: 10px;}
.inner_header #notification_popup{top: 92%;}
#main_header.sticky #notification_popup{top: 90%;}

.mega_menu{position: fixed;top: 0;left: 0;width: 100%;height:auto;background-color: rgba(255,255,255,0.9);padding: 15px 70px 10px;display:none;}
.main_menu, .login_sec{width:36%;}
.mega_menu_logo{width:28%;padding:0 15px;}
.user_profile .main_menu .clearfix:last-child{padding-left: 0;}
.main_menu ul li{padding-bottom: 10px;}
.main_menu ul li a{text-transform: uppercase;font-size:18px;color:#474343;font-weight: 700;letter-spacing: 2px;}
.main_menu h5{text-transform: uppercase;font-size:18px;color:#00254b;font-weight: 800;margin:0;letter-spacing: 2px;padding-bottom: 10px;}
.mega_menu_logo a{display: block;width:100%;margin-bottom: 10px;}
.mega_menu_logo a img{margin: auto;display: block;width: 180px;}
.reword_point{width:100%;}
.login_sec .custom_btn{width:150px;margin-bottom: 10px;}
.login_sec #login_form .custom_btn{margin:auto;display: block;}
.main_menu{padding-top: 30px;}
.mega_menu_logo{padding-top: 20px;}
.user_profile{padding-left: 25px;}

.login_sec form{
    max-width: 360px;
    width: 100%;
    margin: auto;
    padding-right: 25px;
}
.login_sec form .form-group .form-control{box-shadow: 0px 1px 8px rgba(0,0,0,0.2);}
.custom_btn{font-size:18px;font-weight:600;text-align: center;padding:7px 25px; background-color: #00254b;text-transform:uppercase;color: #ffffff;border: none;border-radius:18px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;display: inline-block;letter-spacing: 1px;cursor: pointer;min-width: 140px;}
.custom_btn:hover{color:#ffffff;}
.form-control{
    border: none;
    font-size: 16px;
    border-radius: 18px;
    box-shadow: 0px 1px 6px rgba(0,0,0,0.1);
    padding: 7px 20px;
    font-weight: 600;
    letter-spacing: 1.5px;
    
}
#forgot-password, #backTologin{font-size:14px;color: #000000;font-weight: 600;cursor: pointer;}
#login_form h5, #forgot_form h5.text-center{font-size:16px;font-weight: 600;color: #000000;text-align:center;}
#forgot_form h4{font-size: 20px;}
/* banner section */
.banner_sec{position: relative;min-height: 500px;}
.banner_sec:after{
    content:"";
    width:100%;
    height: 200px;
    position:absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgb(0,0,0,0.5);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 53%, rgba(0,0,0,0.5) 100%);
}
#banner_slider img{width:100%;}
.banner_content{position:relative;}
.banner_text{max-width: 500px;position:absolute;right: 60px;top: 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.banner_text h1{font-size:70px;font-weight: 800;line-height: 1; text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 8px;}
.banner_text h1.banner_small_font{font-size: 60px;}
.banner_text h5{font-size:18px;margin-bottom: 25px;}
.slick-vertical .slick-slide{border:none;}
.know_more{
    min-width: 250px;
    color: #00254b !important;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    /* -webkit-clip-path: polygon(0% 0%, 86% 0, 100% 100%, 14% 100%);
    clip-path: polygon(0% 0%, 86% 0, 100% 100%, 14% 100%);  */   
    background-color: #fbcd0d;
    padding: 5px 30px;
    text-transform: uppercase;
    position: relative;
    /* background-image: url(../img/know_more_bg.png);
    background-repeat: no-repeat;
    background-size: 100%; */
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-align: center;
    border: none;
    cursor: pointer;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}
.know_more span{
    transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    display: block;
}
.know_more:after{
    content: "";
    width:100%;
    height: 3px;
    position: absolute;
    bottom:-7px;
    right: 4px;
    background-color: #fbcd0d;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}
/* .know_more:hover{background-color: #ffffff;color: #00254b;} */

/* .know_more:hover:after{background-color: #ffffff;} */

.slick-dots{width:auto;top: 50%;transform:translateY(-50%);right: 10px;bottom:auto;padding: 5px 0;}
.slick-dots li {
    display: block;
    margin-bottom: 8px;
    padding: 0;
    width: auto;
    height: auto;
}
.slick-dots li button{width: 100%;height: 100%;padding: 0;}
.slick-dots li button:before {
    position: static;
    opacity: 0.9;
    font-size: 0;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    display: block;
    border-radius: 50%;
}
.slick-dots li.slick-active button:before {opacity: 1;background-color: #fbcd0d;}
.slick-dotted.slick-slider{margin: 0;}
.slick-prev {
    left: -43px;
}
.slick-next {
    right: -43px;
}
.slick-prev, .slick-next{
    width: 40px;
    height: 40px;z-index: 2;}
.slick-prev::before, .slick-next::before {
    font-family: FontAwesome;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0b3050;
    display: block;
    line-height: 38px;
    text-align: center;
    font-size: 30px;
    opacity: 1;
}
.slick-prev::before {
    /* fa-arrow-circle-left */
    content: "\f104";
    padding-right: 3px;
}
.slick-next::before {
    /* fa-arrow-circle-right */
    content: "\f105";
    padding-left: 3px;
  }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 0.5;}

.live_scores_sidebar{position: absolute;left: 0;top: 0;background-color: rgba(245,245,245,0.95);z-index: 2;height: 100%;padding:20px 0 30px;width:400px;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;margin-left: -345px;}
.live_scores_sidebar.open_sidebar{margin-left:0;z-index: 10;}
.live_scores_sidebar:after{content:""; width:4px; height: 100%;background-color: rgba(255,255,255,0.9);position:absolute;right: -9px;top: 0;}
.vertical-rl{writing-mode: vertical-rl;text-orientation: upright;letter-spacing: -3px;margin: 0;text-align: center;text-transform: uppercase;height: 100%;color: #00254b;font-weight: 800;position: absolute;top: 0;right: 18px;}
.live_scores_arrow{
    width: 50px;
    height: 50px;
    display: block;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    right: -36px;
    top: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    box-shadow: 2px 0px 5px rgba(0,0,0,0.1);
    text-align: center;
    transform: rotate(0deg);
}
.live_scores_arrow.open_arrow, .profile_arrow{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.live_scores_arrow img{width:15px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;}
.live_scores_arrow i, .profile_arrow i{font-size: 34px;text-align: center;line-height: 50px;color: #0b3050;padding-left: 3px;    font-weight: 600;}

.live_source_card{background-color: #ffffff;border-radius:18px;overflow: hidden;box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.2);}
.live_source_card .dark-blue-bg{padding-top: 10px;padding-bottom: 6px;}
.live_source_card h5{margin: 0;}
.live_text{color:#c76e6f;font-size: 14px;}
.winner_right, .past_winner_box .team_name_wrapper{position: relative;}
.team_name_wrapper .d-flex:first-child .winner_right:after{content:"";width:14px;height: 30px;background-image: url(../img/energy_icon.png);background-repeat: no-repeat;background-position: center;background-size: 100%;position:absolute;top: calc(100% + 2px) !important;left: 0;right: 0;margin: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 1;}
.past_winner_box .team_name_wrapper:after{content:"";width:15px;height: 32px;background-image: url(../img/energy_icon.png);background-repeat: no-repeat;background-position: center;background-size: 100%;position:absolute;top: 50%;left: 0;right: 0;margin: auto;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.live_matches_div h4{font-size: 26px;}
.live_source_card h5{font-size:14px;}

.live_matches_div{overflow-y: scroll;height: 100%;overflow-x: hidden;padding: 0 40px;display:none;}
.win_div{border-radius: 18px;width: 100%; height: 100%;padding: 8px;}
.who_win > h5{font-size:16px;}
.win_div h5{font-size: 16px;}
.bg-white-patti{padding:8px 40px;background-color: #ffffff;margin:0 -40px;text-align: center;}
.winner_div h5{font-size:14px;margin: 0;}
.winner_div span{font-size:10px}
.white-bg{background-color:#ffffff;}
.winner_right .white-bg{min-height:56px;}
.winner_div{border-radius: 20px;}
.match_copleted_div > h5{font-size:14px;padding-left: 10px;padding-top: 8px;margin-bottom: 10px;}
.match_copleted_div{max-width: 380px; position:relative;border-radius: 18px;padding-left: 19px;margin-bottom: 30px;box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.2);}
.match_copleted_div:last-child{margin-bottom: 0;}
.winner_div > img, .match_copleted_div > img{position: absolute;left: -13px;top: 7px;z-index: 1;width: 30px;}
.match_copleted_div > img {left: 0;top: 20px;}
.reword_point h4{font-size:28px;}
.reword_point ul li a{font-size:14px;position: relative;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;letter-spacing: 2px;}
.reword_point ul li a:after{content:"";width:100%;height: 2px;position: absolute;left: 0;bottom: 0;background-color: #000000;}
.reword_point ul li a:hover{color: #0b3050;}

.energy_img img{width:26px;margin-top: 5px;}
.close {
    opacity: 1;
    width: 40px;
    height: 40px;
    margin: 0 !important;
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #ffffff !important;
    border-radius: 50%;
    font-size: 26px;
    font-weight: 400;
    padding: 7px !important;
    box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);
    text-shadow: none;
    z-index:100;
}
.close:focus, .close:hover {
    opacity: 1;
}
.modal-content{border-radius: 20px;background-color: #e9e9e9;padding: 10px;border: none;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);}
.modal-header{border: none;}
.modal{padding: 15px !important;}
#signup_form_popup{padding: 15px;}
#signup_form_popup .modal-header{padding-top: 50px;}
#signup_form_popup .modal-header a{position: absolute;
    width: 120px;
    top: 12px;
    left: 15px;
    z-index: 1;
}
#signup_form_popup.modal.show .modal-dialog{
    margin:4% auto;
    /* top: 50%;
    transform: translateY(-50%); */
}
#chart_popup.modal.show .modal-dialog{margin:8% auto;}
#chart_popup.modal.show .modal-dialog{max-width: 400px;}
#chart_popup.modal.show .modal-content{background-color: #cccccc;box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);}
.otp_verify {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
}
.otp_verify input{
    font-size: 16px;
    font-weight: 400;
    padding: 8px 10px;
    background-color: #5f7d9b;
    cursor: pointer;
    width: 100%;
}
#verify_otp{
    letter-spacing: 25px;
    text-indent: 25px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    text-align: left;
}

#verify_otp::-webkit-input-placeholder {
    color: #ffffff;
}

#verify_otp::-moz-placeholder {
    color: #ffffff;
}

#verify_otp:-ms-input-placeholder {
    color: #ffffff;
}

#verify_otp:-moz-placeholder {
    color: #ffffff;
}



.coming_events{padding:60px 0 50px;overflow: hidden;}
.coming_events .container{max-width:1320px;padding: 0 65px;}
.center_heading h2:after{content:"";width: 90%;height: 3px;background-color:#fbcd0d;position:absolute;bottom:-1px;left: 0;right: 0;margin: auto;}
.event_slider_class{
    margin:0 -15px;
}
.event_slider_class .slick-slide{
    padding: 15px;
}
#event_slider .slick-list{width:120%;}
#event_slider2{padding: 0 4%;}
.event_slider_content{position:relative;border-radius: 18px;overflow: hidden;box-shadow: 0px 1px 6px rgba(0,0, 0, 0.3);height: 320px;    background-color: #e9e9e9;}
.upcoming_events{background-color: #00254b;}
.event_slider_content > img{width:100%;height:100%;object-fit: cover;}
.upcoming_events:after{content:"";width: 100%;height: 50%;position:absolute;bottom:0;left: 0;right: 0;margin: auto;
    background: rgb(0,0,0,0.5);
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 53%, rgba(0,0,0,0) 100%);
}
.upcoming_events h4{position: absolute;bottom:10px;left: 0;z-index: 1;width:100%;text-align: center;text-transform: uppercase;cursor: pointer;}
.upcoming_events img{opacity: 0.7;}
.live_event_match{
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 101%;
    -webkit-clip-path: polygon(0% 0%, 100% 28%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 28%, 100% 100%, 0% 100%);
    background-color: rgba(255,255,255,0.85);
    padding: 15px;
}
.live_event_match .right_text{width: 100%;}
.live_event_date{color:#b7631f;}
.live_event_match p{font-size:15px;margin:0;font-weight:600;}
.live_event_date, .live_event_match p{font-size:12px;font-weight:600;}
.live_event_match h4{font-size:22px;color: #0b3050;}
.live_event_match h5{font-size:17px;color: #0b3050;line-height: 1;}
.events_sec .custom_btn{border-radius: 14px;}

.ongoing_events{    
    background-image: url(../img/cricket-ground.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 50px 0;
    position: relative;
}
.ongoing_events::after{
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 37, 75, 0.9);
    z-index: 1;

}
.ongoing_events .center_heading, .ongoing_events .container{position: relative;z-index: 2;}
.past_events{padding: 40px 0 0;}
.past_events_content{height:430px;position: relative;}
.past_events_content img{width:100%;height:100%;object-fit: cover;}
.past_events_text{position: absolute;bottom:50px;left: 0;background-color:rgba(255,255,255,0.9);padding: 12px 15px;padding-right: 130px; -webkit-clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%);clip-path: polygon(0% 0%, 80% 0%, 100% 100%, 0% 100%);}
.past_events_text h4{font-size:24px;}

.testimonials_sec{padding: 60px 0;
    /* background-color: #ebebeb; */
}
.testimonials_sec .container{padding: 0 50px;}
.testimonials_content{
    background-color: #ffffff;
    border-radius:25px;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
    padding: 15px;
    text-align: center;
    position: relative;
}
.testimonials_content p{font-size: 14px;}
#testimonials_slider .slick-slide{padding: 60px 15px 20px;}
.testimonials_img{
    width: 120px;
    height: 120px;
    margin: -70px auto auto;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0px -2px 8px rgba(0,0,0,0.05);
    margin-bottom: 15px;
}
.testimonials_img img{width:100%;height:100%;object-fit: cover;}
.testimonials_text h4{font-size: 20px;line-height: 1;}
.testi_paragraph img{width:24px;display: inline;}
.testimonials_content p{position: relative;}
.testimonials_content p img:first-child{position: relative; z-index: 1;top: -18px;left: -3px;}
.testimonials_content p img:last-child{position: relative; z-index: 1;bottom: -18px;right: -3px;}

footer{background-color:#e9e9e9;padding-top: 40px;}
.footer_logo{width:160px;margin:auto;}
.footer_menu{padding: 30px 0 10px;}
.footer_menu ul li{width: 33.33%;padding-bottom: 10px;}
.footer_menu ul li a{font-size:16px;color:#474343;font-weight: 700;text-align: center;display: block;}
.copy_right p{text-align: center;font-size: 14px;font-weight:500;padding: 10px 0;margin:0;text-transform: uppercase;}
.copy_right p:first-child{padding-bottom: 0;}
.social-menu{text-align: center;padding: 0 15px;}
.social-menu ul{display: inline-block;margin: 0 -5px;}
.social-menu ul li{float: left;padding: 0 5px;}
.social-menu ul li a{width: 34px;height: 34px;display: block;line-height: 34px;text-align: center; background-color: #0b3050;color: #ffffff;font-size:18px; border-radius: 50%;padding-left: 1px;}
.social-menu ul li a:hover{background-color: #fbcd0d;color: #0b3050;}

#changePasswordPop .modal-content {padding: 10px 30px 20px;}

/* share your Experience popup */
#share-ex{padding: 15px;}
#share-ex .modal-content{padding:20px;padding-top:40px;}
#share-ex h4 {
    font-size: 20px;
    margin: 0;
    padding: 0 100px 40px;
}
.profile-pic {
    position: absolute;
    top: 30px;
    right: 0;
    padding-right: 10px;
}
.profile-pic .custom-file {
    position: relative;
    display: block;
    margin: auto;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
    width: 80px;
    height: 80px;
    /* background-color: #ffffff; */
    border-radius: 50%;
    overflow: hidden;
}

.custom-file-input {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
.profile-pic .custom-file img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#uploadError{font-size: 10px;font-weight: 600;}
textarea.form-control {
    height: 100px;
}
.custom-checkbox .custom-control-input~.custom-control-label::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #00254b;
    background-color: #FFFFFF;
    position: absolute;
    right: auto;
    left: 1px;
    top: -1px;
    border-radius: 0;
    background-size: 100% 100%;cursor:pointer;
}

.custom-control-label::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: -1px;
    left: 2px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    width: 7px;
    height: 12px;
    left: 7px;
    top: 1px;
    border: solid #00254b;
    border-width: 0 2px 2px 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    background-image: none;cursor:pointer;
}
#subError{font-size: 12px;color: #ff0000;text-align: center;font-weight: 600;display: none;}
#reviewForm{display: block;margin:auto;}
.custom-checkbox label{font-size: 14px;font-weight: 600;position: relative;padding-left: 30px;}
.custom-checkbox label a{text-decoration: underline;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color: #b9cadc;}
.custom-control.custom-checkbox{padding: 0;}

/*index rating style*/
.star-img {
    width: 24px;
    height: 38px;
    background-image: url(../img/rating_medals.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin: 0 5px;
}
#testimonials_slider .slick-dots{
  right: -40px;
}
/* .star-rating{position: absolute;bottom:50px;left: 0;width: 100%;} */
.star-rating {
  direction: rtl;
  display: inline-block;
  padding: 0 20px;
}
.rating-div h5{font-weight:600;}
.star-rating label {
  padding: 0;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 28px;
  height: 44px;
  background-image: url(../img/rating_medals.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  margin: 0 6px;
  filter: grayscale(100%);
  opacity: 0.6;
}
.star-rating label.active_star {
  filter: grayscale(0);
  opacity: 1;
}
.rating-div {
  max-width: 300px;
  margin: auto;
}
.rating-div span {
  font-weight: 600;
}
.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input[type=radio]:checked~label {
  filter: grayscale(0);
  opacity: 1;
}
/*close index rating style*/

/*  individual event  */
/* .about_event .container{max-width: 1250px;} */
.event_booking{background-color: #0b3050;padding-top: 100px;padding-bottom: 30px;min-height: 75vh;}
.event_booking.event_booking2{min-height: auto;}
.event_left_img{border-radius: 18px;overflow: hidden;width: calc(50% - 15px);height: 470px; float: left;margin-top: -325px;margin-right:20px;visibility: hidden;margin-bottom: 10px;position: relative;}
.event_left_img img{width:100%;height:100%;object-fit: cover;}
.event_page_icon{width: 35px;padding-right: 15px;}
.event_page_icon img{display: block;}
.event_page_text{width:calc(100% - 35px)}
.event_page_text h5, .event_page_text p{font-size:16px;font-weight: 500;margin-bottom: 0;}
.event_booking .know_more{font-size:16px;padding: 5px 35px;}
.event_page_text h5 em{font-size: 11px;margin-bottom: -8px;font-style: italic;letter-spacing: 1.5px;line-height: 1.5;}

/*  nice select css  */
.nice-select:after{border: none;background-image: url(../img/faq_arrow.png);background-position: center;width: 14px;height: 9px;background-size: 100%;background-repeat: no-repeat;transform: none !important;}
.nice-select.removedrop:after{background:none !important;}
.nice-select .current {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    white-space: break-spaces;
    height: 100%;
}
.nice-select .option{font-weight: 600;}
.nice-select{height: 38px;line-height: 38px;}
.nice-select.removedrop{padding-left: 0;}
.addressDrop_select .nice-select{height: auto;}

#signup_form .nice-select, #signup_form .nice-select .list, .form-control.nice-select, .form-control.nice-select .list{width: 100%;max-height: 150px;overflow-y: unset;}
#signup_form .nice-select.form-control, .form-control.nice-select.form-control{padding-top: 0; padding-bottom: 0;}
#chart_view{padding-top: 5px;text-align: center;display: inline-block;position: relative;}
#chart_view::after{content: "";width: 100%;height: 2px;background-color: #000000;position: absolute;bottom: -2px;left: 0;}

/*  bootstrap-select   */
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}
.btn-light {
    background-color: #ededed;
    border: none;
    border-radius: 18px;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 7px 15px;
    letter-spacing: 1px;
}
.dropdown-toggle::after, .dropup .dropdown-toggle::after{border: none;background-image: url(../img/faq_arrow.png);background-position: center;width: 14px;height: 9px;background-size: 100%;background-repeat: no-repeat;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #333!important;
    outline: none!important;
    outline-offset: none;
}
.dropdown-item {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    padding: 7px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.dropdown-item.selected{font-weight:700;}
.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
    font-weight: 700;
    color:#000000;
    text-transform: uppercase;
}
.dropdown-menu{border: none;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.bootstrap-select>.dropdown-toggle{padding: 7px 15px;}
.bootstrap-select>select{left: auto;}

#player_section{    background-color: #fff;
    padding: 7px 35px 6px 25px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    float: left;
    border: none;
}
#add_to_card_btn{margin-left: -17px;}
.about_event{padding:20px 0;min-height: 300px;}
.about_event p{font-size: 16px;}
.event_prices{background-color:#ebebeb;padding:15px 0;}
.event_prices_img{width: 170px;}
.event_prices_text{padding-top: 12%;}
.notice_writing{font-size: 10px;font-weight:500;text-align: center;}
.tabs_sec{padding: 60px 0;}

/* easy responsive tabs css */
#parentHorizontalTab{    
    background-color: #ebebeb;
    border-radius: 15px;
    padding: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
    overflow: hidden;
    box-shadow: 1px 0 5px rgba(0,0,0,0.15);
}
.resp-tab-content {border: none;background: transparent;}
.resp-tabs-container{background: transparent;max-height: 800px;overflow-x: hidden;overflow-y: scroll;padding-right: 5px;}
ul.resp-tabs-list {margin-left: -45px;padding-bottom: 15px;display: inline-block;}
.main_accordion{padding-top: 10px;}
.resp-tabs-list li{border: none !important;font-size: 20px;padding: 6px 40px !important;position: relative;
    box-shadow: 3px 0px 6px rgba(0,0,0,0.1);margin:0;background-color: #ffffff;text-transform: uppercase;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
}
.resp-tabs-list li span {
    display: block;
    transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
}
.resp-tabs-list li:nth-child(1){z-index: 8;padding-left: 50px !important;}
.resp-tabs-list li:nth-child(2){z-index: 7;}
.resp-tabs-list li:nth-child(3){z-index: 6;}
.resp-tabs-list li:nth-child(4){z-index: 5;}
.resp-tabs-list li:nth-child(5){z-index: 4;}
.resp-tabs-list li:nth-child(6){z-index: 3;}
.resp-tabs-list li:nth-child(7){z-index: 2;}
.resp-tabs-list li:nth-child(8){z-index: 1;}
.resp-tab-active{background-color:#00254b !important;color: #ffffff;z-index: 9;}
.resp-tab-content{padding:0;}

.general_rules ul li, .general_rules h5{font-size: 16px;font-weight: 500;padding-bottom: 15px;padding-left: 30px;position: relative;}
.general_rules ul li:after{content:"";width: 10px;height: 10px;border-radius: 50%;background-color: #0b3050;position:absolute;left: 4px;top:6px;}
.general_rules ul li:before{content:"";width: 18px;height: 18px;border-radius: 50%;border: 2px solid #0b3050;position:absolute;left: 0;top:2px;}
/* .general_rules ul li{background-image: url(../img/general_rules_bullet.png);background-repeat: no-repeat;background-position:0 4px;background-size: 14px;} */


/* bootstrap Accordion  */
.btn-link {
    font-weight: 600;
    color: #000000;
    font-size: 18px;    
    width: 100%;
    text-align: left;
    display: block;
    padding: 6px 15px;
    padding-right: 40px;
    text-decoration:none !important;
    white-space: normal;
}
.btn-link:hover {color:#000000;}

.card-header {border: none;border-radius: 8px!important;background-color: #ffffff;padding: 0;
    transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;
}
.card{margin-bottom: 15px;border-radius: 8px;border: none;box-shadow: 1px 0 6px rgba(0,0,0,0.05);}
.card:last-child{margin-bottom: 0;}
.card-header h5 .btn-link img{width:20px;height: 20px;position: absolute;top: 11px;right: 15px;opacity: 0.5;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
}
.card-header h5 .btn-link.collapsed img{
    opacity: 1;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    filter:grayscale(0);
    -webkit-filter:grayscale(0);
    -ms-filter:grayscale(0);
}
.event-gallery h4{text-align: center;}
.gallery_box{height: 250px;padding-bottom: 30px;}
.gallery_box a{display: block;border-radius: 18px;overflow: hidden;width:100%;height: 100%;position: relative;    box-shadow: 1px 0 6px rgba(0,0,0,0.05);background-color: #ffffff;}
.gallery_box a img{width: 100%;height:100%;object-fit: cover;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;}
.gallery_box a:hover:after{opacity:0;}
.gallery_box a:hover img{ transform: scale(1.05,1.05);}

.play_icon {
    position: absolute;
    right: 0;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    bottom: auto;
    margin: auto;
    text-align: center;
    text-shadow: 0 2px 5px #333;
    background: url(../img/NXT_Digital_mejs-controls.svg) no-repeat;
    background-position: 4px -19px;
    height: 46px;
    width: 46px;
    background-size: 210px;
    z-index: 2;
}
.video_title{position: absolute;bottom:0;left: 0;width: 100%;padding:8px 10px;color:#00254b;background-color: rgba(255,255,255,0.9);font-style: normal;text-align: center;font-weight: 500;z-index: 1;}


/* past_scores_tournament page:start */
.past_scores_tournament .resp-tabs-list li {font-size: 17px;padding: 6px 28px !important;}
.past_scores_tournament .resp-tabs-list li:nth-child(1){    padding-left: 35px !important;}
.scorecard_table, .user_stats_table{background-color: #ffffff;border-radius: 18px;box-shadow: 0px 2px 8px rgba(0,0,0,0.1);}
.scorecard_table h4{font-size: 20px;color:#fbcd0d;margin: 0;position: relative;z-index: 1;}
.table{margin: 0;}
.table .thead-light th {color: #000000;vertical-align: middle;background-color: #e1e1e1;text-align: center; }
.table .thead-light th:first-child{position: relative;padding:7px 50px 7px 10px;width:300px;border: none;}
.table td, .table th{font-weight: 700;border: none;vertical-align: middle;text-align: center;}
.table td{padding: 10px 10px;text-align: center;}
.table td:first-child{text-align:left;}
.table .thead-light th:first-child:after{content:"";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;
    background-color: #00254b;
    -webkit-clip-path: polygon(0% 0%, 80% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 80% 0, 100% 100%, 0% 100%);
}
.total_scores h5, .total_scores p{font-size: 16px;font-weight: 700;margin: 0;text-transform: uppercase;}
.total_scores h5 span, .PositionInTeam{color: #135da9;font-weight: 600;}
.user_name .PositionInTeam{font-size: 14px;font-weight: 700;}
.total_scores h5 p{display: inline-block;font-weight: 600;}
.user_pic{width:55px;height: 55px; margin-right: 12px;border-radius: 12px;overflow: hidden;}
.user_stats_table .user_name{width: calc(100% - 67px);}
.user_name h5{font-size:16px;margin: 0;}
.user_name p{font-size:16px;font-weight: 600;margin:0;}

.man_of_match{background-color: #00254b;padding: 5px 75px;margin: 0;display: inline-block;
    -webkit-clip-path: polygon(12% 0%, 88% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(12% 0%, 88% 0%, 100% 100%, 0% 100%);
}
.man_of_match h4{font-size: 20px; padding: 0 20px;margin:0;line-height: 1;}
.winner_tabs{padding-top: 20px;}
.winner_tabs .user_pic{margin: auto; margin-bottom: 15px;}
/* .user_stats_profile{width: 280px;} */
.user_name span{font-size:15px;font-weight: 500;display: block;}
.user_stats_table .table thead th{border-bottom: none;font-size: 14px;color: #575757;padding: 13px 10px;text-transform: uppercase;}
.table thead th{vertical-align: middle;}

.schedule_tabs{background-color: #ffffff;padding: 15px;border-radius: 18px;margin-bottom: 50px;}
.schedule_tabs:first-child{    margin-top: 30px;}
.match_schedule{
    max-width: 480px;
    background-color: #90918e;
    padding: 5px 45px;
    -webkit-clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 8% 100%);
    clip-path: polygon(0% 0%, 92% 0%, 100% 100%, 8% 100%);
    margin: auto;
    margin-top: -30px;
}
.match_schedule h5{display:inline-block;font-size: 16px;font-weight: 400;margin:0;}
.match_schedule .event_page_icon{width: 17px;padding-right: 0;}
.match_schedule .event_page_icon img{display:block;}
.match_schedule .event_page_text {
    width: auto;
}
.schedule_Versus img{display:block;}
.schedule_Versus .event_page_icon{width: 25px;padding-right: 10px;}
.schedule_Versus_left:after{
    content: "";
    width: 18px;
    height: 38px;
    background-image: url(../img/energy_icon_blue.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: -12px;
    margin: auto;
    transform:translateY(-50%);
}
.schedule_Versus{max-width: 700px;margin: auto;}
.schedule_Versus h5{margin: 0;padding:15px 0;}
.schedule_Versus .event_page_text p{font-size: 16px;}
.know_more_white.know_more:after, .know_more_white.know_more{background-color:#ffffff;}
.schedule_Versus .user_stats_profile{width:auto;padding: 13px 0;}

/* past_scores_tournament page:end */

/* manage_booking page:start */
#edit_booking .modal-content{background-color: rgb(11, 48, 80);    box-shadow: none;
    border: none;
    border-radius: 0;}
#edit_booking .event_page_text h5, #edit_booking .event_page_text p {font-size: 14px;font-weight: 400;}
#edit_booking .event_page_icon {width: 25px;padding-right: 10px;}
.player_name h5{font-size: 15px;font-weight:500;}
.player_name h5 span{font-weight:400;}
#edit_booking .close{color: #ffffff; background-color: #0b3050 !important;font-weight: 100;line-height: 2px;
border: 1px solid #fff !important;z-index: 2;}
#edit_booking .share_download  .event_page_icon {padding-right: 7px;}
#edit_booking .modal-dialog{padding: 50px 0;}
#edit_booking .modal-dialog:after, #edit_booking .modal-dialog:before{content:""; width:100%; height: 70px; position: absolute; left: 0; top: 0; z-index: -1; background-image: url(../img/booking_popup_bg.png); background-size: 100%; background-repeat: no-repeat;    background-position: top;}
/*#edit_booking .modal-dialog:before{top: auto; bottom: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}*/
#edit_booking .modal-dialog:before{top: auto; bottom: 0;background-image: url(../img/booking_popup_bg2.png);background-position: bottom;}


/* manage_booking page:End */

/* about_us page:start */
.about_us{background-color:#0b3050;padding: 100px 0 50px;}
.about_us .text-white p{font-size:15px;text-align: justify;}
.our_team{background-color:#ffffff; padding:60px 0 30px;}
.team_slider_content{background-color: #ffffff;border-radius: 25px;box-shadow: 0px 2px 8px rgba(0,0,0,0.2);height: 100%;
    text-align: center;position: relative;overflow: hidden;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;}
.team_text{padding:15px;}
#team_slider .slick-slide{padding: 10px;}
.team_text h5{font-size: 18px; color:#000000;margin: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;}
.team_text span{font-size: 16px;color: #000000;font-weight: 500;padding-bottom: 10px;display: block;}
.team_text p{font-size: 14px;color: #6b6b6b;font-weight: 500;margin: 0;padding-bottom: 15px;text-align: justify;}
.team_social_media{max-width: 180px;margin: auto;padding-top: 10px;}
.team_social_media a{display: block;}
.team_social_media a img{width: 100%;}
#team_slider{overflow: hidden;}
#team_slider .slick-list {width: 120%;}
.team_member_img{height:260px;}
.team_member_img img{width:100%;height:100%;object-fit: cover;object-position: top;}
.user_ranking .user_stats_profile, .user_points .user_stats_profile{width:auto;}

/* about_us page:end */

/* contact page:start */
#contact_form .custom_btn{background-color: #fbcd0d;color: #0b3050;font-weight: 700;margin-top: 10px;}
.contact_image{max-width: 450px;margin: auto;}
#contact_form p{font-size: 16px;}
#past_event_scroll_here{position: absolute;top: -100px;left: 0;}
.captcha_div .g-recaptcha{margin: auto;}
.banner_content .btn_group a:first-child{margin-right:10px !important ;}
.contact_us_div{max-width: 430px;margin: auto;}
.custom_btn.delete_btn {background: #7D7D7D;}
.custom_btn.update_btn {background-color: #CF8635;}
/* contact page:End */
 
/* leaderboard page:start */
.leaderboard_sport_filter .container{padding:0 35px;}
.dark_blue_heading {background-color: #0b3050;padding: 24px 0;}
#sport_filter .nice-select{display:inline-block;float: none;background-color: #ededed; border: none;border-radius: 18px; padding-right: 40px;font-size: 16px;height: 40px;line-height: 40px;}
.leader_list{background-color: #eeeeee;border-radius:18px;padding: 15px 25px;}
.leader_details{background-color: #fdfdfd;border-radius:18px;padding:10px 25px;box-shadow: 0px 1px 6px rgba(0,0,0,0.1);margin: 0;}
.leader_ranking{padding-right:25px;}
.leader_ranking h4{font-size:24px;}
.leader_ranking h4 sup{font-size:14px;}
.leader_img{width:80px;height: 80px;border-radius:18px;overflow: hidden;margin-right: 25px;}
.leader_name_details h5{font-size:24px;margin:0;}
.leader_name_details p{font-size:18px;}
.leader_right .leader_img{width: auto;height: auto;}
.leader_right .leader_img img{width: 24px;}
.leader_details.active_leader{background-color: #0b3050;margin: 0 -60px;position: relative;padding: 10px 80px;}
.leader_details.active_leader .leader_ranking h4, .leader_details.active_leader .leader_name_details h5{color:#fed908;}
.leader_details.active_leader .leader_right .leader_name_details h5, .leader_details.active_leader  .leader_name_details p{color:#ffffff;}
.leader_details.active_leader:after, .leader_details.active_leader:before{content:"";width: 23px;height: 60px;
    background-color: #0b3050;
    position: absolute;
    bottom: -20px;
    left: 12px;
    border-radius: 0px 0 0 50px;}
.leader_details.active_leader:before{right:12px;left: auto;border-radius: 0 10px 60px 0;}
    
/* .leader_right{padding-left: 30px;position: relative;}
.leader_right:after{content:"";width: 22px;height: 45px; position: absolute; left: 0; top: 50%;transform:translateY(-50%); background-image: url(../img/energy_icon_blue.png); background-size: 100%; background-repeat: no-repeat; } */

/* leaderboard page:End */

/* summary page:start */
.summary_sec{background-color: #f2f2f2;padding: 30px 0 50px;min-height: 70vh;}
.summary_list_heading span, .age_mobile_heading{color: #777777; display: block;font-size:16px;font-weight: 500;padding-bottom: 10px;}
.summary_details{background-color:#ffffff;border-radius: 18px;padding:10px;box-shadow: 0px 1px 6px rgba(0,0,0,0.1);position: relative;}
.summary_event_img{width:110px;height: 70px;border-radius:12px; overflow:hidden;margin-right: 15px;}
.summary_event_img img{width:100%;height: 100%;object-fit: cover;}.summary_event_text span{font-weight: 500;}
/* .summary_price span{font-family: sans-serif;} */
.cancel_summary{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.cancel_summary .close{position: static;background-color: #e9e9e9 !important;}
#pay_btn{font-size: 16px;font-weight: 500;background-color: #5f7d9b;cursor: pointer;color: #ffffff;
    border-radius: 12px;display: inline-block;width: auto;padding: 9px 50px;letter-spacing: 1px;   text-transform: uppercase;border: none;margin-bottom: 30px;}
.summary_list .know_more span{font-family: sans-serif;font-weight: 800;text-transform: capitalize;}
.summary_list .know_more span em{font-style: normal;}
.summary_price{padding-right: 100px;}
.circle_bg{width: 36px;
    height: 36px;
    line-height: 36px;
    background-color: #ccc;
    border-radius: 50%;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    border: none;
    padding: 0;
    cursor: pointer;
}
.point_quantity{font-size: 16px;font-weight: 500;padding: 0 15px;color: #ffffff;}
#pro_quantity{font-size: 16px;font-weight: 500;padding: 0 15px;color: #ffffff;}
.counter_main{background-color: #0b3050;border-radius: 30px;margin: auto;}
.minus_quantity{margin-left: -1px;}
.plus_quantity{margin-right: -1px;}
#minus_quantity{margin-left: -1px;}
#plus_quantity{margin-right: -1px;}

.add_point_div{width: 110px;height: 70px;border-radius: 12px;overflow: hidden;background-color: #e9e9e9;
padding:8px;margin-right: 15px;}
.add_point_div h5{font-size: 17px;}
.add_point_div img{width: 18px; margin-right: 10px;}
.summary_detailsCon .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;margin: auto;
}
/* summary page:end */

/* Past_event_select_match:start */
.text-red{color: #cf7125;font-size: 14px;}
.event_date{font-size:13px}
.past_event_select_match{padding: 0 0 50px;}
.past_event_select_match .container{max-width: 1250px;padding-top: 20px;}
/* .past_event_select_match .container{max-width: 1250px; } */
.past_event_select_match .live_event_match {
    padding: 15px 12px 15px;
}
.select_match{position: relative;}
.match_winner{position: absolute;top: 5px;left: 0;background-color: #ffffff;padding:5px 20px;border-radius: 0 10px 10px 0;z-index: 1;}
.match_winner img{width: 30px;position: absolute;left: -12px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.past_event_select_match .winner_div{box-shadow: 0px 1px 6px rgba(0,0,0,0.2);display: inline-block;}
.winner_left{width: calc(100% - 135px);}
.winner_right{width:135px;}
.team_img{width:46px; height:100%;border-radius: 12px;margin-right: 8px;overflow: hidden;box-shadow: 0px 1px 6px rgba(0,0,0,0.3);}
.team_img > img{width:100%;height:100%;object-fit: cover;}
.team_name{width: calc(100% - 68px);}
.winner_div h5 {font-size: 16px;}
.past_winner_img{width:46px; height:46px;border-radius: 12px;margin:auto;margin-bottom: 10px;overflow: hidden;}
.past_winner_img > img{width:100%;height:100%;object-fit: cover;}
.match_winner h5{font-size: 16px;}
.past_winner_box .match_winner h5{font-size:12px;}
.past_winner_box .match_winner {position: relative;left: -5px; background-color: #ececec;display: inline-block;padding-right: 15px;}
.past_winner{box-shadow: 0px 1px 6px rgba(0,0,0,0.2);border-radius: 18px;padding:4px 6px 8px;min-height: 200px;position: relative;}
.past_winner_box .team_name_wrapper{position: relative;padding-top: 15px;margin-top: 0 !important;}
.past_winner h5{font-size:13px;}
.past_match_date{border-radius:30px 30px 0 0;background-color: #ececec;padding: 6px 20px 4px;display: inline-block;}
/* .winner_div.team_name_wrapper:after{left: auto;width: 14px;height: 30px;top: 50%;right: 15%;} */
.past_winner_box .past_winner a{font-size: 16px;}
.past_match_date h5{font-size: 15px;}
.past_winner_box .team_name_wrapper:after {width: 20px;height: 40px;}
/* .past_event_select_match .live_event_match p {font-size: 13px;}
.past_event_select_match .live_event_match h5 {font-size: 18px;} */
.past_event_select_match .event_slider_content{height:340px;}
.past_winner_box .match_winner img {width: 24px;}
.past_winner_box{cursor: default;}
.past_winner_box.active{cursor: pointer;}
.live_event_match{padding: 16px 10px 10px;}
.past_winner_box, .select_match, .events_sec_upcoming_events .event_slider_content, .event_slider_content{transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;}
.past_winner_box.active:hover, .events_sec_upcoming_events .event_slider_content:hover{transform: scale(1.02,1.02);-webkit-transform: scale(1.02,1.02);-ms-transform: scale(1.02,1.02);}
.select_match:hover, .event_slider_content:hover{transform: scale(1.01,1.01);-webkit-transform: scale(1.01,1.01);-ms-transform: scale(1.01,1.01);}
/* Past_event_select_match:end */

/* Event_page:start */
.events_sec .container{max-width: 1360px;padding-right: 20px;padding-left: 20px;}
.events_sec_left .form-control, .events_sec_left .nice-select{background-color: #ededed;}
.events_sec_left .nice-select{border-radius: 25px; border:none;width: 100%;}
#reset_filter{width: 38px;height: 38px;position: absolute;top: 0;right: -15px;}
#reset_filter img{width:100%;height:100%;object-fit: cover;}
.reset_filter{width: 38px;height: 38px;box-shadow: 0px 0px 6px rgba(0,0,0,0.3);border-radius: 50%;box-shadow: 1px 1px 6px rgba(0,0,0,0.2);display: block;}
.reset_filter img {-webkit-transition: 1s;-o-transition: 1s;-moz-transition: 1s;transition: 1s;}
.events_sec_left .event_slider_content{height:280px;}
.past_event_select_match .live_event_match h5{font-size: 25px;}
.events_sec_left .live_event_match p, .events_sec_left .live_event_date{font-size: 9px;}
.events_sec_left .match_winner{padding-right: 15px;}
.events_sec_left .match_winner h5{font-size: 13px;}
.events_sec_left .match_winner img {width: 24px;}
.events_sec_left .live_event_match{padding:12px 10px 10px;}
.events_sec_right{padding: 0;border-radius: 18px;background-color: #ebebeb;margin-bottom: 25px;}
.events_sec_right .upcoming_events h4{font-size: 24px;}
.events_sec_right .event_slider_content{height: 220px;}
.events_sec_right .live_matches_div, .events_sec_right .upcoming_event_wrapper{max-height:75vh;overflow-y: scroll;}
.events_sec_right .event_slider_content {margin: 0 0 25px !important;}
.events_sec_right .event_slider_content:last-child{margin: 0 0 10px !important;}
.events_sec_right .event_slider_content:hover {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}
.events_filter .form-control{box-shadow:none;}
.full-width{width: calc(100% - 50px);}
.filter_reset_div{width: 40px;margin-left: 10px;}
#list_wrapper_2{padding-bottom: 50px;}
.events_sec_right .upcoming_event_wrapper{padding: 5px 10px 10px 15px;}
/* Event_page:end */

/*parsley.js css*/
.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.8em;
    line-height: 0.8em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    color: red;
    margin: 0;
    margin-top: 10px;
    margin-left: 10px;
    font-size:13px;
}
.parsley-errors-list.filled {opacity: 1;}
/*close parsley.js css*/

.left_logo{width: 60px;padding-right: 10px;padding-top: 5px;}
/* .right_text{width: calc(100% - 50px);} */
.absolute_logo{background-color: rgba(255,255,255,0.9);
    transform: skewX(-30deg);
    -webkit-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    text-align: center;
    position: absolute;
    right: -20px;
    top: 15px;
    border-radius: 10px 0 0 10px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
.absolute_logo ul{
    transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    padding: 5px 20px 5px 15px;
}
.absolute_logo ul li{padding: 0 5px;max-width: 76px;}
.logos_div{height: 30px; padding: 3px 0; margin: auto;display: block;}
.absolute_logo ul li .logos_div > img{height: 100%;width: 100%;object-fit: contain;}
.absolute_logo ul li h5, .presented_logo h5{font-size: 8px;font-weight: 800;margin: 0;}
.absolute_logo ul li span, .presented_logo span{font-size: 7px;font-weight: 700;display: block;}
.vertical-absolute_logo.absolute_logo{width: 76px; transform: skewY(-18deg);-webkit-transform: skewY(-18deg);-ms-transform: skewY(-18deg);right: auto;left: 15px;border-radius: 0;top: -12px;}
.vertical-absolute_logo.absolute_logo ul{transform: skewY(18deg);-webkit-transform: skewY(18deg);-ms-transform: skewY(18deg);padding:12px 5px;}
.vertical-absolute_logo.absolute_logo ul li{padding: 2px 0;}
.event_heading img{width: auto;max-height: 46px;min-height: 36px;}
.presented_logo{width: 80px; position: absolute; top: 15px;left: 0;right: 0;margin: auto;}
.presented_logo h5, .presented_logo span{font-weight: 600;}
.presented_logo img{width: auto;max-height: 46px;margin: auto;display: block;padding: 3px;}
.events_sec_upcoming_events .live_event_match h5{font-size: 13px;}
.events_sec_upcoming_events .live_event_match p, .events_sec_upcoming_events .live_event_date {
    font-size: 9px;
    font-weight: 700;
}
.events_sec_upcoming_events .live_event_match h4, .events_sec_past_events .live_event_match h4{font-size: 18px;}
.events_sec .events_sec_left .events_sec_upcoming_events .live_event_match h4{font-size: 17px;}
h2.event_heading, h4.event_heading{display: flex;align-items: center;justify-content: center;}
.events_sec_left .live_match_bottom .col-4 > p{font-size: 7px !important;}
.events_sec_upcoming_events .live_event_match h5, .events_sec_past_events .live_event_match h5{font-size: 16px;}



/* 25/11/2020 mehul style  */
/* booking_details page start */
#addressDrop{
    width: 90%;
padding: 5px;
}


.nice-select{color:black;}
.nice-select.removedrop{
background:none;border:none;color:white;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
color:white;
}

.team_detailsCon{max-width:500px;width:100%;margin:0 auto;}
.team_logo_box{width:160px;height:160px;border-radius:15px;box-shadow:0px 1px 6px rgba(0,0,0,0.1);}
.team_detailsCon{margin:0 auto;}
.about_event.shippingDetails{max-width:500px;margin:0 auto;padding-bottom:50px;padding-top:40px;}
.team_detailsConTwo .form-group{padding-left:10px;padding-right:10px !important;}
#player_submiBtn{display:inherit;}
.playerThumbnailCon{overflow:hidden;border-radius:18px;max-width:400px;}
.playerThumbnailCon img{object-fit:cover;width:100%;height:100%;}

.team_logo_box{position:relative;background-color:#fff;}
.team_logo_box .logo_round{width:90px;}
.team_logo_box .logo_plus{width:96px;}
.team_logo_box2{width: 160px; height: auto;}
.logo_selection_form h5{letter-spacing:3px}
/*#logos_popup .team_logo_boxPopup img{box-shadow:0px 1px 6px rgba(0,0,0,0.1);}*/
.logos_innerCon{height:350px;overflow:hidden;overflow-y:scroll;}
.player_detailsCon{width:100%;background-color:#F2F2F2;}
#logos_template{background-color:#598CC1;}
#player_section{padding-left:15px;padding-right:40px;}
.know_more{min-width:200px;padding:5px 30px;}
.team_detailsCon button{font-size:16px;}
.profileedit_btn {
background: #fbcd0d;
color: #00254b;
}
/* booking_details page end */

/* manage booking page Start */
.manageBookingCon{padding-top:30px;}
.manageBookingCon #shipping_form .form-group{margin-bottom:15px;}

.manageBookingCon #shipping_form .form-group input{background-color:#E9E9E9;}
.manageBookingCon .pending_info{font-size:13px;display:none;}
.edit_playerModalTwo{display:none;}
.manageBookingCon .playerEditIcon{position:absolute;top:35px;margin-left:10px;background-color:#598CC1;color:white;padding:8px;border-radius:30px;font-size:13px;}
.manageBookingCon .pencil_group{width:20px;position:relative;display:none;}
.manageBookingCon .input_group{width:calc(90% - 30px);}
#editplayer_popup .modal-dialog{top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);position:absolute;width:500px;}
#edit_booking .modal-dialog{top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);margin: auto;}
.playerYes{background-color:#598CC1;}
.playerNo{background-color:#AB0909;}
/* manage booking page end */

/* player_details page start */
#addressDrop{
    width: 90%;
    padding: 5px;
}
.nice-select{color:black;}
.nice-select.removedrop{
    background:none;border:none;color:white;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    color:white;
}
.team_detailsCon{max-width:500px;width:100%;margin:0 auto;}
.team_logo_box{width:160px;height:150px;border-radius:40px;box-shadow:0px 1px 6px rgba(0,0,0,0.1);overflow:hidden;}
.team_logo_box #teamMainLogo{object-fit:cover;}
.team_detailsCon{margin:0 auto;}
.team_detailsConTwo{max-width: 1100px;margin: auto;padding: 0 15px;}
.team_detailsConTwo .form-group{padding-left:10px;padding-right:10px !important;}
.player_detailsCon .about_event{padding-bottom: 50px;}
#player_submiBtn{display:inherit;}
.playerThumbnailCon{overflow:hidden;border-radius:18px;max-width:400px;}
.playerThumbnailCon img{object-fit:cover;width:100%;height:100%;}
.team_logo_box{position:relative;background-color:#fff;}
.logo_selection_form h5{letter-spacing:3px}
#logo_selection_form span{color:gray;}
.team_logo_box > img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*#logos_popup .team_logo_boxPopup img{box-shadow:0px 1px 6px rgba(0,0,0,0.1);}*/
.logos_innerCon{height:370px;overflow:hidden;overflow-y:hidden;}
.player_detailsCon{width:100%;background-color:#F2F2F2;}
#logos_template{background-color:#598CC1;}
#player_section{padding-left:15px;padding-right:40px;}
.know_more{min-width:200px;padding:5px 30px;}
.team_detailsCon button{font-size:16px;}
.chooseFileBtn{overflow:hidden}
#teamLogo{position: absolute;
    left: -128px;
    opacity: 0;
    cursor:pointer;
}
.bottom_playerMsg{text-align: center;
    font-size: 12px;
    padding-bottom: 10px;font-weight:bold;
}
.bottom_playerMsg img{width:20px;}
#uploadimageModal .modal-dialog {
    max-width: 400px;
    margin: 1.75rem auto;
}
#image_demo {
    margin-top: 0 !important;
    height: 350px;
    margin: auto;
}
#uploadimageModal{background-color: rgba(0,0,0,0.5);}
.player_teamLogoerror{color:red;font-size:13px;;text-align:center;}
.logoTemplate {
    text-align: center;
    position: relative;
    cursor: pointer;
}
/* TODO: set correct height */
.logoTemplate{width:110px;height: 110px;}
.logoTemplate img{width:100%;}
/* TODO: find better way to vertically align spinner */
.teamLogos:before {
    position: absolute;
    font-family: 'FontAwesome';
    text-align: center;
    margin-top: 45%;
    content: "\f1ce";
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
/* TODO: remove or adjust */
.teamlogoBig{width:100%;}

/* TODO: remove or adjust */
.team_overlay {
    position: absolute;
    word-break: break-word !important;
    /* no select for text */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.html2canvas-container { width: 1000px !important; height: 2000px !important;  z-index: -1999; position:fixed; top:0; left: 0;}
.html2canvas-cover { width: 100% !important; width: 100vw !important; height:100% !important; height: 100vh !important;  z-index: -1998; position:fixed; top:0; left: 0; background-color: #e9e9e9}
.canvasOverlay {
    word-wrap: normal !important;
    word-break: normal !important;
    position: absolute;
}
.debug {border:6px solid navajowhite;}

/* TODO remove font-family discuss with Mehul */

.activeLogo{
    border-radius:50%;padding:1px 3px;background-color:#FFFFFF;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 19px;
    color:#00254b !important;
    font-weight: 700;
    font-family: "Poppins";
    text-align: center;position:absolute;top:0px;right:0px;
    box-shadow:0 0 5px rgba(0,0,0,0.1);
    font-size:14px;
}
#logos_popup .modal-content{background:white;}
/* player_details page end */


 /* shipping_dateils page start */

 #addressDrop{
    width: 90%;
padding: 5px;
}

.nice-select{color:black;}
.nice-select.removedrop{
background:none;border:none;color:white;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
color:white;
}

.team_detailsCon{max-width:500px;width:100%;margin:0 auto;}
.team_logo_box{
width:160px;height:160px;border-radius:15px;box-shadow:0px 1px 6px rgba(0,0,0,0.1);}
.team_detailsCon{margin:0 auto;}
.about_event.shippingDetails{max-width:500px;margin:0 auto;padding-bottom:50px;padding-top:40px;}
.team_detailsConTwo .form-group{padding-left:10px;padding-right:10px !important;}
#player_submiBtn{display:inherit;}
.playerThumbnailCon{overflow:hidden;border-radius:18px;max-width:400px;}
.playerThumbnailCon img{object-fit:cover;width:100%;height:100%;}

.team_logo_box{position:relative;background-color:#fff;}
.logo_selection_form h5{letter-spacing:3px}
#logos_popup .modal-dialog{max-width:690px;}

/*#logos_popup .team_logo_boxPopup img{box-shadow:0px 1px 6px rgba(0,0,0,0.1);}*/
.logos_innerCon{height:350px;overflow:hidden;overflow-y:scroll;}
.player_detailsCon{width:100%;background-color:#F2F2F2;}
#logos_template{background-color:#598CC1;}
#player_section{padding-left:15px;padding-right:40px;}
.know_more{min-width:200px;padding:5px 30px;}
.team_detailsCon button{font-size:16px;}
.profileedit_btn {
width: 150px;
background: #fbcd0d;
color: #00254b;
}
 /* shipping_dateils page end */

 /*----- user profile page  -----*/

 /* your events page start */
  /*SIDEBAR CODE*/
  .side_menu{padding-top: 140px;}
  .user_profile_mobile_menu{display: none;}
  .user_profile_main .side_menu ul li.active>a {
    color: #0B3050;
    cursor: default;
    }
    .user_profile_main .side_menu ul {
    padding: 0 25px;
    list-style: none;
    }
    .user_profile_main .side_bar>a.logo {
    display: block;
    margin: auto;
    margin-bottom: 30px;
    float: none;
    }
    .user_profile_main .table-flex {
    width: 100%;
    align-items: stretch;
    overflow: hidden;
    height: 100vh;
    }
    /*  page */
    .user_profile_main .table-flex {
    width: 100%;
    align-items: stretch;
    overflow: hidden;
    height: 100vh;
    }
    .user_profile_main .table-flex .right_content {
    width: calc(100% - 190px);
    min-height: 100vh;
    transition: all 0.3s;
    /* display: grid; */
    }
    .user_profile_main .side_menu ul {
    padding: 0;
    }
    .user_profile_main .side_menu ul li {
    margin: 1px 0;
    }
    .user_profile_main .side_menu ul li>a {
    color: #ffffff;
    font-family: 'Red Hat Text', sans-serif;
    letter-spacing: 1px;
    padding: 10px;
    display: block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    border-radius: 0 15px 15px 0;
    font-weight: 500;
    font-size: 15px;
    }
    .user_profile_main .side_menu ul li>a:hover {
    color: rgba(11, 48, 80, 1);
    background-color: #ffffff;
    font-weight:bold;
    }
    .user_profile_main .side_menu ul li.active>a {
    color: rgba(11, 48, 80, 1);
    cursor: default;
    background-color: #ffffff;
    font-weight:bold;
    }
    .user_profile_main .side_menu ul li>a.log_out:hover {
    color: #ffffff;
    background-color: transparent;
    }
    /* 
    .side_menu ul li.active>a.log_out {
    color: #8477b1;
    cursor: default;
    background-color: transparent;
    } */
    .user_profile_main .side_menu ul li>a > span {
        padding: 2px;
        background-color: #fbcd0d;
        border-radius: 50%;
        color: #000000;
        font-weight: 600;
        font-size: 14px;
        width: 24px;
        height: 24px;
        display: block;
        text-align: center;
        line-height: 20px;
        position: absolute;
        right: 6px;
    }
    .user_profile_main .side_menu ul li>a img {
    max-width: 28px;
    max-height: 26px;
    margin-right: 8px;
    }
    .user_profile_main .side_menu ul li>a.log_out {
    padding: 15px
    }
    .user_profile_main .side_bar>.log_out>img {
    width: 20px;
    padding: 0;
    margin-right: 8px;
    }
    .user_profile_main .side_bar.open_menu {
    margin-left: 0
    }
    .user_profile_main .side_bar>a.logo>img.small_logo {
    display: none;
    }
    .user_profile_main .left_sidebar{width: 200px;
    background-color: rgba(11, 48, 80, 1);
    transition: all 0.3s;
    position: relative;
    padding-right: 15px;
    }
    .user_profile_main .side_bar{width: 185px;position: fixed; top: 0; left: 0;}
    .user_profile_main .right_content{width: calc(100% - 200px);}
    .right_content > .row, .right_content > .purchase_container{min-height: calc(100vh - 340px);}

    /*right side box*/
    .user_profile_main.profileEventscon .profile {
    /*  transform: translateY(-2rem)*/
    margin-top: -45px;
    position: relative;
    }
    /* .user_profile_main.profileEventscon .cover {
    background-image: url(https://images.unsplash.com/photo-1530305408560-82d13781b33a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1352&q=80);
    background-size: cover;
    background-repeat: no-repeat;
    overflow:hidden;
    height:400px;
    } */
    .user_profile_main.profileEventscon #banner_slider .banner_content{
    height: 400px;}
    .user_profile_main.profileEventscon #banner_slider .banner_content img{width: 100%;height: 100%;object-fit: cover;}
    .user_profile_main.profileEventscon .banner_text{right:60px;}
    .user_profile_main.profileEventscon .img-thumbnail.profileimg {
    border-radius: 1.25em !important;
    border: none;
    width:110px;
    }
    .user_profile_main.profileEventscon .profilecontinaer {
    width: 100%;
    padding: 10px 25px;
    padding-bottom: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    }
    /*.right_content{
    overflow-x:hidden;
    overflow-y:scroll;
    }
    */
    .yourevents_sec{padding: 25px;}
    .user_profile_main.profileEventscon .upcominggamescontainer {
    width: 300px;
    margin: 20px 0;
    }
    .user_profile_main.profileEventscon .profilerightside img {
    width: 25px;
    height:50px;
    }
    .user_profile_main.profileEventscon .profilerightside a {
    text-decoration: underline;
    font-weight: 500;
    font-size:13px;
    }
    .user_profile_main.profileEventscon .profilecontinaer h4 {
    font-size: 26px;
    }
    .user_profile_main.profileEventscon .banner_sec:after{height:auto;}
    .user_profile_main.profileEventscon .download_events{
    text-align: center;
    padding:5px;
    color:#00254B;
    padding: 6px;
    font-weight: bold;
    text-transform: capitalize;
    border-radius:0 0 18px 18px;
    box-shadow:0px 1px 6px rgba(0,0, 0, 0.3);
    padding-top:18px;
    margin-top:-10px;
    }
    .user_profile_main.profileEventscon .download_events.dark-blue-bg{margin-top:-13px;}
    .user_profile_main.profileEventscon .winner_text{
    position: absolute;
    background: white;
    padding:6px 10px;
    border-radius: 0 18px 18px 0;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
    z-index: 1;
    }
    .user_profile_main.profileEventscon .winner_text span{font-size:14px;padding-left:15px;padding-right:10px;}
    .user_profile_main.profileEventscon .winner_text img {
    position: absolute;
    left: -13px;
    top: -7px;
    z-index: 1;
    width: 30px;
    object-fit:inherit;
    height:auto;
    }
    .right_content .live_event_match h5{font-size: 18px;}
    .right_content .live_event_date, .right_content .live_event_match p {font-size: 11px;}
    .user_profile_main .right_content .banner_sec{min-height: auto;}

     /* your events page end */

/*     Add Point page start      */
    
     /*purchase code*/
     
    .shoppingmainContainer .right_content .user_profile_heading {padding: 12px 150px;}
    
     .purchase_container {
        margin-top: 0px;
     }

     .addPoints_container .purchaseItem_wrapper {
        padding: 40px 80px;
        max-width: 900px;
     }

     .user_profile_main .purchase_containerInner {
        width: 100%;
        padding: 10px;
        padding-bottom: 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     }

     /*product gallery*/

     .product_gallery_con{
         padding-right: 15px;
     }
     .product_gallery_con ul {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow-y: scroll;
        height: 280px;
     }

     .product_gallery_con ul li {
        width: 100px;
        padding: 4px;
        height: auto;
        border-radius: 15px;
        margin: 0;
        border: 3px solid transparent;
     }
     .product_gallery_con ul li:first-child{margin-top: 0;}

     .product_gallery_con ul::-webkit-scrollbar {
        width: 0px;
        background: transparent;
        /* make scrollbar transparent */
     }

     .product_gallery_con ul li img {
        border-radius: 13px !important;
     }

     .product_gallery_con ul li.active {
        border: 3px solid lightgray;
     }

     .redeem_button {
        max-width: 300px;
        width: 250px;
        border-radius: 15px;
     }

     .purchaseItem_wrapper .redeem_button{
       width: auto;
     }

     .shopandredeemiconcontainer small {
        position: relative;
        top: -7px;
        left: 13px;
     }

     /*add pooints css*/
     .points_boxes {
        position: relative;
        width: 220px;
        height: 170px;
        border-radius: 15px;
        background: #e9e9e9;
        margin: auto;
        padding-top: 30px;
        padding-bottom: 35px;
     }

     .points_boxes img {
        width: 20px;
     }
     .points_boxes .text-right.pr-3{
         position: absolute;right: 0;bottom: 0;
     }

     /* .points_boxes ul {
        height: 80%;
     } */

     .addPoints_button {
        width: 45px;
        height: 45px;
        background-color: rgba(11, 48, 80, 1);
        border: none;
        outline: none;
        border-radius: 50%;
        position: absolute;
        right: -10px;
        top: -10px;
        cursor: pointer;
     }
     /* .points_boxes .text-right h5{padding-bottom: 6px;} */

     .addPoints_button img {
        width: 17px;
     }
     
/*     Add Point page end      */

/*     age_categories page start      */
    .summary_event_text .text-red{font-style: normal;font-weight: 500;}
    .summary_sec.age_categories_sec .summary_list_heading .row .text-left{padding-left: 140px;}
    .summary_sec.age_categories_sec  .summary_list_heading{padding: 0 15px;}

/*     age_categories page end      */

/*    calender page start    */
.calendarMainCon {
    position: relative;
    padding: 0px;
 }

 .day {
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    height: 50px;
    margin: 10px;
    border-radius: 15px !important;
    background: white;
    color: black;
 }

 .calendar-header {
    background: #e8e8e8;
    border-radius: 15px 0 0 15px !important;
    text-transform: uppercase;
 }

 .calendar-header .calendar-header-day {
    color: rgba(11, 48, 80, 1) !important;
    font-weight: normal;
 }

 .calendar-table tbody {
    background: #e9e9e9;
    color: black;
    font-weight: bold;
 }

 th[colspan="7"] {
    background: white;
    font-size: 20px;
    margin-bottom: 10px;
 }

 tr.calendar-body .calendar-day .day.calendar-active,
 tr.calendar-body .calendar-day .day.calendar-active:hover {
    border: 2px solid rgba(11, 48, 80, 1);
    color: rgba(11, 48, 80, 1) !important;
 }

 .event-header p {
    font-size: 20px;
 }

 .calendar-sidebar>.month-list>.calendar-months>li.active-month {
    background: #fff;
    color: rgba(11, 48, 80, 1);
    width: 90%;
    border-radius: 0 15px 15px 0;
    font-weight: bold;
 }

 .calendar-header-day.--weekend:first-child {
    border-radius: 15px 0 0 0;
 }

 .calendar-header-day.--weekend:last-child {
    border-radius: 0 15px 0 0;
 }

 .calendar-table .calendar-body:last-child td:last-child {
    border-radius: 0 0 15px 0;
 }

 .calendar-table .calendar-body:last-child td:first-child {
    border-radius: 0 0 0 15px;
 }

 .calendar-sidebar>.month-list>.calendar-months>li.active-month,
 .calendar-sidebar>.month-list>.calendar-months>li:hover {
    background: #fff;
    color: rgba(11, 48, 80, 1) !important;
    width: 90%;
    border-radius: 0 15px 15px 0;
    font-weight: bold;
 }

 .calendar-sidebar>.month-list>.calendar-months>li.active-month {
    pointer-events: none !important;
 }

 .event-container:hover {
    box-shadow: none;
 }

 .evo-calendar,
 .calendar-inner {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important
 }

 .event-header p {
    font-size: 20px !important;
 }

 .calendar-sidebar>.calendar-year>button.icon-button:first-child {
    display: none;
 }

 /*.calendar-events{display:block !important;}
#eventListToggler{display:none !important;}*/
 .event-container {
    height: auto;
    margin-bottom: 15px;
 }
 .event-list .event-container:last-child{margin-bottom: 0;}

 button.icon-button>span.bars,
 button.icon-button>span.bars::before,
 button.icon-button>span.bars::after {
    height: 3px;
 }
 .calendar-inner{max-width: calc(100% - 650px);}
 .calendar-events {
     width: 450px;
    padding: 70px 5px 60px 5px;
    background: #fff !important;
 }


 .live_match_bottom {
    margin-top: -5px;
 }

 .event-empty {
    border-radius: 15px;
    border: none !important;
 }

 .event-icon {
    display: none;
 }

 .event-empty {
    padding-left: 20px;
    width: 250px;
 }

 .calendar-sidebar>span#sidebarToggler {
    padding-top: 0;
 }
 .calendar-events .live_match_bottom h5 {font-size: 20px;}
 /*    calender page end    */
 

/*    performance code page start     */

.purchaseItem_wrapper .fun_pack_details {
    background-color: #E9E9E9;
    border-radius: 25px;
    overflow: hidden;
    padding: 12px 15px;
}

.purchase_container .purchaseItem_wrapper {
    padding: 0 40px;
    min-height: 48vh;
}

.purchaseItem_wrapper_img {
    border-radius: 15px;
    overflow: hidden;
    width: 126px;
    height: 70px;
    margin-right: 15px;    
}
.purchaseItem_wrapper_img img{width: 100%;height: 100%;object-fit: cover;}
.marathi_channels_texts{width: calc(100% - 155px);}
.purchaseItem_wrapper .row h5 small{font-weight: 500;font-size: 18px;text-transform: capitalize;}

.profileedit_btn {
    background: #fbcd0d;
    color: #00254b !important;
    text-transform: capitalize
}

/*close purchase code*/

.purchaseItem_wrapper .fun_pack_details {
    background-color: #E9E9E9;
    border-radius: 25px;
    overflow: hidden
}

.purchaseItem_wrapper {
    padding: 0 40px;
}

.purchaseItem_wrapper .column-labels .col-md-9 label, .purchase_event_heading{padding-left: 155px;}


.shopandredeemiconcontainer .energy_img img,
.performance_pointsImg img {
    width: 16px;
}

.shopandredeemiconcontainer small {
    position: relative;
    top: -7px;
    left: 13px;
}

.profileedit_btn img {
    width: 23px;
    margin-right: 4px;
}

.profileedit_btn span {
    margin-top: 2px;
}


/*    performance code page end     */

/*    profile page start    */
/*right side box*/
.user_profile_main .profile.profilemaincon {
    /*  transform: translateY(-2rem)*/
    width: 250px;
    margin: auto;
    margin-top: -100px;
    position: relative;

}

.user_profile_main .cover {
    background-image: url('../img/Profile-background.png');
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 200px;
}

.user_profile_main .img-thumbnail.profileimg {
    border-radius: 1.25em !important;
    border: none;
    width: 100%;
}


.user_profile_main .profilecontinaer {
    width: 100%;
    padding: 10px;
    padding-bottom: 0;
}

.user_profile_main .profilecontinaer h4 {
    font-size: 24px;
}

.user_profile_main .profileformcontainer {
    max-width: 550px;
    width: 100%;
    margin: auto;
    padding: 40px 15px;
}
#change_password_form .form-control{box-shadow: 0px 1px 6px rgba(0,0,0,0.3);}
.user_profile_main .profileedit_btn {
    width: auto;
    background: #fbcd0d;
    color: #00254b;
}

.user_profile_main .custom_border {
    border-radius: 15px;
}

.user_profile_main #profileEdit_form input {
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
}

#profileEdit_form label{margin: 0;}

.user_profile_main .profile_achieveBoxes {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 18px 12px;
    margin: 0 10px;
}

.user_profile_main .profile_achieveBoxes ul.list-inline{display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; -webkit-box-align: center!important;-ms-flex-align: center!important;align-items: center!important;}

.user_profile_heading{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 25px 190px;
    text-align: center;
}
.user_profile_heading h3{
    font-size: 36px;
}

.profilerightside.shopandredeemiconcontainer .energy_img img {
    width: 20px;
    margin-top: 0;
}

/*pencil icon code*/
.playerEditIcon {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    right: 20px;
    margin-left: 10px;
    background-color: #598CC1;
    color: white;
    padding: 8px;
    border-radius: 30px;
    font-size: 13px;
}

.userimgchoose_con {
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    width: 50px;
    /* height: 29px; */
    right: 0;
    overflow: hidden;
}

.userimgchoose_con #userImgChoose {
    width: 50px;
    cursor: pointer;
    opacity: 0;
    position: relative;
    left: -120px;
    z-index: 1;
}


/*croppie style*/
#uploadimageModal .modal-dialog {
    max-width: 400px;
    margin: 1.75rem auto;
}

#image_demo {
    margin-top: 0 !important;
    height: 350px;
    margin: auto;
}

#uploadimageModal {
    background-color: rgba(0, 0, 0, 0.5);
}

#uploadError {
    font-size: 10px;
}

/*    profile page end    */

/*      purchase pages start     */
.purchaseItem_wrapper #list_wrapper{
    padding: 50px 15px;
}

.purchaseItem_wrapper .row h5 {
    font-size: 20px;
}

/*.purchaseItem_details{
box-shadow: 0px 1px 5px rgba(0,0,0,0.2);
}*/
.purchaseItem_wrapper .fun_pack_details {
    background-color: #E9E9E9;
    border-radius: 25px;
    overflow: hidden
}

.purchaseItem_wrapper {
    padding: 0 40px;
}

.purchaseItem_wrapper_img {
    border-radius: 15px;
    overflow: hidden;
}

.shopandredeemiconcontainer small {
    position: relative;
    top: -7px;
    left: 13px;
}

.purchaseItem_wrapper .product-image {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 600;
}

.profileedit_btn {
    background: #fbcd0d;
    color: #00254b !important;
    text-transform: capitalize;
    padding: 6px 8px;
    font-size: 14px;
}

/*      purchase pages end     */

/*      shop_and_redeem page start      */

 .product_gallery_con ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    height: 280px;
 }

 .product_gallery_con ul li {
    width: 100px;
    padding: 7px;
    height: 83px;
    border-radius: 15px;
    margin-bottom: 15px;
    border: 3px solid transparent;
 }

 .product_gallery_con ul li:last-child {
    margin-bottom: 0;
 }

 .product_gallery_con ul::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    /* make scrollbar transparent */
 }

 .product_gallery_con ul li img {
    border-radius: 15px;
    height: 100%;
 }

 /*header blue background*/

 .bottomarrowimg {
    transform: rotate(-180deg);
 }
 .shop_and_redeem.user_profile_main .event_slider_content{padding: 20px;height: 300px;}
 .shop_and_redeem.user_profile_main .event_slider_content > img {width: auto;object-fit: contain;}
 .shop_and_redeem .upcominggamescontainer{width: calc(100% - 115px);}
 .shop_and_redeem .product_gallery_con{width: 115px;}
 .price_redeem{padding-left: 115px;}

 /*      shop_and_redeem page end      */

 /*     shopping page start    */
 
 /*shopping code*/
 #search-area input[type="text"] {
    width: 100%;
    height: 40px;
    border: 1px solid transparent;
    background-color: #ebebeb;
    border-radius: 15px;
    padding: 8px 25px 8px 15px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
 }

 #search-area i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer;
    color: #000000;
 }

 #search-area {
    max-width: 600px;
    width: 100%;
    position: relative;
    display: none;
 }

 .shoppingpricebox {
    text-align: center
 }

 .shoppingpricebox img {
    width: 16px;
    height: 30px;    
 }

 .shoppingpricebox h4 {
    font-size: 26px;
 }

 .shoppingmainContainer select,
 .shoppingmainContainer .bootstrap-select>.dropdown-toggle {
    min-width: 140px;
    background-color: #ededed;
    border: none;
    padding-right: 40px;
    border: transparent;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 8px 20px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-weight: 500;
    /* background-image: url(../img/NXT_Digital_downarrow.svg); */
    background-size: 16px 100%;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    font-size: 16px;
    text-transform: uppercase;
    color: black;
    outline: none !important;
 }

 .shoppingmainContainer .bootstrap-select>.dropdown-toggle:hover {
    background: #ededed;
    color: black;
 }

 .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;

 }

 .popup_filter_wrapper .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
 }

 .bootstrap-select>.dropdown-toggle.bs-placeholder,
 .bootstrap-select>.dropdown-toggle.bs-placeholder:active,
 .bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
 .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #000;
    font-weight: 600;
    font-size: 16px;
    padding: 8px 20px;
    letter-spacing: 0px;
 }

 /*shopping header icon*/

 .shopandredeemiconcontainer small {
    position: relative;
    top: -7px;
    left: 13px;
 }

 .shoppingproducts h4 {
    font-size: 22px;
 }

 .upcominggamescontainer p {
    margin-bottom: 5px;
 }

 .profileEventscon .upcominggamescontainer p {
    margin-bottom: 0;
 }

 .popup_filter_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99;
    display: none;
 }

 .popup_filter {
    max-width: 500px;
    width: 92%;
    border-radius: 20px;
    background-color: #e9e9e9;
    padding: 10px;
    height: auto;
    position: absolute;
    padding: 20px 15px;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: auto;
 }

 .popup_filter_wrapper .dropdown-toggle {
    background: #fff;
 }

 .desktop_filter_box .filter, .desktop_filter_box .searchMain_container{max-width: 830px;padding: 0 15px; margin: auto;}
 .user_profile_main .event_slider_content{height: 270px;}

  /*     shopping page end    */

  .events_sec_left.filter .filtersearchCon #search_icon {
    position: absolute;
    right: 0;
    top: 0px;
    margin-right: 20px;
    margin-top: 10px;
}
.events_sec_right .winner_div h5, .events_sec_right .who_win > h5{
    font-size: 12px;
}
.events_sec_right .winner_div span {
    font-size: 10px;
}
.events_sec_right .winner_right {
    width: 95px;
}
.events_sec_right .winner_left {
    width: calc(100% - 97px);
}
.events_sec_right .win_div h5 {
    font-size: 14px;
}
.events_sec_right .live_scores_sidebar .live_matches_div > h5, .events_sec_right .match_copleted_div > h5{font-size: 14px;margin: 0;padding-bottom: 6px;}
.events_sec_right .match_copleted_div, .events_sec_right .live_source_card{width: 100%;    max-width: none;}

.events_sec_right .live_scores_sidebar{position: static;margin-left: 0;width: 100%;padding: 0;    background-color: transparent;}
.events_sec_right .live_matches_div {
    padding: 0;
    display: block;
    max-width: 300px;
    margin: auto;
    padding: 0 10px 10px 15px;
}
.events_sec_right .live_scores_sidebar:after, .events_sec_right .vertical-rl, .events_sec_right .live_scores_arrow{display: none;}
/* .events_sec_right{max-height: 400px;overflow-y: scroll;} */

/*  login page: start  */
.login_main{width: 100%;background-image: url(../img/man.png);background-position: 95% 100%;background-size: 50%;background-repeat: no-repeat;background-color: #0d3050;padding: 0 15px;}
.login_left_img{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;z-index: 1;clip-path: polygon(0% 0, 90% 0%, 100% 50% , 90% 100%, 0% 100%);-webkit-clip-path: polygon(0% 0, 90% 0%, 100% 50% , 90% 100%, 0% 100%);}
.login_left_img img{height: 100%;width: 100%;object-fit: cover;}
.login_arrow_img{position: absolute;right: -100px;top: 0;z-index: 2;height: 100%;}
.login_arrow_img img{height: 100%;width: auto;}
.login_logo{position: relative;z-index: 2;}
.login_main .col-12{height: 100vh;}
.login_main .col-12 .login_logo{height: 100%;}

.login_form_design h1, .login_form_design h2{letter-spacing: 2px;}
.login_form_design h5{font-size: 18px;}
.login_form_design{width: 450px; margin: auto;padding-left: 60px;}
.login_form_design .know_more {min-width: 150px;padding: 3px 30px;margin: auto;display: block;}
.login_form_design .parsley-errors-list{color: #fbcd0d;font-weight: 500;}

/*  login page: end  */

/*  partners page: start  */
.partner_logo{max-width: 250px;display: block;margin: auto;}
.partner_with_us .know_more{margin-left: 18px;font-weight: 500;color: #ffffff !important;background-color: #0b3050;    font-size: 18px;}
.partner_with_us .know_more:after{background-color: #0b3050;display: none;}
.partner_with_us .custom_btn {
    background-color: #fbcd0d;
    color: #0b3050;
    font-weight: 700;
    margin-top: 10px;
}
/*  partners page: end  */

/* .live_scores_sidebar, .events_sec_right:first-child{display: none;} */
/* .user_reword_point, .live_scores_sidebar, .events_sec_right:first-child{display: none;} */
/* .user_profile_main .profile_achieveBoxes:first-child{display: none !important;} */
/* .user_profile_main.profileEventscon .profilecontinaer .d-flex .list-inline{display: none;} */

/* congratulation popup strat */
#congratulation_popup .center_heading h2{font-size: 24px;}
#congratulation_popup .center_heading h2:after{bottom: -2px;}
#congratulation_popup .center_heading{position: relative;padding: 0 85px;}
#congratulation_popup .center_heading::after, #congratulation_popup .center_heading::before{content: "";width: 76px;height: 74px;position: absolute;left: 5px;top: -10px;background-image: url(../img/celeberation.png);background-position: center;background-repeat: no-repeat;background-size: 100%;}
#congratulation_popup .center_heading::before{left: auto;right: 5px;transform: scaleX(-1);-webkit-transform: scaleX(-1);-ms-transform: scaleX(-1);-o-transform: scaleX(-1);}
#congratulation_popup .modal-dialog, .questtion_popupX .modal-dialog{top: 50% !important;transform: translate(0, -50%) !important;-ms-transform: translate(0, -50%) !important;
    -webkit-transform: translate(0, -50%) !important;margin: auto;}
#congratulation_popup .center_heading p{font-size: 16px;font-weight: 600;}
/* congratulation popup end */

.aceept_invitation_btn{background-color: #0b3050;border-radius: 0 0 25px 25px;margin-top: -15px;}
.aceept_invitation_btn a{width: 50%;display: block;color: #ffffff;text-align: center;padding: 20px 10px 6px;border-radius: 0 0 25px 25px;}

#exampleModal .modal-dialog{max-width: 520px;}
.profile_addpoints a, .energy_img small{font-size: 14px;}

#viewRulesPdf .know_more{
    font-weight: 600;
    margin-top: 20px;
    font-size: 16px;
    padding: 6px 20px;
    margin-left: 20px;
}

.copy_right p > a {
    color: #700404;
    font-style: italic;
    transition: all 0.5s;
}
.copy_right p > a:hover{text-decoration: underline;}

.live_events_name{text-align: center;font-size: 17px;letter-spacing: 1px;margin: 0;font-weight: 800;}
.events_sec_right .live_events_name{font-size: 14px;}
.events_sec_right .live_source_card h5 {
    font-size: 13px;
}

.events_sec_right .match_copleted_div .dark-blue-bg{
    background: #00254b;
}

.team_img {
    width: 60px;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    background-color: #fff;
    box-shadow: none;
    padding: 6px 6px 6px 8px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;    
    -webkit-align-items: center;    
    -ms-align-items: center;
}
.team_img > img {
    height: 46px;
    object-fit: cover;
    border-radius: 8px;
}
.team_name {
    padding: 5px 0;
}
.events_sec_right .team_name{width: calc(100% - 68px);}
.events_sec_right .live_scores_sidebar h5.even_box_heading{font-size: 18px;}
.user_name{width: calc(100% - 70px);}
.winner_div img.medal-icon{position: absolute;left: -15px;top: 0;width: 20px;display: none;}
.winner_div span{display: none;}
.winner_div .winner-team-class span{display: block;}
.winner_div .winner-team-class img.medal-icon{display: block;}
.winner-team-class{background-color: #00254b;}
.winner_div .winner-team-class h5, .winner_div .winner-team-class span{color: #ffffff;}
.winner_div.team_name_wrapper .d-flex:first-child{border-radius: 18px 18px 0 0;}
.winner_div.team_name_wrapper .d-flex:last-child{border-radius: 0 0 18px 18px;}
.winner_div.team_name_wrapper .d-flex .team_img:first-child{border-radius: 18px 0 0 0;}
.winner_div.team_name_wrapper .d-flex:last-child .winner_right{border-radius: 0 0 18px 0;}
.winner_div.team_name_wrapper .d-flex:last-child .team_img:first-child{border-radius: 0 0 0 18px;}

.event_booking .winner_div .know_more > span{display: block;font-size: 12px;}

#event_booking_right .winner-team-class{background-color: #cbdbfb!important;}
#event_booking_right .winner_div .winner-team-class h5, #event_booking_right .winner_div .winner-team-class span{color: #0b3050;}

/* #cartAmountBtn{} */
.promo_code_check{width: 20px;height: 22px; position: absolute;top: 50%;right: 10px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.promo_code_check img{position: absolute;top: 0;right: 0;}

.tennis_live_source_card .winner_right {
    width: 70px;
}
.tennis_live_source_card .winner_left {
    width: calc(100% - 70px);
}
.tennis_live_source_card .team_name {
    width: calc(100% - 128px);
}
.tennis_live_source_card .winner_div .winner_left h5 {
    font-size: 14px;
}
.tennis_live_source_card .winner_div .winner_right h5 {
    font-size: 18px;
}
.tennis_live_source_card .winner_div.team_name_wrapper .d-flex:last-child .team_img:nth-child(2), 
.tennis_live_source_card .winner_div.team_name_wrapper .d-flex:first-child .team_img:nth-child(2){border-radius: 0 0 0 0;}
.tennis_live_source_card .team_img{width: auto;}
.tennis_live_source_card .team_img img{width: 46px;height: 46px;}

.events_sec_right .tennis_live_source_card .winner_left {width: calc(100% - 50px);}
.events_sec_right .tennis_live_source_card .winner_right{width: 50px;}
.events_sec_right .tennis_live_source_card .winner_div .winner_left h5{font-size: 12px;}
.events_sec_right .tennis_live_source_card .winner_div .winner_right h5{font-size: 16px;}
.events_sec_right .tennis_live_source_card .team_img img {width: 40px;height: 40px;}
.tennis_sports_card h5{
    font-size: 16px;
    font-weight: 700;
    padding: 6px 30px !important;
    position: relative;
    box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.1);
    margin: 0;
    background-color: #ffffff;
    text-transform: uppercase;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transform: skewX(45deg);
    -webkit-transform: skewX(45deg);
    -ms-transform: skewX(45deg);
}
.tennis_sports_card h5 span{
    transform: skewX(-45deg);
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    display: block;
}
.tennis_sports_sec .user_name {
    width: calc(100% - 134px);
}
.tennis_sports_sec .table td > .d-flex.flex-wrap.align-items-center{width: 310px;}

.tennis_past_event_select_match .past_winner_img{margin: 0 7px 10px;}

.past_winner h5.singleScore{font-size: 20px;}
.live_events_name2{font-size: 16px;font-weight: 600;}
.tennis_sports_sec .singlePlayerStats .user_name{width: calc(100% - 70px);}
.addPoints_container .purchaseItem_wrapper .row h5{font-size: 22px;}
.individualSchedule.schedule_Versus .user_stats_profile{padding: 0;}
.individualSchedule.schedule_Versus h5{padding-bottom: 0;}
.tennis_sports_sec .schedule_tabs {padding: 10px;}
.individualSchedule.schedule_Versus .user_pic {width: 46px;}
.tennis_sports_sec h5.font-weight-bold.text-center{text-transform: uppercase;}
.individualSchedule.schedule_Versus .event_page_text{width: auto;}
.schedule_Versus img{background-color: #ebebeb;}
.tennis_sports_sec .align-items-center.justify-content-center.text-center.d-flex > .d-flex{align-items: center;-webkit-align-items: center;-ms-align-items: center;}

/* 11/06/2021 */
.success_bg{position: relative;overflow-x:hidden ;padding-top: 120px;}
.success_bg::after, .success_bg::before{content: '';width: 28%;height: 100%;position: absolute;top: 0;right: -5px;background-image: url(../img/success-bg.png);background-position: left top;background-repeat: no-repeat;background-size: cover;}
.success_bg::before{right: auto;left: -5px;transform: rotateY(-180deg) rotateX(180deg);-webkit-transform: rotateY(-180deg) rotateX(180deg);}
.payment-success-message{width:100%;margin-bottom: 20px;}
.payment-success-message img{width: 100px;margin: auto;display: block;}



.shop_and_redeem .product_gallery_con ul li{
    overflow: hidden;
}
.shop_and_redeem .product_gallery_con ul li img{
    border-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.moreThentwo .team_img{
    height: auto;
    background-color: transparent;
}
.tennis_live_source_card .moreThentwo .team_name, .moreThentwo .team_name{
    width: 100%;
    padding: 4px 10px;
    margin-left: 0 !important;
}
.event_slider_content .event_sliderInner img{
    object-fit: contain;
}
.tabs_sec .past_winner_img{
    margin: 0 15px 8px 0;
}
.moreThentwo .user_name{
    width: 100% !important;
}
.schedule_Versus img, .user_pic > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.individualSchedule.schedule_Versus .user_pic{
    width: 46px;
    height: 46px;
}
.team_name_wrapper{max-width: 400px;}
.team_name_wrapper .winner_left {
    width: calc(100% - 80px);
}
.team_name_wrapper .winner_right{
    width: 80px;
}
.team_name_wrapper .winner_left .team_name{
    width: auto;
    padding-left: 8px;
    margin-left: 0 !important;
}
.team_name_wrapper .winner_left .team_img{
    margin-right: 0;
}
.team_name_wrapper .winner_left.flex-wrap{
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}
.team_name_wrapper .winner_left.flex-wrap.moreThentwo{
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}