@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.ttf");
    font-display: block;
}
@font-face {
    font-family: "Montserrat-500";
    src: url("../fonts/Montserrat-SemiBold.ttf");
    font-display: block;
}
@font-face {
    font-family: "Montserrat-600";
    src: url("../fonts/Montserrat-Medium.ttf");
}
@font-face {
    font-family: "Montserrat-700";
    src: url("../fonts/Montserrat-Bold.ttf");
}


body {
    font-family: 'Montserrat' !important;
    overflow-x: hidden
    /* font-size: 22px; */

    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
}

::-moz-selection {
    color: #fff;
    background: #ED731A;
}
::selection {
    color: #fff;
    background: #ED731A;
}

ul{
    list-style-type: none;
}

/* Start mobile version*/
.abouts_row .col-md-8.abouts_col{
    display: flex;
    align-items: center;
    padding: 0 15px;
}
.abouts_row .col-md-8.abouts_col p{
    margin: 0px !important;
}
.abouts_col_img{
    display: flex;
    align-items: center;
}

.topnav {
    overflow: hidden;
    background: linear-gradient(0deg, #2B2B33 49.35%, rgba(65, 65, 72, 0) 661.69%);
    position: relative;
    z-index: 1
}
.topnav .icon {
    display: none;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.topnav button {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
#member_image{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
}


#player_image_watermark{
    /*margin-top: -40px;*/
    padding: 0 10px;
    background: #00000050;
    color: #fff;
}

.pl_to_manual{
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 1.7;
    border-radius: 50%;
    background: white;
    color: #ED731A !important;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
    border: none !important;
}

@media screen and (max-width: 767px) {
    .form-control.filter_li{
        width: 115px !important;
    }
    .card-img-top{
        object-fit: contain !important;
    }
    .news_home_right_images{
        height: 340px;
        object-fit: cover;
        min-width: 100%;
    }
    .slide_title{
        font-weight: bold;
        font-size: 15px;
        width: 70%;
        margin-bottom: 18px;
        text-transform: uppercase;
        text-decoration: none;
        border: none  !important;
    }
    .slide_bottom_text{
        font-weight: bold;
        font-size: 15px;
        color: white !important;
        border: none;
        text-decoration: none;
    }
    .wpwl-group {
        width: 110%;
    }
    .wpwl-group-cvv {
        left: 26px;
    }
    .wpwl-group-expiry {
        left: 4%;
    }
    #play_stat_iframe{
        overflow-x: auto;
    }
    .our_mission h4{
        text-align: center;
    }
    .str_weaks_ul{
        margin-right: 15%;
    }
    .grid-version{
        position: relative;
        z-index: 2;
        margin-top: 100px;
    }
    .player_menu_itam{
        width: 90%;
        white-space: break-spaces;
        visibility: visible;
        display: flex;
        position: absolute;
        margin-top: 50px;
        /*border-radius: 30px;*/
        overflow-x: scroll;
        /*overflow-y: hidden;*/
    }

    @supports (-webkit-touch-callout: none) {
        /*.top11{
        	top: -45%;
    	}*/

    }
    .top11pl{
        top: 0%;
    }
    .dropdown-menu.show{
        width: 250px;
    }

    .our_team_card{
        margin: 20%;
    }
    .our_team_col{
        text-align: center;
    }
    .margin_bottom_pl_det_row{
        margin-bottom: -50%;
    }

    .second_col_pl_det_res{
        text-align: -webkit-right;
        bottom: 50%;
        position: relative;
    }

    .manual_head_col{
        margin: 1%;
        position: relative;
        width: 100%;
        padding: 5px;
    }
    .manual_row{
        margin: 0;
    }

    .filter_rows,
    .filter_rows * {
        margin-right: 6%;
        position: relative;
        box-sizing: border-box;
        width: auto;
    }

    .filter_rows_user,
    .filter_rows_user * {
        margin-right: 6%;
        position: relative;
        box-sizing: border-box;
        width: auto;
    }

    .catchword_input {

        position: relative;
        box-sizing: border-box;
        width: 100px;

    }
    .filter_catch{
        position: relative;
        box-sizing: border-box;
        width: 100px;
    }
    nav.home_header_nav, div.header_menu_div {
        display: none;
    }


    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
        margin-top: 10px;
    }

    .topnav.responsive {position: relative;}
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    #mobile_base_login_icon {
        float: right;
        margin-right: 8%;
    }

    .subs_log_type_header_row {
        width: 100%;
        color: white;
        margin: 0 auto;
    }
    .buttons_login_by_soc_media{
        margin-top: 30%;
    }
    .added_button {
        float: right;
        background: #A8A8A8;
        color: white;
        border: none;

    }
    .user_profile_added{
        float: right;
        background: #A8A8A8;
        color: white;
        border: none;

    }
    .partners_col_3{
        width: 50%;
    }
    .player-photo{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 200px;
        height: 200px;
        object-fit: contain
    }
    .player_general_image{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 200px;
        object-fit: contain
    }
    .profile_my_pl_list_player_img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 200px;
        height: 200px;
        object-fit: contain
    }
    .grid-version h3{
        text-align: center;
    }
    .description span{
        display: block;
    }
    .description{
        text-align: center;
    }
    .toProfile button{
        width: 100%;
    }
    .news-photo{
        width: 100%;
    }
    .read_more_news button{
        width: 107%;
    }
    .header_search_form{
        margin: 0;
    }
    .list_details_title{
        flex-direction: inherit;
        overflow-x: scroll;
    }
    .strenght_col{
        font-weight: bold;
        border-bottom: 1px solid #AFAFAF;
        margin-top: 3%;
    }
    .view_stats{
        text-align: center;
    }
    .payment_header_row{
        width: 100%;
        /*color: white;*/
        margin: 0 auto;
        text-align: center;
    }
    .login_input_sec{
        margin-top: 10%;
    }
    .logo1{
        width: 50%;
    }
    .logo2{
        width: 50%;
    }
    .p_ok_img {
        position: relative;
        right: -56%;
        bottom: 83%;
        width: 21px;
    }
    .m_ok_img{
        position: relative;
        right: -44%;
        bottom: 78%;
        width: 21px;
    }
    .home_page_profiles_col{
        margin-bottom: 4%;
    }
    .news_left_active_image{
        width: 100%;
        max-height: 160px;
        object-fit: cover;
        margin-bottom: 2%;
    }
    .scoutory_footer_logo{
        text-align: center;
        margin-bottom: 3%;
    }
    .end_footer_right_texts_p{
        color: white;
        border-bottom: none;
        text-decoration: none;
        text-align: center;
    }
    .end_footer_right_texts_p:hover{
        color: #fff;
    }
    .social_footer_icons{
        /*display: flex;
        justify-content: center;
        align-items: center;*/
        margin-bottom: 3%;
    }
    .header_sub_login_text{
        text-align: center;
        margin-top: 3.57%;
    }
    .carousel-item {
        height: 235px;
        min-height: 235px;
    }
    .related_news_img{
        width: 330px;
        height: 200px;
        display: inline-block;
        object-fit: cover;
    }
    .detailsContent{
        padding-left: 21px;
    }
    .skillsItem .colRight{
        word-break: break-word;
        width: 45%;
        font-weight: bold;
    }
    .skillsItem .colLeft{
        width: 45%;
    }
    .pl_to_manual{
        /*font-size: 29px;
		font-weight: bold;*/
        margin-left: 6%;
    }
    .news_image_source{
        color: white;
        top: 45%;
        position: absolute;
    }
    .news_detail_image{
        width: 600px;
        display: inline-block;
        object-fit: cover;
        height: 200px;
    }

}

@media screen and (min-width: 767px) {
    div.topnav {
        display: none;
    }
    .player_menu_itam {
        margin-top: 50px;
        border-radius: 30px;

    }
    #play_stat_iframe{
        margin: 0 /*auto*/;
    }
    .wpwl-group-expiry
    {
        left: 3%;
    }
    .str_weaks_ul{
        margin-right: 5%;
    }
    #members_col{
        margin: 1%;
    }
    .news_detail_image{
        width: 600px;
        display: inline-block;
        object-fit: contain;
        height: 380px;

    }
    .news_image_source{
        position: absolute;
        bottom: 10%;
        color: #ddd;
        right: 46%;
    }
    #head_logo{
        left: -7%;
        position: relative;
    }

    .detailsContent{
        padding-left: 75px;
    }
    .skillsItem .colRight{
        word-break: break-word;
        font-weight: bold;
    }
    .related_news_img{
        width: 100px;
        height: 70px;
        display: inline-block;
        object-fit: cover;
    }
    .header_sub_login_text{
        text-align: right;
        margin-top: 3.57%;
    }

    .end_footer_right_texts_p{
        color: white;
        border-bottom: none;
        text-decoration: none;
        text-align: left;
        margin-bottom: 1rem !important;
    }
    .end_footer_right_texts_p:hover{
        color: #fff;
    }
    .scoutory_footer_logo{
        text-align: inherit;
        margin-top: 3.5%;
    }
    .scoutory_footer_logo img {
        height: auto;
    }
    .news_left_active_image{
        height: 340px;
        object-fit: cover;
        width: 440px;
    }
    .m_ok_img{
        position: relative;
        right: 10%;
        bottom: 40%;
        width: 21px;
    }
    .p_ok_img{
        position: relative;
        right: 10%;
        bottom: 40%;
        width: 21px;
    }
    .login_input_sec{
        margin-top: 10%;
        margin-right: 12%;
    }
    .payment_header_row{
        width: 60%;
        /*color: white;*/
        margin: 0 auto;
        text-align: center;
    }
    .view_stats{
        text-align: left;
        margin-left: 50px;
    }
    .strenght_col{
        font-weight: bold;
        border-right: 1px solid #AFAFAF;
        margin-top: 3%;
    }
    .list_details_title{
        margin-left: 47px;
    }
    .player_general_image {
        margin-bottom: 0px;
        width: 100%;
        display: /*inline-*/block;
        object-fit: contain;
        height: 320px;
    }
    .user_profile_added_button{
        float: right;
    }
    .profile_my_pl_list_player_img{
        width: 150px;
        height: 150px;
        display: inline-block;
        object-fit: contain;
    }
    .header_search_form{
        margin-right: 1%;
    }
    .news-photo{
        height: 200px;
        width: 200px;
        display: inline-block;
        object-fit: contain;
    }
    .player-photo{
        width: 200px;
        height: 200px;
        display: inline-block;
        object-fit: contain;
        background: #E5E5E5cc;
    }
    .added_button{
        float: right;
        background: #A8A8A8;
        color: white;
        border: none;
        width: 20%;
    }
    .subs_log_type_header_row {
        width: 60%;
        color: white;
        margin: 0 auto;
    }
    .buttons_login_by_soc_media{
        margin-top: 30%;
        margin-right: 12%;
    }
}

/*Start Home Navbar*/


.home_header_nav{
    height: 60px;
    background: linear-gradient(
        0deg, #2B2B33 49.35%, rgba(65, 65, 72, 0) 661.69%);
}
.home_header_nav_logo{
    width: 50px;
    object-fit: cover;
    margin-right: 1%;
}

.header_nav_menu_items{
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF !important;
    /*font-weight: bold;*/
}
.header_nav_menu_items:hover{
    color: #FFFFFF;
}
.header_nav_container{
    margin-left: 7%;
}

.header_search_form input{
    text-align: center;
    background: #AFAFAF !important;
    border: none;
}
.header_search_form input:hover{
    background: #AFAFAF !important;
}
.header_search_input_search_button{
    margin-left: -40px;
    margin-top: 10px;
    color: #FFFFFF;
}
.header_search_input_search_button:after{
    content: '';
}




/*End Home Navbar */


/*Start Home Slider*/
@media screen and (min-width: 767px) {
    .carousel-item {
        height: 400px;
    }
}
.player_name{
    text-decoration: none;
    font-size: 24px;
    color: black;
    font-weight: bold;
}
.player_name:hover{
    color: black;
}

.slide_info{
    top: 20%;
    text-align: inherit;
}

.next_button{
    border-radius: 50%;
    background: #ED731A;
    border: none;
    width: 30px;
    height: 30px;
    color: white;
}
#point_buttons_slide{
    border-radius: 50%; height:10px; width:10px
}



/*End Home Slider*/



/*Start abouts section*/

.abouts_us_image{
    width: 100%;
    object-fit: cover;
}

@media screen and (min-width: 767px) {

    .slide_title{
        font-weight: bold;
        font-size: 35px;
        width: 70%;
        margin-bottom: 18px;
        text-transform: uppercase;
    }
    .slide_bottom_text{
        font-weight: bold;
        font-size: 15px;
        color: white !important;
        border: none;
        text-decoration: none;
    }
    #pl_manual_fav{
        margin-left: 4%;
    }
}
.abouts_fluid{
    background: #F6F6F6;
}

/*End abouts section*/

/*Start news home section*/

.news_and_features_head_text{
    text-align: center;
    margin: 40px 0;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
}
.border_home_news_right_sec{
    border-bottom:1px solid #DBDBDD;
    width: 90%;
    margin-bottom: 2%;
}

.news_home_right_images{
    width: 200px;
    height: 160px;
    object-fit: cover;
    margin-bottom: 10%;
}


@media screen and (min-width: 1024px) and (max-width: 1036px) {
    .news_home_right_images{
        width: 173px;
        height: 165px;
        object-fit: cover;
        margin-bottom: 10%;
    }

}
.home_news_left_active_title{
    margin-top: 2% !important;
    margin-bottom: 1rem !important;
    font-weight: bold;
    font-size: 20px;
    cursor: pointer;
    border-bottom: none;
    text-decoration: none;
    color: black;
}
.homePageNews1 p {
    margin-bottom: 1rem !important;
}
.home_news_left_active_title:hover{
    color: black;
}
.related_active_title{
    margin-top: 2%;
    font-weight: bold;
    cursor: pointer;
    border-bottom: none;
    text-decoration: none;
    color: black;
}
.related_active_title:hover{
    color: black;
}
.features_row_border{
    border-bottom: 1px solid #DBDBDD;
    margin-bottom: 40px;
}
.load_more{
    font-weight: bold;
    border: none;
    outline: none;
    padding: 5px 15px;
    background: transparent;
    margin-top: 2%;
    margin-bottom: 2%;
}
.load_more_row_bottom{
    border-top: 1px solid #DBDBDD;
}
.load_more_detail{
    font-weight: bold;
    border: none;
    outline: none;
    padding: 5px 15px;
    background: transparent;
    margin-bottom: 2%;
}
.news_wrapper {
    /*margin-bottom: -50px;*/
}
/*End news home section*/


/*start profiles week section*/

.profiles_week_home_page_header_row_text{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 3%;
}
.fluid_profiles_week{
    background: #F6F6F6;
    margin-top: 3%;

}
.profile_weak_more_detail_button{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 5px 15px;
    width: 100%;
}
.profiles_week_card{
    margin-top: 40px;
    width: 100%;
    border: none;
}
.player_name_week{
    text-align: center;
}
.card-img-top{
    height: 350px;
    object-fit: cover;
}
.weak_profile_name_card{
    height: 50px;
    width: 100%;
    background: #27272E  ;
}
.weak_profile_name_card h5{
    margin-top: 5%;
    color: #F6F6F6;
}
/*End profiles week section*/

#usr_msg_alg_cntr{
    text-align: center;
}
/*Start home our partners*/
.our_partner_head_fluid{
    position: relative;
    padding: 0;
}
.home_our_partners_text{
    text-align: center;
    color: #F6F6F6;
    font-weight: bold;
    text-transform: uppercase;
}
.text-block{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000cc;
    display: flex;
    justify-content: center;
    align-items: center;
}
.our_partners_img{
    width: 100%;
}

.our_partners_sec img{
    object-fit: cover;
    width: 140px;
}
.partners_row{
    text-align: center;
    margin-bottom: 3%;
    margin-top: 3%;
    align-items: center;
}

/*End home our partners*/

/*Start footer*/
.footer_fluid{
    /*max-height: 447px;*/
    background: linear-gradient(0deg, #2B2B33 49.35%, rgba(65, 65, 72, 0) 661.69%);
    /*height: 100%;*/
}
.footer_right_sec{
    color: #F6F6F6;
}
.footer_contact_textarea{
    height: 150px;
    background: #13121D !important;
    color: #ced4da !important;
    border: none;
}
.footer_contact_username{
    margin-right: 20px;
    background: #13121D !important;
    color: #ced4da !important;
    border: none;
}
.footer_contact_email{
    background: #13121D !important;
    color: #ced4da !important;
    border: none;
}
.send_us_mess_text{
    /*background: #13121D !important;*/
    font-weight: bold;
    color: #F6F6F6;
    font-size: 25px;
    margin-top: 5%;
    margin-bottom: 3%;
}
.send_button{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 7px 15px;
    width: 100%;
    font-weight: bold;
}
.send_div{
    margin-top: 3%;
    margin-bottom: 3%;
}
.contacts_text{
    font-weight: bold;
    margin-top: 5%;
    font-size: 25px;
}
.bottom_footer_fluid{
    background: linear-gradient(0deg, #2B2B33 49.35%, rgba(65, 65, 72, 0) 661.69%);
    padding: 20px 0;
    /*margin-top: 50px;*/
}
.footer_scout_logo_sub{
    width: 58px;
}
.footer_scout_logo_sub_text{
    width: 208px;
}

.end_footer_right_texts{
    color: #F6F6F6;
}

.social_footer_icons .row{
    display: flex;
    justify-content: center;
    align-items: end;
    height: 50%;
    text-align: center;
}
.social_footer_icons a{
    margin: 0 5px;
}
.social_footer_icons span{
    color: white;
    font-size: 1.3rem;
}
.social_footer_icons .developedBy{
    margin-top: 10px;
    color: white;
}
.social_footer_icons .developedBy a{
    color: #ED731A;
    text-decoration: underline !important;
}

/*End footer*/

/*Start Contact us*/


#contact_icons{
    color: #ED731A;
}
.contact_right_h3{
    font-weight: bold;
    margin-top: 13%;
}
.contact_right_h3s{
    font-weight: bold;
}
.contact_first_col{
    text-align: left;
    border-right: 1px solid #DBDBDD;
    padding: 10px 15px 10px 15%;
}
.right_contact_sec_title{
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 4%;
}
.contact_second_col{
    margin: auto;
}
.contact_textarea{
    height: 150px;
    background: #F6F6F6;
    border: none;
}
.contact_phone{
    margin-right: 20px;
    background: #F6F6F6;
    border: none;
}
.contact_email{
    background: #F6F6F6;
    border: none;
}
.contact_username{
    background: #F6F6F6;
    border: none;
    margin-bottom: 20px;
}
.contacts_row{
    margin-top: 7%;
    margin-bottom:7%
}
/*End Contact us*/





.home_subsc_plan{
    margin-bottom: 50px;
}


.headTitle{
    background-color: rgb(0 0 0 / 20%);
    margin-bottom: 80px;
}
.headTitle .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logoutLink{
    text-decoration: none;
    color: #000;
}

.list-group-item{
    border: none !important
}
.list-group-item.active{
    color: #ED731A !important;
    background-color: transparent !important;
}


.navbar-brand img{
    width: 100px;
}

#navbarCollapse{
    text-transform: uppercase;
}

.editProfileInfo button{
    width: 100%;
    margin: 0;
}
.editProfileInfo label{
    text-transform: capitalize;
}

.modal-footer {
    border: none;
}

.profileDetails i{
    color: #ED731A;
}

.player-database{
    height: 70px;

}
.player-database-container{
    background-image: url(/image/pl_head_scout.png);
    background-repeat: no-repeat;
    background-position: bottom;

}
.player-database .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 65px;
}
.player-database .container h3{
    margin-top: 30px;
}
.pl_head_ball{
    position: absolute;
    right: 2%;
    top: 10%;
    height: 190px;
}
.pl_head_scout{
    width: 488px;
    height: 45px;
    margin-top: 74px;
    margin-right: 27%;
    position: absolute;
    right: 2%;
    top: 10%;
}

.players_error_message_card,
.news_error_message_card
{
    text-align: center;
    font-weight: bold;
}
.players_error_message_col
{
    border: 1px solid #AFAFAF;
    position: absolute;
    background: white;
    margin-top: 8%;
}
.news_error_message_col
{
    border: 1px solid #AFAFAF;
    background: white;
}
.Subscribe_button_Details{
    text-align: center;
}
.Subscribe_button_Details button{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 5px 15px;
    width: 40%;
}

.news_error_message_card span{
    display: block;
    padding: 10px 0;
}


.grid-version .view{
    margin-top: 10px;
    margin-bottom: 25px;
}
.scroll_fav_list{
    height: 40vh ;
    overflow-y: scroll;
}

.fav_list_height{
    height: 900px;
}
.scroll_fav_list::-webkit-scrollbar-track
{
    /* -webkit-box-shadow: #BABABA; */
    background-color: #F5F5F5;
}

.scroll_fav_list::-webkit-scrollbar
{
    width: 7px;
    background-color: #F5F5F5;
}

.scroll_fav_list::-webkit-scrollbar-thumb
{
    background-color: #BABABA;
    border-radius: 40px;
}
.player_fav_sect{
    margin: 3%;

}

.grid-version .border{
    border-bottom: 1px solid #DBDBDD;
    margin-bottom: 20px;

}
.grid-version .description{
    margin-top: 15px;
    margin-bottom: 15px;
}
.grid-version .description span{
    margin-right: 34px;
}
.toProfile{
    padding: 0 !important;
    width: fit-content;
}
.toProfile button{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 5px 15px;
}

/* player profile page */
.player-general-info{
    background-size: contain;
    margin-top: 30px;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url(/image/pl_head_ball.png),linear-gradient(
        180.49deg, #FFFFFF 41.59%, #CFCFCF 106.19%);
}




.player_general_name{
    font-weight: bold;
}
.player_list_res{
    font-weight: bold;
    background: transparent;
    margin-bottom: 2%;
}
.list_details_title_li{
    background: transparent;
    margin-bottom: 2%;
}

.insta_twitt img{
    width: 40px;
}
.insta_twitt i{
    color: black !important;
}
.insta_twitt i{
    margin-left: 3px;
}


.view_stats_url{
    color: #ED731A;
    font-weight: bold;
    border: none;
    outline: none;
    padding: 5px 15px;
    background: transparent;
}
.view_stats_url_col{
    margin-top: 3%;
}

.str_weak{
    text-align: center;
}
.str_container{
    background: #F6F6F6;
}

.weaknesses_col{
    font-weight: bold;
    margin-top: 3%;
}
.strenghts_title{
    color: green;
    font-weight: bold;
    text-transform: uppercase;
}
.weaknesses_title{
    color: red;
    font-weight: bold;
    text-transform: uppercase;
}
.player_detail_title{
    margin-top: 20px;
    /*margin-bottom: -50px;*/
}
.player_detail_title h4{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;

}
.player_detail_bottom_border{
    border-bottom: 1px solid #DBDBDD;
    margin-top: 40px;
}
.subsc_title h2{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 40px;
}
.subsc_title p{
    text-align: center;
    margin-bottom: 1rem !important;
}
.subsc_card{
    width: 18rem;
}
.subsc_price{
    margin-top: 35px;
}
.subsc_price p {
    margin-bottom: 1rem !important;
}
.subsc_price span{
    font-weight: bold;
    font-size: 40px;
}
.sub_cheks ul li:before {
    content: '✓ ';
    color: #ED731A;
}
.sub_cheks ul{
    text-align: initial;
    padding: 2%;
}
.subsc_title_home_page{
    text-align: center;
}
.subsc_title_home_page h2{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 40px;
    margin-top: 6%;
    margin-bottom: 3%;
}
.subsc_buy_button{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 15px 15px;
}
.sub_buy_button_row{
    margin: 0;
}

.sub_cheks_prof{
    margin-top: 37px;
    margin-bottom: -11px;
    text-align: initial;
    padding: 2%;
}

.sub_cheks_prof ul li:before {
    content: '✓ ';
    color: #ED731A;
}
@media screen and (min-width: 767px) {
    .sub_bas_prof:not(.homeProf) {
        width: 60%;
    }
}
.sub_bas_prof {
    color: white;
    margin: 0 auto;
    /*margin-bottom: -50px;*/
}
.home_sub_bas_prof {
    margin-bottom: auto;
}

.homeProf {
    width: 80%;
}
.homeProf #home_sub_left_ul li {
    white-space: initial;
}
@media screen and (max-width: 767px) {
    .homeProf {
        width: 100%;
    }
}

.prof_bas{
    background: #27272E;
    min-height: 501px;
    height: auto;
    margin-bottom: 20%;
    border: none;
}
.prof_bas img {
    width: revert-layer;
    height: auto;
}
.news-header{
    background: linear-gradient(180.49deg, #FFFFFF 20.71%, #CFCFCF 161.77%);  margin-bottom: 20px;
    height: 110px;
}
.news-header .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-header .container h3{
    margin-top: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
.lat_news_head{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 23px;
}

.news_sec{
    margin-top: 20px;
    margin-bottom: 20px;
}
.read_more_news{
    float: right;
    text-align: end;
}
.read_more_news button{
    border: none;
    outline: none;
    padding: 5px 15px;
    border-bottom: 1px solid black;
    background: transparent;
}
.news_detail_title{
    margin-top: 45px;
}
.news_detail_title_p{
    font-weight: bold;
    font-size: 20px;
}
.news_detail_title p a {
    color: #0d6efd;
    text-decoration: underline !important;
}
.news_detail_title p img {
    width: auto;
    height: auto;
}
.news_header{
    margin-top: 21px;
}
.news_detail_p_text{
    width: 600px;
}
.related_newss{
    margin-top: 4%;
}
.related_news_sec{
    margin-top: 75px;
}
.related_news_head_text{
    text-align: left;
    font-weight: bold;
}

.rel_news_title{
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
    color: black;
    margin-bottom: 1rem !important;
}
.rel_news_title:hover{
    color: black;
}
.latest_detail_row{
    margin-top: 40px;
}
.latest_detail_row_head{
    font-weight: bold;
    text-transform: uppercase;
}
.player_paginat{
    float: right;
}
.sub_header{
    margin-top: 2.57%;
}
.scout_logo_sub{
    width: 78px;
}
.scout_logo_sub_text{
    width: 218px;
}

.header_sub_login_text p{
    font-weight: bold;
}
.login_sub_button{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 5px 15px;
    width: 30%;
    border-bottom: none;
    text-decoration: none;
}
.login_sub_button:hover{
    color: #fff;

}

.contact_scoutory_sub_button{
    color: #ED731A;
    font-weight: bold;
    border: none;
    outline: none;
    background: transparent;
}
.purchase_head_title{
    margin-top: 8%;
}
.purchase_head_col{
    margin: 0 auto;
}
.purchase_border{
    border-bottom: 1px solid #DBDBDD;
    margin-top: 30px;
}
.purchase_head_col h1{
    font-weight: bold;
}
.basic_plan_tit{
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 4% !important;
    font-size: 22px;
}
.purchase_includes{
    margin-top: 4% !important;
}
.purchase_check_icon{
    width: 40px;
    object-fit: cover;
}
.pricing_purchase span{
    font-weight: bold;
    font-size: 40px;
}
.log_page_log_button{
    margin-top: 5%;
}
.select_purchase_plan{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 7px 15px;
    width: 70%;
}
.purchase_border_bottom{
    border-bottom: 1px solid #DBDBDD;
    margin-top: 7%;
}
.bottom_row_sec{
    margin-bottom: 60px;
}

.sub_log_type_cont{
    margin-top: 10%;
    margin-bottom: 10%;
}
.purchase_border_bottom_sub_p{
    border-bottom: 1px solid #DBDBDD;
    margin-top: 12%;
    margin-bottom: 15%;
    width: 90%;
    margin:  auto;
}
.sub_col_2_head_text{
    margin-top: 10%;
    margin-bottom: 13%;
    text-align: left;
}

.log_social_media_buttons{
    /*margin-bottom: 6%;*/
    padding: 10px 15px 10px 15%;
    color: white;
    background: #27272E;
    border-bottom: none;
    text-decoration: none;
    text-align: left;
}
.log_social_media_buttons:hover{
    color: #fff;;
}
.login_media_icons{
    width: 20px;
    object-fit: cover;
}
.head_sub_left_title{
    color: black;
}

.reg_input_group{
    width: 100%;
    margin-bottom: 5%;
}
.reg_button{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 5px 15px;
}
.register_button{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
.login_card_body{
    text-align: center;
}
.login_card_body h1{
    font-weight: bold;
}
.login_card_body p{
    font-weight: bold;
}
.login_card_body a{
    text-decoration: none;
    color: #ED731A;
    outline: none;
}
.form-check-input{
    float: left;
}
.forgot_password{
    text-align: right;
}
.login_head_row{
    margin-bottom: 6%;
}
.login_inputs{
    background: #ECECEC !important;
    height: 45px;
}
.sub_detail_login p{
    font-weight: bold;
}
.sub_detail_login a{
    text-decoration: none;
    color: #ED731A;
    outline: none;
}
.sub_detail_login{
    margin-top: 3%;
}
.login_menu_button{
    background: transparent;
    /*font-weight: bold;*/
    color: white !important;
    border: none;
}
#login_ul{
    position: absolute;
    right: 21px;
}
.login_menu_button:hover{
    color: white !important;
}
.login_modal_row{
    text-align: center;
    font-weight: bolder;
    margin-bottom: 30px;
}
.login_modal_row h1{
    text-transform: uppercase;
}
.login_modal_row a{
    text-decoration: none;
    color: #ED731A;
    outline: none;
}
.login_modal_body{
    margin-bottom: 55px;
    margin-left: 55px;
    margin-right: 55px;

}
.login_modal_footer{
    color: black;
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
}
.login_modal_footer_remember{
    color: black;
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
    float: left;
    margin-left: 12px;
}
.login_modal_footer:hover{
    color: black;
    font-weight: bold;
    text-decoration: none;
    border-bottom: none;
}
.login_modal_sign_button, .login_modal_login_button{
    background: transparent;
    color:  #ED731A;
    outline: none;
    border:none;
    font-weight: bold;
}
.login_modal_row h3{
    font-weight: bold;
    text-transform: uppercase;
}
#togglePassword{
    color: black;
    position: relative;
    top: -30px;
    right: 5%;
    float: right;
}
#base_login_icon{
    margin-left: 10px;
}

/*start user profile */
.user_layout_header_fluid{
    background: linear-gradient(180.49deg, #FFFFFF 20.71%, #CFCFCF 161.77%);
}

.user_layout_scout_logo_sub{
    width: 58px;
    height: auto;
}
.user_layout_scout_logo_sub_text{
    width: 208px;
    height: auto;
}
.user_layout_sub_header{
    margin-top: 1.5%;
}
.carousel_bg_image {
    height: auto !important;
}
.header_sub_login_text_user_layout{
    text-align: right;
    margin-top: 20%;
}
.header_sub_login_text_user_layout P {
    margin-bottom: 1rem !important;
}
.header_sub_login_text_user_layout span{
    font-weight: bold;
}
.user_subsc_my_subsc p {
    margin-bottom: 1rem !important;
}
.user_profile_row{
    margin-top: 7.7%;
}
.border_left{
    border-left: 1px solid #DBDBDD;
}
.profileNavbar{
    /*border-right: 1px solid #DBDBDD;*/
    text-align: inherit;
    font-weight: bold;
}

.logoutLink{
    text-decoration: none;
    color: #000;
}

.profile_li_sec{
    border: none !important;
    text-decoration: none;
    color: black !important;
    background-color: transparent !important;
}
.profile_li_sec a{
    border: none !important;
    text-decoration: none;
    color: black !important;
    background-color: transparent !important;
}
.profile_li_sec.active a{
    border: none;
    text-decoration: none;
    color: #ED731A !important;
    background-color: transparent !important;
}
.non_user_image{
    width: 220px;
    object-fit: cover;
}
.right_col_edit_user label{
    font-weight: bold;
}
.save_changes_button{
    background-color: #ED731A !important;
    color: #fff;
    border: none;
    outline: none;
    padding: 7px 15px;
    width: 100%;
    font-weight: bold;
    margin-bottom: 6%;
}
.save_changes_button:hover{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 7px 15px;
    width: 100%;
    font-weight: bold;
    margin-bottom: 6%;
}
.user_profile_inputs{
    background: #E5E5E5;
    border: none;
    margin-bottom: 1%;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input{
    display: none;
}
.label_upload_photo{
    font-weight: bold;
    width: 220px;
    text-align: center;
    margin-top: 2%;
    cursor: pointer;
}
.plus_button{
    border-radius: 50%;
    background: #ED731A;
    border: none;
    width: 12%;
    color: white;
    margin-left: 4%;
}
.profile_blade_container{
    margin-bottom: 15%;
}
.profile_blade_container_fav{
    margin-bottom: 3%;
}

.edit_button_col{
    float: right;
}
#profile_icons_fa{
    color: #ED731A;
}
.profile_page_user_name{
    font-weight: bold;
}
.edit_button_col{
    border: 2px solid #ED731A;
    border-radius: 40px;
}
.edit_button_col i{
    width: 102px;
    text-align: center;
}
.edit_button_col a{
    color: #ED731A;
    font-weight: bold;
    border: none;
    outline: none;
    padding: 5px 15px;
    background: transparent;
}
/*.user_subsc_my_subsc{*/
/*  margin-top: -2%;*/
/*}*/
.select_purchase_plan_user_page{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 7px 15px;
    width: 90%;
}
.contact_scout_span{
    color: #ED731A;
}
.user_prof_subs_head_text{
    font-weight: bold;
}


.user_profile_added{
    border-radius: 40px;
    background: #A8A8A8;
    color: #ECECEC;
    border: none;
    padding-inline: 10px;
}
.user_profile_back_button{
    background: #ED731A;
    border: none;
}
.user_profile_back_button:hover{
    background: #ED731A;
}
.user_add_player_button{
    background: #ED731A !important;
    border: none;
    margin-top: 3%;
    width: 100%;
}
.user_add_player_button:hover{
    background: #ED731A;
}
/*end user profile*/

.reset_button{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 10px 15px;
    width: 100%;
    margin-top: 3%;
}
.reset_inputs{
    background: #ECECEC;
    height: 45px;
    margin-top: 2%;
}
.reset_card_body{
    text-align: center;
    margin: 10%;
}
.reset_card_body h1{
    font-weight: bold;
}
.reset_card_body p{
    font-weight: bold;
}
.reset_card_body a{
    text-decoration: none;
    color: #ED731A;
    outline: none;
}

/*chatbox*/
.avatar {
    height: 50px;
    width: 50px;
}
.avatar_adm {
    height: 30px;
    width: 30px;
}
.list-group-item:hover, .list-group-item:focus {
    background: rgba(24,32,23,0.37);
    cursor: pointer;
}
.chatbox {
    height: 80vh !important;
    overflow-y: scroll;
}
.message-box {
    height: 70vh !important;
    overflow-y: scroll;display:flex; flex-direction:column-reverse;
}
.single-message {
    background: #f1f0f0;
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 10px;
    width: fit-content;
}
.received {
    margin-right: auto !important;
}
.sent {
    margin-left: auto !important;
    background :#3490dc;
    color: white!important;
}
.sent small {
    color: white !important;
}
.link:hover {
    list-style: none !important;
    text-decoration: none;
}
.online-icon {
    font-size: 11px !important;
}
/*chatbox end*/


.player_not_found{
    text-align: center;
    margin: 4%;
}
.player_deactived_button{
    background: red !important;
    border: none;
    margin-top: 3%;
    width: 100%;
}
.player_deactived_button:hover{
    background: red;
}
.subsc_buy_button_a{
    background-color: #ED731A;
    color: #fff;
    border: none;
    outline: none;
    padding: 5px ;
    text-align: center;
}
.payment_col{
    margin: auto;
}


.payment_labels{
    color: black;
    font-weight: bold;
    text-align: left;
}
.payment_header_title_payment{
    font-weight: bold;
    margin-bottom: 25px;
}
.head_payment_title{
    color: black;
    margin: 10%;
}

.mastercard_section{
    display: none;
}

.paymentNote{
    margin-top: 5px;
    font-size:14px;
}



.logo_hide{
    display: none;
}
.logo_show{
    position: relative;
    right: 10%;
    bottom: 40%;
    width: 21px;
}


.paypal_logo, .master_logo{
    width: 100px;
    height: 60px;
    object-fit: contain;
    border: 1px solid #ddd;
}
.payment_fluid{
    margin-bottom: 10%;
}
.payment_group_input{
    background: #ECECEC;
    height: 45px;
}
.payment_group_input_left{
    background: #ECECEC;
    height: 45px;
    margin-right: 20px;
}
.payment_labels_align_left{
    text-align: left;
    color: black;
    font-weight: bold;
}
label[for=acceptPaymentPolicy]{
    margin: 25px 0 0 0;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}


label[for=acceptPaymentTerms]{
    margin: 25px 0 0 0;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}
.paypal_section{
    margin: 15px auto;
    font-size: 20px;
}
.added_button_blue{
    float: right;
    background: #48A0F1;
    color: white;
    border: none;
    width: 20%;
}
.filter_li{
    list-style: none;
    /*overflow: hidden;*/
    border-radius: 40px;
    background: #FFFFFF;
    display: block;
    text-decoration: none;
    font-weight: bold;
}

.filter_li option{
    line-height: 1.5;

}

.filter_rows,
.filter_rows * {

    position: relative;
    box-sizing: border-box;
}
.filter_rows:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #aaa;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
#navbarDropdown{
    color: black !important;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    font-weight: bold;
}
#navbarDropdown_user{
    color: black !important;
    display: block;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    font-weight: bold;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 2.255em;
    vertical-align: unset;
}
.dropdown-menu{
    transform: translate(-30px, 41px);
}
.catchword_input{
    border: none !important;
    border-radius: 40px;
    text-align: center;
    display: block;
    text-decoration: none;
    outline: none;
    width: 170px;
}
.user_fav_list_row{
    border: 1px solid #dee2e6!important;
    margin-left: 3%;
    margin-bottom: 4%;
}
.player_header_title_fluid{
    font-size: 38px;
    font-weight: bold;
    text-transform: uppercase;
}
#updated_at_fav{
    color: green;
}
.updated_at_fav_div{
    margin-top: 13%;
}
.filter_rows{
    width: 137px;
}
a#navbarDropdown.dropdown-toggle::after{
    float: right;
}
#scroll_filter{
    height: 250px;
    overflow-x: scroll;
    overflow-x: hidden;
}
.player-database-list{
    margin-bottom: 40px;
}
.player-database-list .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter_li_user{
    list-style: none;
    border: 1px solid black;
    border-radius: 40px;
    background: #FFFFFF;
    display: block;
    text-decoration: none;
    height: 30px;
}
.catchword_input_user{
    border-radius: 40px;
    border: 1px solid black;
    text-align: center;
    display: block;
    text-decoration: none;
    margin: 8.5%;
    height: 30px;

}
.filter_catch{
    margin-left: 17%;
    list-style: none;
    /*overflow: hidden;*/
    border-radius: 40px;
    background: #FFFFFF;
    display: block;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}
.filter_rows_user{
    width: 145px;
    margin: 0.2%;
}
.pagination{
    float: right;
    font-weight: bold;
    margin: 0;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
    font-size: 40px;
    font-weight: 600;
}
.page-item .page-link {
    background: transparent;
    color: #fff;
}
.page-item .page-link:hover {
    color: #fff;
}
li.page-item.active{
    background: #ED731A;
}
.page-item.disabled .page-link {
    background: transparent;
    color: #fff;
}
.page-item.active .page-link{
    color: #f0f0f0;
    background: #ED731A;
}
.page-item:last-child .page-link{
    color: #ED731A;
}
.page-item:first-child .page-link {
    color: #ED731A;
}
.page-link:hover{
    color: black;
}
.page-link{
    color: black ;
}

.news_detail_title p{
    width: 600px;
}
.news_detail_title h1{
    max-width: 600px;
}
.news_detail_title h2{
    max-width: 600px;
}
.news_detail_title h3{
    max-width: 600px;
}
.news_detail_title h4{
    max-width: 600px;
}
.news_detail_title h5{
    max-width: 600px;
}
.news_detail_title h6{
    max-width: 600px;
}
.news_detail_title span{
    max-width: 600px;
}
.our_mission{
    justify-content: center;
}
.our_mission h4{
    font-weight: bold;
    text-transform: uppercase;
}
.our_team{
    background-color: #F7F7F7;
    margin-top: 3%;
    /*margin-bottom: -50px;*/
}
.our_team_row{
    margin-top: 3%;
    margin-bottom: 3%;
    justify-content: center;
    align-items: center;
}
.our_team_col{
    margin-top: 3%;
}
.our_team_card{
    text-align: center;
    background: #FFFFFF;
    border-radius: 2px;
    box-shadow: 0px 0px 16px #dcdbde;
    padding: 2%;
    min-height: 225px;
    width: 200px;
}
/* glosary */

.glossary_head_titile{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 38px;
    margin-top: 70px !important;
}
.manual_head_col{
    border: none;
    border-radius: 25px;
    text-align: center;
    align-items: center;
    background: #ED731A;
    color: white;
    height: 35px;
    padding: 5px;
}

.manual-database{
    background: #FFFFFF;
    margin-bottom: 30px;
    height: 190px;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url(/image/pl_head_ball.png),linear-gradient(180.49deg, #FFFFFF 41.59%, #CFCFCF 106.19%);

}
.manual-database-container{
    background-image: url(/image/pl_head_scout.png);
    background-repeat: no-repeat;
    background-position: bottom;

}
.manual-database .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.glos_titile_h4{
    font-weight: bold;
}
.glos_items_row{
    margin-top: 3%;
}
.manual_head_col a{
    border: none;
    text-decoration: none;
    color: white !important;
    cursor: pointer;
}

.pl_to_manual a{
    text-decoration: none;
    border: none !important;
    color: #ED731A !important;
}

.our_team_card h6{
    font-weight: bold;
}
.member_prof{
    color: #ED731A;
}


.multiselect {
    width: 200px;
    position: absolute;
    top: -19px;
    padding: 0;
}

.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    border-radius: 40px;
    background: #FFFFFF;
    display: block;
    text-decoration: none;
    font-weight: bold;
    padding: 7px;
    border: 1px solid #ced4da;
    appearance: none;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#checkboxes {
    /* display: none; */
    border: 1px#dadada solid;
    background: #FFFFFF;
    font-weight: bold;
    width: 220px;
    padding: 6%;
    border-radius: 12px;
    position: relative;
    left: -29%;
    /* overflow-y: scroll; */
    height: 250px;
}

#checkboxes label {
    display: block;
}

#checkboxes label:hover {
    background-color: transparent;
}


#checkboxess {
    display: none;
    border: 1px#dadada solid;
    background: #FFFFFF;
    font-weight: bold;
    width: 250px;
    padding: 6%;
    border-radius: 12px;
    position: relative;
    left: -33%;
    overflow-y: scroll;
    height: 250px;
}

#checkboxess label {
    display: block;
}

#checkboxess label:hover {
    background-color: transparent;
}
#news_title_a{
    text-decoration: none !important;
    border: none !important;
    color: black !important;
}

.dropdown-menu li.selected > a.selected {
    color: #ED731A; }

.check-mark {
    font-size: 12px;
    margin-top: 2px;
    color: #ED731A;
    position: relative;
}


label .check-box-effect {
    display: inline-block;
    position: relative;
    background-color: transparent;
    width: 25px;
    height: 20px;
    /* border: 2px solid #dcdcdc; */
    border-radius: 10%;
}

label .check-box-effect:before {
    content: "";
    width: 0px;
    height: 2px;
    border-radius: 2px;
    background: #ED731A;
    position: absolute;
    transform: rotate(45deg);
    top: 13px;
    left: 9px;
    transition: width 50ms ease 50ms;
    transform-origin: 0% 0%;
}

label .check-box-effect:after {
    content: "";
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: #ED731A;
    position: absolute;
    transform: rotate(305deg);
    top: 17px;
    left: 11px;
    transition: width 50ms ease;
    transform-origin: 0% 0%;
}

label:hover .check-box-effect:before {
    width: 5px;
    transition: width 100ms ease;
}
label:hover .check-box-effect:after {
    width: 10px;
    transition: width 150ms ease 100ms;
}

.pos_role_input[type="checkbox"] {
    display: none;
}

.active_title{
    color: #ED731A;
}

.pos_role_input[type="checkbox"]:checked + .check-box-effect {
    background-color: transparent !important;
    transform: scale(1.25);
}

.pos_role_input[type="checkbox"]:checked + .check-box-effect:after {
    width: 10px;
    background: #ED731A;
    transition: width 150ms ease 100ms;
}

.pos_role_input[type="checkbox"]:checked + .check-box-effect:before {
    width: 5px;
    background: #ED731A;
    transition: width 150ms ease 100ms;
}

/* .pos_role_input[type="checkbox"]:checked:hover + .check-box-effect {
  background-color: #dcdcdc;
  transform: scale(1.25);
}

.pos_role_input[type="checkbox"]:checked:hover + .check-box-effect:after {
  width: 10px;
  background: #ED731A;
  transition: width 150ms ease 100ms;
}

.pos_role_input[type="checkbox"]:checked:hover + .check-box-effect:before {
  width: 5px;
  background: #ED731A;
  transition: width 150ms ease 100ms;
} */

#multiple-checkboxes{
    border: none;
    overflow-y: auto;
    height: 50vh;
}
.hide {
    display: none;
}

@media screen and (max-width: 767px) {
    ul.dropdown-menu.inner{
        position: relative !important;
        top: -34px !important;
        height: 850px !important;
        left: 0 !important;
    }
    .dropdown-menu.show{
        /* display: contents; */
        left: 0;
    }
    .top11pl {
        margin: 150px 0 124px 0 !important;
        border-radius: 30px;

    }
    .user_profile_row{
        z-index: 33;
    }

    #news_title_a{
        display: block;
        margin-top: 15px;
    }
    .see_more_news{
        display: block !important;
    }
    .homePageNews3, .homePageNews4{
        display: none !important;
    }

    .mobile_pagination{
        display: flex !important;
    }
    .desktop_pagination{
        display: none !important;
    }

    .news_detail_title p{
        width: auto;
    }
}


button.btn.dropdown-toggle.btn-light{
    color: #000 !important;
    border-radius: 33px !important;
    border: 1px solid #ced4da !important;
    width: 140px !important;
    display: block !important;
    outline: none !important;
    box-shadow: none !important;
    text-align: left !important;
    font-weight: bold !important;
}

ul.dropdown-menu.inner{
    position: relative !important;
    top: -45px !important;
    left: 15px !important;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    position: absolute;
    display: inline-block;
    left: 7px;
    top: 5px;
}
.dropdown-menu.show{
    /* max-height: 220px !important; */
    overflow: hidden !important;
    min-height: 114px !important;
    position: absolute !important;
    inset: 0px auto auto 0px !important;
    margin: 0px !important;
    transform: translate(12px, 40px) !important;
    left: -30% !important;
    border-radius: 20px;
}
.bootstrap-select>.dropdown-toggle:after{
    display: none !important;
}
.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
    margin-left: -13px !important;
}
.btn.dropdown-toggle.bs-placeholder.btn-light{
    text-align: left;
    font-weight: bold;
}
.inner.show{
    overflow-x: hidden;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text{
    padding-left: 10px;
}
#r_p_default_select{
    font-weight: bold;
}

.player_menu_itam.top11 {
    /*max-width: 100% !important;*/
    height: 100%;
    align-items: start !important;
    padding-right: 30px;
    padding-left: 20px;
}

.player_menu_itam.top11pl {
    max-width: 100% !important;
    height: 100%;
    align-items: start !important;
}
.player_menu_itam::-webkit-scrollbar-track
{
    background-color: transparent;
}

.player_menu_itam::-webkit-scrollbar
{
    background-color: transparent;
}

.player_menu_itam::-webkit-scrollbar-thumb
{
    background-color: transparent;
}
#home_sub_left_ul{
    white-space: nowrap;
}

.wpwl-form.wpwl-form-card.wpwl-clearfix{
    background: transparent;
    border: none;
    box-shadow: none;
}
.wpwl-button.wpwl-button-pay{
    width: 100%;
    color: white !important;
    border-radius: unset !important;

}
.wpwl-button-pay{
    color: #ED731A !important;
    background-color: #ED731A !important;
    border: none !important;
    position: relative !important;
    top: 90px !important;
}
.wpwl-button-pay:hover, .wpwl-button-pay:focus, .wpwl-button-pay:active {
    background-color: #ED731A !important;
    background: #ED731A !important;

}
.wpwl-label.wpwl-label-brand{
    color: black;
}
.paypal_button{
    color: #ED731A;
    background-color: transparent !important;
    border: none !important;
    text-decoration: none;
    font-weight: 600;
    cursor: not-allowed;
    opacity: 0.5;
}
.paypal_button:hover{
    color: #d06a20;
}

.wpwl-control, .wpwl-group-registration {
    border-radius: 0 !important;
}
.wpwl-control {
    height: 3.125rem !important;
}
.wpwl-group.wpwl-group-brand{
    display: none !important;
}

.wpwl-button-pay:hover, .wpwl-button-pay:focus, .wpwl-button-pay:active {
    position: relative !important;
    top: 90px !important;
}
.wpwl-group-expiry
{
    position: absolute !important;
    top: 185px !important;
    width: 50%;
    color: black;
    font-weight: bold;
    text-align: initial;
}
.wpwl-label-cvv, .wpwl-label-cardHolder, .wpwl-label-cardNumber{
    color: black;
    font-weight: bold;
    text-align: initial;
}
.wpwl-group-cardNumber, .wpwl-group-cardHolder, .wpwl-group-birthDate {
    width: 107% !important;
}
.wpwl-control-cardHolder, .wpwl-control-expiry{
    background-color: #F6F6F6;
}
.wpwl-group-cvv{
    width: 37%;
    float: right;
    position: relative;
    top: 85.5px;
}

.wpwl-control{
    color: black !important;
}
.wpwl-group-cardNumber{
    position: absolute;
    top: 35%;
    width: 100%  !important;
}

.wpwl-control::-webkit-input-placeholder {
    color:transparent;
}

.profiles_of_week_card_body{
    height: 50px;
}
.news_detail_image{
    padding: 0 !important;
}
.image_source_newsss{
    font-size: 13px;
    margin: -25px 0 0 0 !important;
    color: #fff;
    background: #00000040;
}

.qrBlok{
    margin: 30spx 0;
}

/* ###################### */
/*es poqr slaydna 6 ktoric baxkacac*/
.miniSliderBigDiv{
    width: 97%;
}
.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 0 15px;
    width: 100%;
    position:relative;
}
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all;
    float: left;
}
.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}
.MultiCarousel .MultiCarousel-inner .item > div {
    text-align: center;
    padding:10px;
    margin:10px;
    background:#f1f1f1;
    color:#666;
}
.MultiCarousel .leftLst, .MultiCarousel .rightLst {
    position:absolute;
    border-radius:50%;
    top:calc(50% - 20px);
}
.MultiCarousel .leftLst {
    left:0;
}
.MultiCarousel .rightLst {
    right:0;
}
.carousel-indicators .active{
    background-color: #cb0f41;
}
.item{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}
.pad15{
    padding: 0 40px !important;
    box-sizing: border-box;
    background-color: white !important;
}
.MultiCarouselOne{
    height: 206px;
}
.inMultiCarouselOne{
    height: 200px !important;
}
.itemOne{
    height: 100%;
}
.pad15One{
    display: flex;
    align-items: center;
    height: 140px !important;
}
.companyLogoImg{
    width: 99px;
    object-fit: contain;
}
.leftLst{
    position: absolute;
    margin-left: 7px;
    background: rgba(35, 31, 32, 0.3);
    color: #fff;
    border: 0px solid !important;
}
.rightLst{
    position: absolute;
    background: rgba(35, 31, 32, 0.3);
    color: #fff;
    margin-right: 7px;
    border: 0px solid !important;
}
.leftLst:hover{
    border: 0px solid !important;
    background-color: #ED731A !important;
}
.rightLst:hover{
    border: 0px solid !important;
    background-color: #ED731A !important;
}
#leftList{
    margin-right: 20px;
}
#rightLst{
    margin-left: 20px;
}
.fa-chevron-left{
    color: #fff;
}

.fa-chevron-left:before {
    color: white;
}
.fa-chevron-right:before {
    color: white
}


.for_authetnticator{
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.authenticator_links, .authenticator_links a{
    margin: 15px;
}

.socialLogin{
    margin-top: 10px;
}
.socialLogin a{
    display: block;
}

.cookiePopup{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    background: #00000060;
}
.cookiePopup a{
    color: #ED731A;
    text-decoration: underline !important;
}
.cookiePopup .modal-body p {
    margin-bottom: 1rem !important;
}
.popup_content{
    background: #2f3337;
    color: #fff;
}
.popup_content.footer_content{
    width: 100%;
    position: fixed;
    bottom: 0;
}
.popup_content.left_content{
    width: 30%;
    height: 100%;
    position: fixed;
    left: 0;
}
.popup_header{
    display: flex;
    justify-content: space-between;
}
.modal-body{
    overflow-y: scroll;
    max-height: 90%;
}
.left_content .popup_footer{
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #2f3337;
    padding: 15px;
}
.footer_content .popup_footer{
    padding: 15px;
}

.acceptAll, .acceptChoices{
    background: #ED731A;
    border: #ED731A;
}
.preferences{
    margin-top: 15px;
}
.acceptAll:hover, .acceptChoices:hover{
    background: #c66218;
}
.closeAll{
    color: #96989a;
    background-color: #2f3337;
    border-color: #2f3337;
}
.closeAll:hover{
    background-color: #4c5054;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    display: flex;
}
.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.accordion .active, .accordion:hover {
    background-color: #ccc;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    color: #000;
}

.switch {
    position: relative;
    right: 10px;
    display: inline-block;
    width: 51px;
    height: 25px;
    margin-left: auto !important;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2f3337;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #ED731A;
}

input:focus + .slider {
    box-shadow: 0 0 1px #ED731A;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

button.necessaryC .switch{
    pointer-events: none;
    opacity: 0.5;
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
    .news_home_right_images{
        width: 133px;
        height: 115px;
        object-fit: cover;
        margin-bottom: 10%;
    }
    .news_left_active_image {
        height: 262px;
        object-fit: cover;
        width: 270px;
    }
    .abouts_col_img{
        display: flex;
        align-items: center;
    }
    .abouts_us_image{
        width: 100%;
    }
    .abouts_col p{
        font-size: 14px;
    }
    .related_news h2 p {
        font-size: 20px;
    }
    .profiles_of_week_card_body{
        height: 70px;
        padding: 10px !important;
    }
    button.btn.dropdown-toggle.btn-light{
        width: 100px !important;
    }
    .player-database .filter_rows, .filter_rows * {
        font-size: 13px;
    }
    .filter_rows {
        width: 100px !important;
    }
    button.btn.dropdown-toggle.btn-light{
        width: 100px;
    }
    .grid-version .player-photo{
        width: 160px;
        height: 160px;
    }
    .player_name h3{
        font-size: 20px;
    }
    .grid-version .description{
        font-size: 14px;
    }
    .grid-version .col-md-9 > p{
        font-size: 14px;
    }
    .grid-version .col-md-9{
        padding: 0px 0px 0px 24px !important;
    }
    .our_team_card{
        width: 120px;
    }
    #member_image{
        width: 100px;
        height: 100px;
    }
    .our_team_card h6{
        font-size: 14px;
        margin-top: 10px;
    }
    .member_prof{
        font-size: 13px !important;
    }
    .our_team_card p{
        font-size: 11.5px;
    }
    .news-photo{
        width: 160px !important;
        height: 160px !important;
    }
    .news_sec .col-md-9 p{
        font-size: 14px;
    }
    .news_sec .col-md-9 h3{
        font-size: 23px;
    }
    .topnav a{
        font-size: 14px !important;
        padding: 14px 10px !important;
    }
    .header_nav_menu_items{
        margin-top: 9px;
    }
    .footer_scout_logo_sub_text{
        width: 105px;
    }
    div.topnav{
        display: block !important;
    }
    .navbar-expand-lg.home_header_nav{
        display: none !important;
    }
    .footer_scout_logo_sub {
        width: 46px;
    }
    .login_menu_button{
        position: absolute;
        right: 0px;
        margin-top: 9px;
    }
    .related_news .col-md-8 p{
        margin: 0px 0px 5px;
    }
    .related_news .col-md-8 h1{
        line-height: 1;
    }
    .related_news_img{
        width: 70px;
    }
    .related_newss .col-md-8 .row p{
        font-size: 13px;
    }
    .related_newss .related_active_title .rel_news_title{
        font-size: 15px;
    }

}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
    .news_left_active_image{
        width: 370px !important;
    }
    .news_home_right_images{
        width: 165px !important;
    }
    .homePageNews3.related_news .col-md-8 h2{
        font-size: 20px !important;
    }
}


.see_more_news{
    display: none;
    text-align: center;
}
.see_more_news a{
    color: #000;
}

.mobile_pagination{
    display: none;
    margin-bottom: 50px;
}

.our_cookies{
    margin: 21px 0;
}
#scoutoryCoockiesTable{
    width: 100%;
}
.scoutryTabeTr:nth-child(even) {
    background-color: #dddddc52;
}
.scoutryTabeTd{
    word-break: break-all;
}



.text_footer{
    color: #F6F6F6;
}

.text_footer a{
    text-decoration:none;
    color: #ED731A;
}


@media screen and (min-width: 1024px) and (max-width: 1201px) {
    .mobile_pagination{
        display: none !important;
    }
    .player-database .filter_rows, .filter_rows * {
        font-size: 13px;
    }

    .player-database .filter_rows, .filter_rows * {
        width: 100px !important;
        position: relative;
        box-sizing: border-box;
    }
    .player-database .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }
    .player-database button.btn.dropdown-toggle.btn-light {
        width: 100px !important;
    }
    .player-database ul.dropdown-menu.inner {
        position: relative !important;
        top: -45px !important;
        left: 15px !important;
    }

    .player-database .dropdown-menu.show{
        MIN-WIDTH: 257px !important;
    }

    .player-database .inner.show {
        overflow-x: hidden;
        width: 100% !important;
    }
}
.container:has(.desktop_pagination) {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-left: auto;
    background: #403F4B;
    max-width: 100%;

}
@media screen and (min-width: 902px) and (max-width: 992px) {
    .player-database .player_menu_itam .container {
        min-width: 100%;
    }
}

@media screen and (min-width: 766px) and (max-width: 903px) {
    .player-database .player_menu_itam{
        width: 90%;
        white-space: break-spaces;
        visibility: visible;
        display: flex;
        position: absolute;
        margin-top: 50px;
        /*border-radius: 30px;*/
        overflow-x: scroll;
        /*overflow-y: hidden;*/
    }

    .player-database .dropdown-menu.show{
        width: 250px;
    }

    .player-database .filter_rows,
    .filter_rows * {
        margin-right: 6%;
        position: relative;
        box-sizing: border-box;
        width: auto;
    }

    .player-database .form-control.filter_li {
        width: 115px !important;
    }
    .player-database .pl_to_manual {
        margin-left: 6%;
    }
}

#resetFilter{
    background-color: #ED731A;
    color: #fff;
    border-radius: 33px;
    white-space: nowrap;
}

@media (max-width: 1201px) {
    .catchwordRow{
        margin-right: 6%;
    }
}

.bluredText{
    text-shadow: 0 0 5px black;
    color: transparent;
}


.statisticsModal .modal-dialog{
    max-width: 70%;
    height: 80%;
}
.statisticsModal .modal-dialog .modal-content{
    height: 100%;
}
.statisticsModal .modal-dialog .modal-body{
    overflow: hidden;
}

@media screen and (max-width: 500px) {
    .statisticsModal .modal-dialog{
        max-width: 100%;
        height: 90%;
    }
}

.cursorButton{
    cursor:pointer;
}
table.waffle {
    display: block;
    overflow-x: auto;
    width: 95%;
    font-family: " Roboto", "RobotoDraft", Helvetica, Arial, sans-serif;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
    border-radius: 5px;
    max-width: 1027px;
    background-color: #FEFEFE;
    border-collapse: collapse;
    border:1px solid  #ccc;
    color: #00000F;
}
.waffle thead th {
    background: #f8f9fa !important ;
    width: 107px;
    font-size: 8pt  !important;
    height: 20px;
    color: #5f6368 !important;
}

.waffle thead th:first-child {
    background-color: #eee !important;
    width: 46px;
}
table.waffle tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
table.waffle tbody {
    display: block;
    min-width: 800px;
    width: 100%;
}
table.waffle td,
table.waffle th {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 3px;
    text-align: center;
    color: #000;
    font-weight: 600;
    background: #FEFEFE;
}

table.waffle td{
    background-color: #F6F6F6;
    text-align: center;
    font-weight: 700;
    color: #000000;
    font-family: 'Arial';
    font-size: 10pt;
    vertical-align: bottom;
    white-space: nowrap;
    direction: ltr;
    padding: 4px 3px 4px 3px;
}

.number {
    width: 46px;
    font-weight: normal !important;
    font-size: 8pt;
    background: #f8f9fa !important;
    color: #6C6E6F !important;
}

.waffle .s5, .s2{
    color: #ff0000 !important;
    font-weight: 800 !important;;
}

.errorMessage{
    display: flex;
    color: #dc3545;
}


:root {
    --color-1: linear-gradient(0deg, #2b2b33 49.35%, rgba(65, 65, 72, 0) 661.69%);
    --color-2: #fff;
    --color-3: #5d5d61;
    --color-4: #afafaf;
    --color-5: #14131e;
    --color-6: linear-gradient(180deg, #fff 20.8%, #cfcfcf 106.19%);
    --color-7: #79788a;
    --color-8: #b1b1b1;
    --color-9: #403f4b;
    --color-10: #e2e2e2;
    --progress-bar-bg: #ededed;
    --spinner-bg: #ffffffba;
    --pagination-color: #ed731a;
    --table-row-border: #7f7f80;
    --scroll-bar: #81808e;
    --mobile-menu-bg: linear-gradient(0deg, #2b2b33 49.35%, #717178 661.69%)
}

* {
    padding: 0;
    margin: 0;
    font-family: Montserrat
}

img {
    width: 100%;
    height: 100%
}

a {
    color: #000;
    text-decoration: none !important
}

input {
    outline: 0;
    border: none
}

button {
    outline: 0 !important;
    border: none;
    cursor: pointer;
    background: 0 0
}

label {
    margin: 0 !important
}

.fl {
    display: flex
}

/*p {*/
/*    margin: 0 !important*/
/*}*/

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.ttf);
    font-display: block
}

@font-face {
    font-family: Montserrat-500;
    src: url(../fonts/Montserrat-SemiBold.ttf);
    font-display: block
}

@font-face {
    font-family: Montserrat-600;
    src: url(../fonts/Montserrat-Medium.ttf)
}

@font-face {
    font-family: Montserrat-700;
    src: url(../fonts/Montserrat-Bold.ttf)
}

.navbar-wrapper {
    width: 100%;
    background: var(--color-1);
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    position: sticky;
    top: 0;
    z-index: 999
}

.navbar-wrapper-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.navbar-scoutory-logo {
    width: 54px;
    height: 54px;
    margin-right: 40px
}

.navbar-links-wrapper {
    gap: 28px
}

.navbar-link {
    color: var(--color-10);
    font-family: Montserrat-700;
    text-transform: uppercase;
    transition: .3s
}

.navbar-link:hover {
    color: var(--color-3)
}

.navbar-search-wrapper {
    position: relative;
    width: 180px
}

.navbar-search-wrapper .navbar-search-field {
    background: var(--color-3);
    color: var(--color-2);
    border-radius: 2px;
    padding: 10px 35px 10px 10px;
    width: 100%;
    text-align: center
}

.navbar-search-field::placeholder {
    font-family: Montserrat-700;
    color: var(--color-4)
}

.navbar-search-wrapper img {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

.navbar-login {
    font-family: Montserrat-700;
    text-transform: uppercase;
    color: var(--color-2);
    background-color: transparent
}

.navbar-search-login-wrapper {
    align-items: center;
    gap: 29px;
    margin-left: 124px
}

.navbar-link, .navbar-login, .navbar-search-field {
    font-size: 18px
}

.mobile-navbar {
    margin-right: 30px;
    display: none
}

#menuToggle {
    display: block;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    position: relative
}

#menuToggle input {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none
}

#menuToggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0;
    transition: transform .5s cubic-bezier(.77, .2, .05, 1), background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s
}

.last-line {
    margin-bottom: 0 !important
}

#menuToggle span:first-child {
    transform-origin: 0 0
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0 100%
}

#menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px)
}

#menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0) scale(.2, .2)
}

#menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px)
}

#menu {
    position: fixed;
    top: 64px;
    left: 0;
    width: 200px;
    padding: 24px 16px;
    background: var(--mobile-menu-bg);
    -webkit-font-smoothing: antialiased;
    transform-origin: 0 0;
    transform: translate(-100%, 0);
    transition: transform .5s cubic-bezier(.77, .2, .05, 1);
    display: flex;
    flex-direction: column;
    gap: 20px
}

#menuToggle input:checked ~ #menu {
    transform: none
}

@media screen and (max-width: 1600px) {
    .navbar-link, .navbar-login, .navbar-search-field {
        font-size: 16px
    }
}

@media screen and (max-width: 1180px) {
    .navbar-link, .navbar-login, .navbar-search-field {
        font-size: 14px
    }

    .navbar-scoutory-logo {
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width: 1130px) {
    .navbar-wrapper {
        justify-content: space-between;
        padding: 5px 20px
    }

    .navbar-search-login-wrapper {
        margin-left: auto
    }

    .navbar-scoutory-logo {
        margin-right: auto
    }
}

@media screen and (max-width: 920px) {
    .navbar-link, .navbar-login, .navbar-search-field {
        font-size: 12px
    }

    .navbar-wrapper {
        justify-content: space-between;
        padding: 5px 20px
    }

    .navbar-search-login-wrapper {
        margin-left: auto;
        gap: 15px
    }

    .navbar-scoutory-logo {
        margin-right: auto;
        width: 40px;
        height: 40px
    }

    .navbar-search-wrapper .navbar-search-field {
        padding: 8px 35px 8px 8px
    }

    .navbar-search-wrapper img {
        width: 14px;
        height: 14px
    }

    .navbar-links-wrapper {
        gap: 20px
    }
}

@media screen and (max-width: 780px) {
    .navbar-search-wrapper {
        width: 100px
    }

    .navbar-links-wrapper {
        gap: 15px
    }

    .navbar-link, .navbar-login, .navbar-search-field {
        font-size: 10px
    }

    .navbar-scoutory-logo {
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width: 720px) {
    .navbar-link, .navbar-login, .navbar-search-field {
        font-size: 8px
    }
}

@media screen and (max-width: 600px) {
    .navbar-links-wrapper, .navbar-search-wrapper {
        display: none
    }

    .navbar-link, .navbar-login, .navbar-search-field {
        font-size: 16px
    }

    .navbar-scoutory-logo {
        width: 36px;
        height: 36px;
        margin-right: 0
    }

    #navbar {
        height: 64px
    }

    .mobile-navbar {
        display: block
    }
}

.thead-custom {
    color: var(--color-2);
    text-transform: uppercase;
    font-family: Montserrat-700;
    font-weight: 700;
    height: 60px
}

.table-row {
    transition: .3s;
    background: var(--progress-bar-bg);
}

.table-row:hover {
    background: var(--color-10)
}

.thead-custom tr th:first-child {
    position: sticky;
    left: 0
}

.thead-custom tr th {
    background: var(--color-9);
    border-right: 1px solid var(--table-row-border)
}

.table-row th {
    position: sticky;
    left: 0;
    background: var(--color-10);
    text-transform: uppercase
}

.table-row td, .table-row th {
    color: var(--color-5);
    font-family: Montserrat-600;
    border-bottom: 1px solid var(--table-row-border)
}

.table-wrapper {
    width: 100%;
    overflow-x: auto
}

.table-wrapper::-webkit-scrollbar {
    height: 8px
}

.table-wrapper::-webkit-scrollbar-track {
    background: var(--progress-bar-bg)
}

.table-wrapper::-webkit-scrollbar-thumb {
    background: var(--scroll-bar);
    border-radius: 100px
}

.table thead th {
    vertical-align: middle !important
}

.table {
    width: max-content;
    max-width: max-content;
    margin: 0;
}
.row-progress-bar {
    border-radius: 10px;
    border: .5px solid #403f4b;
    background: #81cc46;
    text-align: center;
    font-family: Montserrat-600;
    font-weight: 600;
    color: var(--color-5);
    width: 57px;
    font-size: 12px
}

.pagination {
    justify-content: flex-end;
    align-items: center;
    /*background: var(--color-9);*/
    height: 86px;
    color: var(--color-2);
    gap: 15px;
}
.pagination .page-item .page-link {
    /*background: #fff;*/
    border: none;
    border-radius: 2px;
    padding: 6px 9px;
}
.desktop_pagination {
    width: 100%;
    margin: 0;
    margin-bottom: 50px;
}
.desktop_pagination .row {
    padding: 0;
}
.pagination #nextPage, .pagination #prevPage {
    height: 18px;
    width: 18px;
    background: 0 0;
    justify-content: center;
    align-items: center
}

.pagination button img {
    object-fit: contain
}

#totalPages {
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 0 20px
}

.page-btn {
    display: flex;
    color: var(--color-2);
    border-radius: 2px;
    padding: 8px
}

#current-page-btn {
    background: var(--pagination-color)
}

@media screen and (max-width: 600px) {
    .pagination {
        padding-right: 20px
    }
}

.dropdown {
    width: 120px
}
.dropdown-placeholder {
    width: inherit;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    color: var(--color-5);
    background: var(--color-2);
    font-family: Montserrat-500;
    font-size: 14px;
    border-radius: 60px;
    cursor: pointer;
    z-index: 1;
    position: relative
}

.dropdown-placeholder img {
    width: 12px;
    height: 12px;
    transform: rotate(180deg);
    transition: 0.3s ease;
}

.filtering {
    background: var(--color-3);
    padding: 100px
}

.checkbox-wrapper-33 .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.checkbox-wrapper-33 .checkbox {
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.checkbox-wrapper-33 .checkbox + .checkbox {
    margin-top: .625em
}

.checkbox-wrapper-33 .checkbox__symbol {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    position: relative;
    border-radius: .1em;
    width: 12px;
    height: 12px;
    transition: box-shadow .4s, background-color .4s;
    box-shadow: 0 0 0 0 rgb(95 17 232 / 10%)
}

.checkbox-wrapper-33 .checkbox__symbol:after {
    content: "";
    position: absolute;
    top: 35%;
    left: 35%;
    width: 5px;
    height: 5px;
    background-color: var(--pagination-color);
    opacity: 0;
    border-radius: 3em;
    transform: scale(1);
    transform-origin: 50% 50%
}

.checkbox-wrapper-33 .checkbox__trigger:checked + .checkbox__symbol:after {
    -webkit-animation: 1.5s ripple-33;
    animation: 1.5s ripple-33
}

@-webkit-keyframes ripple-33 {
    from {
        transform: scale(0);
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(5)
    }
}

@keyframes ripple-33 {
    from {
        transform: scale(0);
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(5)
    }
}
.dropdown-options {
    max-height: 250px;
    overflow-y: auto;
    position: fixed;
    min-width: 120px;
    border-radius: 10px;
    background: #fff;
    padding: 10px 17px;
    margin-top: 5px;
    display: none;
    overflow-x: hidden;
    white-space: initial;
}
.dropdown-option p {
    margin-bottom: 0;
}
.user-my-player-btns {
    display:flex;
    justify-content: flex-end;
    margin-bottom: 0;
    gap: 15px
}
@media screen and (max-width: 767px) {
    .user-my-player-btns {
        justify-content: space-between;
    }
    .toProfile {
        width: 48%;
    }
}
@media screen and (max-width: 430px) {
    .toProfile {
        width: 47%;
    }
}
@media screen and (max-width: 380px) {
    .toProfile {
        width: 100%;
    }
}
.glossary_dropdown .dropdown-options  {
    min-width: 300px;
    max-width: 360px;
    z-index: 2;
    border: 1px solid #ddd;
}
.dropdown-options::-webkit-scrollbar {
    width: 3px
}
.dropdown-options::-webkit-scrollbar-track {
    background: var(--progress-bar-bg)
}

.dropdown-options::-webkit-scrollbar-thumb {
    background: var(--scroll-bar);
    border-radius: 100px
}

.checkbox__symbol img {
    width: 10px;
    height: 10px;
    object-fit: contain;
    opacity: 0;
    visibility: hidden;
    transition: .7s
}

.checkbox-wrapper-33 .checkbox__trigger:checked + .checkbox__symbol img {
    opacity: 1;
    visibility: visible
}
.dropdown:has(.dropdown-options.open) .dropdown-placeholder img {
    transform: rotate(0deg);
}
@media screen and (max-width: 600px) {
    .dropdown-options {
        z-index: 2
    }
}

.player-database-title {
    color: var(--color-5);
    font-size: 36px;
    font-family: Montserrat-700;
    text-transform: uppercase
}

.filter-wrapper {
    padding: 71px 32px 28px;
    background: var(--color-6);
    position: relative
}
.filter-items-wrapper {
    margin-top: 47px;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

.filter-title {
    align-items: center;
    color: var(--color-5);
    font-size: 20px;
    font-family: Montserrat-500;
    margin-right: 15px;
    gap: 6px
}

.filter-title img {
    width: 28px;
    height: 28px;
    gap: 6px
}

.filter-items-btn {
    border-radius: 60px;
    background: var(--color-2);
    padding: 8px 14px;
    color: var(--color-7)
}

.filteritems-btn-space {
    align-items: center;
    justify-content: space-between;
    gap: 49px
}

.filteritems-btn-space img {
    width: 14px;
    height: 14px
}

.filter-items {
    gap: 13px;
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    width: 100%;
}

.filter-items::-webkit-scrollbar {
    display: none
}

.filter-items-name-wrapper {
    color: #b1b1b1;
    font-size: 14px;
    font-style: normal;
    font-family: Montserrat-500;
    line-height: normal;
    width: 105px
}

.filter-items-name-wrapper input {
    height: 100%;
    width: 100%;
    border-radius: 60px;
    padding: 0 14px
}

.filter-items-name-wrapper input::placeholder {
    color: var(--color-8)
}

.filter-question-wrapper {
    margin-left: 8px
}

.filter-question-btn {
    background: var(--color-2);
    border-radius: 50%;
    height: 38px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6px;
    width: 38px
}

.filter-question-btn img {
    width: 18px;
    height: 18px
}

.filter-items-name-wrapper input, .filter-question-btn {
    font-size: 14px
}
@media screen and (min-width: 600px) {
    .filter-question-wrapper_mobile {
        display: none;
    }
}
@media screen and (max-width: 600px) {
    .filter-wrapper {
        padding: 28px 16px
    }

    .filter-question-wrapper, .filter-title {
        display: none
    }
    .filter-question-wrapper_mobile {
        display: block;
        margin: 0 !important;
        width: 43vw;
    }
    .filter-question-wrapper_mobile a, .filter-question-wrapper_mobile button {
        width: inherit;
        color: #14131E;
        border-radius: 60px;
        font-weight: 500;
        font-family: Montserrat-500;
        font-size: 14px;
        justify-content: flex-start;
    }
    .filter-question-wrapper_mobile button {
        padding: 0 14px;
    }
    .filter-items {
        flex-direction: row;
        flex-wrap: wrap
    }

    .dropdown, .filter-items-name-wrapper, .filter-items-name-wrapper input {
        width: 43vw
    }
    .filter-items-name-wrapper, .filter-items-name-wrapper input {
        height: 37px;
        display: flex
    }

    .player-database-title {
        font-size: 18px
    }

    .filter-items-wrapper {
        margin-top: 20px
    }
}

/*filter css */


.player-database-title {
    color: var(--color-5);
    font-size: 36px;
    font-family: Montserrat-700;
    text-transform: uppercase;
}
.filter-wrapper {
    padding: 71px 35px 28px 35px;
    background: var(--color-6);
    position: relative;
}
.player-database-bg {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.filter-items-wrapper {
    margin-top: 47px;
    align-items: center;
    position: relative;
    z-index: 1;
}
.filter-title {
    align-items: center;
    color: var(--color-5);
    font-size: 20px;
    font-family: Montserrat-500;
    margin-right: 15px;
    gap: 6px;
}
.filter-title img {
    width: 28px;
    height: 28px;
    gap: 6px;
}
.filter-items-btn {
    border-radius: 60px;
    background: var(--color-2);
    padding: 8px 14px;
    color: var(--color-7);
    /* width: 153px; */
}
.filteritems-btn-space {
    align-items: center;
    justify-content: space-between;
    gap: 49px;
}
.filteritems-btn-space img {
    width: 14px;
    height: 14px;
}
.filter-items {
    gap: 13px;
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    cursor: grab;
}
.filter-items::-webkit-scrollbar {
    display: none;
}
.filter-items-name-wrapper {
    color: #b1b1b1;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-family: Montserrat-500;
    line-height: normal;
}
.filter-items-name-wrapper input {
    height: 100%;
    width: inherit;
    border-radius: 60px;
    padding: 0 14px;
}
.filter-items-name-wrapper input::placeholder {
    color: var(--color-8);
}
.filter-question-wrapper {
    margin-left: 8px;
}
.filter-question-btn {
    background: var(--color-2);
    border-radius: 50%;
    width: 38px;
    height: 38px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    align-items: center;
    justify-content: center;
    width: 102px;
    text-align: center;
    padding: 6px;
    width: 38px;
}
.filter-question-btn img {
    width: 18px;
    height: 18px;
}
.filter-question-btn,
.filter-items-name-wrapper input {
    font-size: 14px;
}
@media screen and (min-width: 600px) {
    .filter-items-name-wrapper {
        width: 100%;
    }
}
@media screen and (min-width: 600px) and (max-width: 1410px) {
    .filter-items-name-wrapper {
        width: 150px;
    }
}
@media screen and (max-width: 600px) {
    .filter-wrapper {
        padding: 0;
    }
    .player-database, .filter-items {
        padding: 28px 16px;
    }
    .filter-question-btn {
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    }
    .filter-title {
        display: none;
    }
    .filter-items {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        cursor: unset;
    }
    .filter-items-name-wrapper,
    .filter-items-name-wrapper input {
        height: 37px;
        display: flex;
        /*width: inherit;*/
    }
    .player-database-title {
        font-size: 18px;
    }
    .filter-items-name-wrapper input {
        width: inherit;
    }
    .filter-items-wrapper {
        margin-top: 20px;
    }
    .dropdown {
        width: 43vw !important;
    }
    /*.dropdown-options {*/
    /*    min-width: 158px;*/
    /*}*/
}

/* Dropdown css */
#glossary_manual_row {
    gap: 10px;
}
.dropdown {
    width: 120px;
    display: flex;
}
.glossary_dropdown {
    width: fit-content !important;
    padding: 0;
}
.dropdown-placeholder {
    width: inherit;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    color: var(--color-5);
    background: var(--color-2);
    font-family: Montserrat-500;
    font-size: 14px;
    border-radius: 60px;
    cursor: pointer;
    z-index: 1;
    position: relative;
}
.glossary_dropdown .dropdown-placeholder {
    font-size: 18px;
    background: #ed731a;
    color: #fff;
    gap: 15px;
}
.dropdown-placeholder img {
    width: 12px;
    height: 12px;
}
.glossary_dropdown .dropdown-placeholder img {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
}
.filtering {
    background: var(--color-3);
    padding: 100px;
}

.checkbox-wrapper-33 .checkbox {
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.checkbox-wrapper-33 .checkbox + .checkbox {
    margin-top: 0.625em;
}
.checkbox__trigger {
    display: none;
}
.custom__checkbox {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid var(--color-5);
    background-color: #fff;
    cursor: pointer;
    position: relative;
    margin-left: 15px;
}
.custom__checkbox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    /* transform: translate(-50%, -50%); */
    width: 100%;
    height: 100%;
    background-image: url("../../image/tick-mark-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.2s;
}
.checkbox__trigger:checked + .custom__checkbox::before {
    opacity: 1;
}
/* width */
.dropdown-options::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.dropdown-options::-webkit-scrollbar-track {
    background: var(--progress-bar-bg);
}

/* Handle */
.dropdown-options::-webkit-scrollbar-thumb {
    background: var(--scroll-bar);
    border-radius: 100px;
}
.player-link {
    text-decoration: underline !important;
    transition: 0.3s ease;
}
@media screen and (max-width: 767px) {
    .glossary_dropdown {
        width: 100% !important;
    }
    .glossary_dropdown .dropdown-options {
        min-width: 70%;
        max-width: 90%;
        /*width: 70%;*/
    }
}
@media screen and (max-width: 600px) {
    .dropdown-options {
        z-index: 2;
    }
    .pagination .page-item .page-link {
        padding: .375rem .75rem;
    }
    .player-database-bg img {
        width: 300px;
        height: auto;
    }
    .player-database {
        height: 40px;
    }
    .dropdown .dropdown-placeholder, .filter-items-name-wrapper input {
        /*border: 1px solid #B4B4B4;*/
    }
    .dropdown-options {
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    }
}

.sorting_arrows_wrapper svg {
    display: block;
}
.sorting_arrows_wrapper svg:first-child {
    margin-bottom: 3px;
}
.players_table_header {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    font-size: 14px;
    cursor: pointer;
}
.table-content th {
    padding-left: 12px;
}
#table-body td {
    /*text-align: center;*/
}
.table-content th:first-child {
    padding-left: 23px;
}
.filter-question-wrapper {
    position: relative;
}
.glossary_popup {
    position: absolute;
    top: -60px;
    left: -10px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform:  scale(0.5);
    transition: 0.3s ease;
}
@media screen and (min-width: 600px) {
    .glossary_popup svg {
        width: 80px;
        height: 80px;
    }
    .filter-question-wrapper:hover .glossary_popup {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
    }
}

@media screen and (max-width: 600px) {
    .table-content th:first-child {
        padding-left: 15px;
    }
    .filter-wrapper {
        background: linear-gradient(180deg, #FFF 0%, #CFCFCF 30%) !important;
    }
    .filter-items-name-wrapper input {
        border: 1px solid transparent;
        /*transition: 0.3s ease;*/
    }
    .filter-items-name-wrapper input:focus {
        border: 1px solid #B4B4B4;
    }
    .filter-items-name-wrapper input:focus::placeholder {
        color: #fff;
    }
    .dropdown-options {
        width: 43%;
    }
    .checkbox-wrapper-33 .checkbox {
        align-items: flex-start;
    }
    .custom__checkbox {
        margin-top: 5px;

    }
}
@media screen and (max-width: 445px) {
    .filter-items-name-wrapper, .dropdown:not(.glossary_dropdown), .filter-question-wrapper_mobile {
        width: 42vw !important;
    }

    .dropdown:not(.glossary_dropdown) .dropdown-options {
        width: 42%;
    }

    .table-content th:first-child {
        width: 150px;
    }

    .glossary_dropdown .dropdown-placeholder {
        font-size: 13px;
    }

    .glossary_dropdown .dropdown-placeholder img {
        width: 15px;
        height: 15px;
    }

    .dropdown:not(.glossary_dropdown) .dropdown-option p {
        width: 100px;
    }
}
@media screen and (max-width: 387px) {
    .filter-items-name-wrapper, .dropdown:not(.glossary_dropdown), .filter-question-wrapper_mobile {
        width: 41vw !important;
    }
}
@media screen and (max-width: 350px) {
    .glossary_dropdown .dropdown-placeholder {
        font-size: 10px;
    }
    .glossary_dropdown .dropdown-placeholder img {
        width: 10px;
        height: 10px;
    }
    .filter-items-name-wrapper, .dropdown, .filter-question-wrapper_mobile {
        width: 100% !important;
    }
    .dropdown:not(.glossary_dropdown) {
        width: 100% !important;
    }
    .dropdown:not(.glossary_dropdown) .dropdown-options {
        width: 90% !important;
    }


}
.recaptchErrorText{
    font-size: 14px;
}

.oldPrice {
    display: inline;
    margin-left: 10px;
    text-decoration: line-through;
	font-weight: normal;
}

.oldPrice b {
    display: inline;
    /* font-size: 21px; */
    text-decoration: line-through;
	font-weight: normal;
}