@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url(style.css);

/* CSS Document */

/*****************************************************************************
***************************Global css start **********************************
******************************************************************************/

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none !important;
    text-decoration: none;
    box-shadow: unset !important;
}

button:focus {
    outline: none !important;
    box-shadow: unset !important;
}

.form-control:focus {
    outline: none !important;
    box-shadow: unset !important;
}

a {
    cursor: pointer !important;
}

* {
    outline: none;
}

body {
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    cursor: default;
    padding: 0 !important;
    letter-spacing: 0.6px;
}

* {
    transition: all .3s ease-in-out;
}

img {
    max-width: 100%;
}

em,
i,
cite {
    font-style: normal;
}

/*custom row col padding and margin  for bootsrap strat*/
.row.ml0 {
    margin-left: 0;
}

.row.ml5 {
    margin-left: 5px;
}

.row.ml10 {
    margin-left: 10px;
}

.row.mr0 {
    margin-right: 0;
}

.row.mr5 {
    margin-right: 5px;
}

.row.mr10 {
    margin-right: 10px;
}

.row .pl0 {
    padding-left: 0;
}

.row .pl5 {
    padding-left: 5px;
}

.row .pl10 {
    padding-left: 10px;
}

.row .pr0 {
    padding-right: 0;
}

.row .pr5 {
    padding-right: 5px;
}

.row .pr10 {
    padding-right: 10px;
}

/*custom row col padding and margin  for bootsrap end*/
/*****************************************************************************
***************************Global css end ************************************
******************************************************************************/

:root {
    --secondryClr: #EF0454;
    --letterSpace: 0.05em;
    --primaryClr: #EF0454;
    --primarySecClr: #39CA78;
    --primaryfont: 'Poppins', sans-serif;
    --primarySecFont: 'Montserrat', sans-serif;
    --primarySecRobotFont: 'Roboto', sans-serif;
    --primaryBdrltClr: #eaeaea;
}


.btn.btnPrimaryThem {
    background: rgb(255, 166, 0);
    background: -moz-linear-gradient(left, rgba(255, 166, 0, 1) 0%, rgba(255, 79, 0, 1) 100%);
    background: -webkit-linear-gradient(left, rgb(74, 74, 74) 0%, rgb(66, 162, 240) 100%);
    background: linear-gradient(to right, rgb(74, 74, 74) 0%, rgb(66, 162, 240) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#ff4f00', GradientType=1);
    color: #fff;
    position: relative;
    border: 0;
    z-index: 1;
}


.btn.btnPrimaryThem:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--primaryClr);
    z-index: -1;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border-radius: .25rem;
}

.btn.btnPrimaryThem:hover:after {
    width: 100%;
}

/****************************************************************************
***************************css for header sec start***************************
******************************************************************************/

.topHeader {

    background: var(--primaryClr);
    text-align: right;

}

.container-fluid {
    width: 100%;
    max-width: 1400px;
}

.topHeader ul li {

    display: inline-block;

}

.topHeader ul li a {

    color: #fff;

    font-size: 12px;

    text-transform: uppercase;

    line-height: 36px;

    letter-spacing: 0.05em;

    padding: 0 40px;

    border-right: 1px solid #505253;

    display: block;

}

.topHeader ul li a:hover {

    color: var(--secondryClr);

}

.topHeader ul li:last-child a {

    border: 0;

}

.navbar-toggler {
    border: 1px solid #231f40;
    height: 34px;
    padding: 5px 8px;
}

.navbar-toggler span {
    width: 25px;
    height: 2px;
    background: #231f40;
    position: relative;
    top: -2px;
}

.navbar-toggler span:after,
.navbar-toggler span:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: -7px;
    background: #231f40;
    left: 0;
    right: 0;
}

.navbar-toggler span:before {
    top: unset;
    bottom: -7px
}

.header_sec {

    position: absolute;

    left: 0;

    width: 100%;

    z-index: 9;

    background: transparent;

    top: 20px;

}

.header_sec.headerStatic {
    border-bottom: 1px solid #eee;
    position: static;
    /* background: linear-gradient( 62deg, rgba(255,255,255,1) 57%, #EF0454 57%, #EF0454 37%, #EF0454 58%, rgb(60 60 60) 6%);  */
}

.mainNav .navbar.navbar-default {

    border: 0;

    border-radius: 0;

    background: transparent;

    margin: 0;

    min-height: inherit;

}

.mainNav .navbar-brand {

    height: auto;
    width: 220px;
    padding-top: 0px;

    padding-bottom: 0;

}

.logiSec {

    justify-content: flex-end;

}


/* .mainNav .navbar ul li:last-child a{
	border-right: 1px solid #565250;
} */

.mainNav .navbar ul li a:last-child {
    margin-left: 10px;
}

.mainNav .navbar ul li a {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    padding: 7px 15px !important;
    text-transform: uppercase;
    font-weight: 500;
}

.cstmBtn {
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to right, #EF0454, #833904, #2f1008);
    box-shadow: 0.5px 0.5px 0px 0 rgb(229 66 10 / 75%);
    color: #fff !important;
}

.cstmBtn:hover {
    background: #101010;
    color: #fff !important;
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.mainNav .navbar ul li .dropdown-menu a {
    line-height: 18px;
    padding: 5px 25px !important;
    border: 0;
    border-bottom: 1px solid #383737;
}

.mainNav .navbar ul li .dropdown-menu a:last-child {
    border-right: 0 !important;
}

.mainNav .navbar ul li .dropdown-menu {
    background-color: #000;
}

.mainNav.bgTransLink .navbar ul li a:last-child {
    border-right: 1px solid #565250;
}

.mainNav .navbar ul li.signupBtn a {

    position: relative;

    border: 0 !important;

    margin: 0;

    padding: 16px 20px;

}

.mainNav .navbar ul li.signupBtn a::after {

    content: "";

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    height: 100%;

    background: var(--secondryClr) !important;

}

.mainNav .navbar ul li.signupBtn a span {

    padding: 0 20px;

    position: relative;

    z-index: 1;

    color: #fff;

}

.mainNav .navbar ul li.signupBtn a::after {

    content: "";

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    height: 100%;

    background: var(--secondryClr) !important;

    transform: skew(36deg);

    border-left: 7px solid #fedfd6;

    border-right: 7px solid #fedfd6;

}

.mainNav .navbar ul li.signupBtn a::before {

    content: "";

    position: absolute;

    width: 2px;

    height: 100%;

    background: #fff;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 0;

    z-index: 8;

    transform: skew(32deg);

}

.mainNav {

    padding-right: 30px;

}



/*****************************************************************************

***************************css for header sec end  ***************************

******************************************************************************/





/*****************************************************************************

***************************css for conten sec start***************************

******************************************************************************/

.bannerHome .slick-list.draggable {

    padding: 0 !important;

}

.bannerImage img {

    width: 100%;

}

.bannerImage {

    position: relative;

}

.bannerContent {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translate(0, -50%);

    width: 100%;

}

.bannerContent h3 {

    color: #fff;

    font-size: 60px;

    font-weight: 800;

}

.bannerContent h3 span {

    display: block;

}

.bannerContent p {

    color: #fff;

    font-size: 24px;

}

.bannerContent p div {
    display: none;
}

.playNow {

    color: #fff !important;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: var(--letterSpace);

    line-height: 33px;
    display: inline-block;

    min-width: 160px;

    text-align: center;

}




.bannerSlider {
    cursor: -webkit-grab;
    cursor: grab;
    position: relative;

}

.bannerSlider:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.bannerHome .slick-dots {

    position: absolute;

    left: 0;

    bottom: 80px;

    width: 100%;

    text-align: center;

}

.gameCategory .container {

    max-width: 800px;

}

.bannerHome .slick-dots li {

    display: inline-block;

    border: 1px solid var(--secondryClr);

    margin: 0 5px;

    border-radius: 50%;

    height: 15px;

    width: 15px;

    cursor: pointer;

}

.bannerHome .slick-dots li.slick-active {

    background: var(--secondryClr);

}

.bannerHome .slick-dots li button {

    border: 0;

    padding: 0;

    font-size: 0;

}

.comnHead h4 {

    font-size: 35px;
    font-weight: 700;
    padding-bottom: 35px;
    color: #fff;
}

.howtoplayright .comnHead h4 {

    padding-bottom: 50px;

}

/* .gameCategory {

	background: #1e1319;

	position: relative;
width: 100%;
	

}

.gameCategory::after {

	content: "";

	position: absolute;

	background: #409be3;

	height: 100%;

	width: 100px;

	top: 0;

	transform: skew(-32deg);

	left: -55px;

}

.gameCategory::before {

	content: "";

	position: absolute;

	background: #409be3;

	height: 100%;

	width: 100px;

	top: 0;

	transform: skew(32deg);

	right: -55px;

}
 */
.categoryBox {

    background: #ffb100;
    /* Old browsers */

    background: -moz-linear-gradient(top, #389483 0%, #5CDB95 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(top, #389483 0%, #5CDB95 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, #0351a5 0%, #007bff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    /* background: #007bff !important; */

    color: #fff;

    font-size: 20px;

    border-radius: 5px;

    padding: 20px;

    text-align: center;

    position: relative;

    top: -40px;
}

.categoryBox img {

    display: block;

    margin: 0 auto 20px;

    max-height: 50px;

}

.ourFeature {

    background-image: url('../images/secondSlider.png');

    background-size: cover;

    padding: 80px 0;

    background-attachment: fixed;

}

.ourFeature .comnHead h4 {

    padding-bottom: 60px;

}

.featureBox {

    background: var(--secondryClr);

    font-size: 16px;

    line-height: 28px;

    letter-spacing: 0.03em;

    padding: 15px;

    min-height: 200px;

    display: flex;

    text-align: center;

    flex-direction: column;

    justify-content: center;

    color: #fff;



}

.featureBox:hover {

    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);

    border-radius: 4px;

}

.featureBox i {

    font-size: 30px;

    margin-bottom: 20px;

    line-height: normal;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    transition: all 0.5s ease;



}

.ourFeature .row .col-sm-2:nth-child(2n) .featureBox {

    background: #191a1f;

    color: var(--secondryClr);

}

.featureBox:hover i {

    transform: translateY(-12px)
}

.skewSec.clearfix {

    display: flex;

}

.skewBoc {

    flex: 0 0 33%;

    position: relative;

    flex-basis: 0 0 1;

    max-width: 33%;

    overflow: hidden;

    /* transform: skew(37deg); */

}

.skewBoc img {

    width: 100%;

}

.howtoplaySec {

    background-image: url('../images/howtoplay.jpg');

    background-size: cover;
    background-repeat: no-repeat;

    background-attachment: fixed;

    padding: 80px 0;

}

.howtoplaySec .pS {
    position: static;
}

.howtoplayright ul li {

    display: block;

    color: #fff;

    padding-left: 100px;

    font-size: 16px;

    line-height: 28px;

    margin-bottom: 40px;

    position: relative;

}

.howtoplayright ul li br {
    display: none;
}

.howtoplayright ul li span {

    background: var(--secondryClr);

    position: absolute;

    left: 0;

    top: 4px;

    height: 60px;

    width: 60px;

    border-radius: 50%;

    text-align: center;

    font-size: 40px;

    display: flex;
    justify-content: center;
    align-items: center;

}

.howtoplayright ul li h5 {

    font-size: 22px;

    font-weight: 600;

}

.howtoplayLeft {

    position: relative;

    overflow: hidden;

    border-radius: 6px;

}


.videoBtn {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    display: block;

    max-width: 47px;

}



.testimonialSec {

    background-image: url('../images/testimonialbg.png');

    background-size: cover;

    background-repeat: no-repeat;

    padding: 60px 0;

}

.client_avtar {

    height: 100px;

    width: 100px;

    position: relative;

    overflow: hidden;

    border-radius: 50%;

    backface-visibility: hidden;

    margin: 0 auto 30px;

}

.client_avtar img {

    height: 100%;

    width: 100%;

}

.slider_test_main .avtarContent {
    text-align: center;
    padding: 0 30px;
    color: #ffffff;
    max-width: 600px;
    margin: 0 auto;
}

.slider_test_main p {
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.03em;
    text-align: center;
}



.testimonialSec .slick-arrow {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    border: 0;
    padding: 0;
    font-size: 0;
    background: transparent;

}

.testimonialSec .slick-next.slick-arrow {

    left: auto;

    right: 0;

    /* z-index: 9; */

}

.testimonialSec .slick-arrow::before {

    content: "\f105";

    font-family: fontawesome;

    font-size: 30px;

    color: #fff;

}

.testimonialSec .slick-prev.slick-arrow::before {

    content: "\f104";

}

.testimonial_slider h5 {

    color: #fff;

    text-align: center;

    margin-top: 20px;

    font-size: 18px;

    font-weight: normal;

}



.slider_test_main .slick-list.draggable {

    padding: 0 !important;

}



/* .appSec {

	padding: 80px 0 0;

	background-image: url('../images/download_bg.jpg');

	background-size: cover;

	background-attachment: fixed;

} */

.appsecLeft h4 {

    font-size: 25px;

    margin-bottom: 10px;

    text-transform: uppercase;

    font-weight: 600;

    color: var(--secondryClr);

}

.appsecLeft p {

    color: #fff;

    font-size: 20px;

    line-height: 26px;

    letter-spacing: 0.02em;

    margin-bottom: 20px;

}

.appsecLeft a {

    display: inline-block;

    position: relative;

    overflow: hidden;

    border-radius: 5px;

    /* max-width: 200px; */

}

.appsecLeft {

    padding-top: 25px;

}

/****loginSignup******/



.modalLeft,
.modalright {
    width: 50%;
    padding: 60px 10vw;
    float: left;
    min-height: 99vh;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.modalright {
    background: #202020;
}

.modalLeft {

    /* background: url("../images/signup.png"); */
    background: var(--primaryClr);

    background-size: cover;

    background-repeat: no-repeat;

    padding-top: 15%;

}

#loginPopup .modal-body {

    padding: 0;
    display: flex;

}

#loginPopup .modal-dialog {
    /* width: 100%;
	max-width: 1000px; */
}

.modalright .nav.nav-tabs {
    border: 0;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between; */
    padding-bottom: 40px;
    /* margin: 0 auto; */
}

.modalright .nav.nav-tabs .nav-item:first-child:after {
    content: "or";
    color: #fff;
    display: inline-block;
    margin: 0 25px;
    opacity: .3;
}

.modalright .nav.nav-tabs .nav-item {

    text-align: center;
    cursor: pointer;
    /* width: 50%; */
    display: flex;
    align-items: center;

}

.modalright .nav.nav-tabs .nav-item .nav-link {

    border: 0;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    color: #999;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 1.15em;

}

.modalright .nav.nav-tabs .nav-item .nav-link:hover {
    color: #fff !important;
}

.modalright .nav.nav-tabs .nav-item .nav-link.active {
    background: transparent;
    border-bottom-color: var(--primaryClr);

}

.modalright .form-control {
    border-bottom: 1px solid #999;
    color: #fff;
    height: 45px;
    font-size: 15px;
    box-shadow: none !important;
    background: transparent;
    border-width: 0 0 1px 0;
    padding: 18px 0px;
    border-radius: 0;
}

.loginBtn {
    border: 0;
    color: #fff;
    border-radius: 50px;
    background: var(--primaryClr);
    padding: 10px 35px;
}

.loginBtn:hover {
    background-color: #fff;
    color: #333;
}

/* .loginBtn a{ color: #fff; } */
.modalright .form-group a {
    color: var(--primaryClr);
    text-decoration: underline;
    font-weight: 500;
}

.modalright p {
    text-align: center;
    color: #999;
    font-size: 15px;
}

.modalLeft h1 {

    font-size: 60px;

    font-weight: 700;

    color: #fff;

}

.modalLeft h4 {

    color: #fff;

    font-size: 17px;

    margin: 10px 0;

}

.modalLeft a {
    background: #202020;
    display: block;
    text-align: center;
    margin: 10px 0;
    color: #fff !important;
    padding: 12px;
    border-radius: 5px;
    font-weight: 500;

}

.modalLeft a+a,
.modalLeft a:hover {
    background: #ffffff !important;
    color: #333 !important;
}

.modalLeft a+a:hover {
    background-color: #000;
    color: #fff;
}

.joinAmountPar .topHead {
    border-bottom: 1px solid #ccc;
    color: #24ba38;
    padding: 10px 0;
    font-size: 16px;
    margin-bottom: 20px;
}

.joinAmountPar .centBody .h4 {
    font-size: 16px;
}

.joinAmountPar .centBody .h2 {
    font-size: 22px;
}

.joinAmountPar .centBody p {
    font-style: 12px;
    color: #666;
}

.forgotModal .modal-content {
    border-radius: 0;
}

.forgotModal .modal-header {
    position: relative;
    background: #409be3;
    color: #fff;
    border-radius: 0;
    display: flex;
    justify-content: center;
}

.forgotModal .modal-header h3 {
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.forgotModal .modal-header .closeBtn {
    right: -15px;
    left: unset;
    top: -17px;
}

.forgotModal p {
    font-size: 18px;
    letter-spacing: 1px;
}

.verifiCode .h5 {
    font-size: 16px;
    margin: 40px 0 20px;
}

.verifiCode ul {
    display: flex;
    padding: 0 50px;
}

.verifiCode ul li {
    flex: 1;
    padding: 0 5px;
}

.verifiCode ul li input {
    height: 45px;
    text-align: center;
    font-size: 18px;
    padding-left: 8px;
    padding-right: 8px;
}

.verifiCode ul li input:focus {
    border-color: #409be3;
}

.forgotModal .btn {
    width: 50px;
    height: 50px;
    font-size: 26px;
    border-radius: 50%;
    margin-top: 20px;
    background: #409be3;
    color: #fff;
}

.forgotModal .bt:hover {
    background: var(--primaryClr);
}

.forgotModal .btnPar a {
    display: block;
    color: #409be3;
    margin-top: 10px;
}

.forgotModal .btnCustom {
    border-radius: 0;
    width: 100%;
    border: 0;
    font-size: 18px;
}

.forgotModal .btnCustom:active {
    background: var(--primarySecClr) !important;
}

.form-control:focus {
    border-color: var(--primaryClr);
}

/* .modalright .form-control{ height: 35px; } */
/* .loginBtn{ padding: 6px; } */

/****loginSignup******/

/*****************************************************************************

***************************css for conten sec end  ***************************

******************************************************************************/


/*****************************************************************************

***************************css for footer sec start ***************************

******************************************************************************/

.footer_sec {
    background: #292929;
    margin-bottom: 65px;
}

.footr_menu ul li {

    display: block;


    line-height: 29px;

    font-size: 14px;

    font-weight: 400;

}

.footr_menu ul li a,
.footr_menu ul li a:hover {

    color: #fff;

}

.footr_menu ul li a:hover {

    color: var(--primaryClr);
    text-decoration: none;

}

.footer_logo {
    width: 215px;
    margin: 0 auto 25px;
}

.social_menu li a {

    height: 35px;

    width: 35px;

    background-color: rgba(204, 213, 222, 0.6);

    display: block;

    border-radius: 50%;

    text-align: center;

    line-height: 37px;

    color: #252b30;

    font-size: 16px;

}

.social_menu li a b i {
    font-weight: 700;
}

.social_menu li {

    display: inline-block;

    padding: 0px 4px 10px;

}

.social_menu li a:hover {

    background-color: var(--primaryClr);
    color: #fff;
}

.footer_bottom {
    font-size: 14px;
    padding: 35px 0;
    border-top: 1px solid rgba(203, 212, 221, 0.15);
    margin-top: 0;

}

.copyright {
    /*#ccd5de */
    opacity: .7;
    color: #fff;

}

.footer_right li {

    display: inline-block;

}

.footer_right li a:hover {
    opacity: 1;
}

.footer_right li a {
    display: block;
    color: #fff;
    opacity: .7;
    font-size: 14px;
    position: relative;
    padding: 0 12px;
}

.footer_right li a:hover {
    color: #fff;
}

.footer_right li a::after {
    content: "|";
    position: absolute;
    right: -4px;
    top: 0;
}

.footer_right li:last-child a::after {
    display: none;
}

.footerSecound h4 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.footerSecound {
    color: #fff;
}

.footerSecound p {
    font-size: 14px;
    line-height: 20px;
}

.footerSecound ul li {
    margin-bottom: 10px;
}

.footerSecound ul li img {
    max-width: 150px;
}

.footerSecound ul li a {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.footerSecound ul li a:hover {
    color: var(--primaryClr);
}



/*****************************************************************************
***************************css for footer sec end ***************************
******************************************************************************/





/*****************************************************************************

***************************teamBoxSec css start ************************************

******************************************************************************/

.teamBoxSec {
    background-size: cover;
    height: 100vh;
    align-items: center;
    justify-content: center;
    display: flex;
}

.teamContainer {
    width: 100%;
    position: relative;
    height: 100%;
    max-width: 575px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: none !important;
}

.teamBoxSec .teamHead {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa600+0,ff4f00+100 */

    background: rgb(255, 166, 0);
    /* Old browsers */

    background: -moz-linear-gradient(-45deg, #EF0454, #382262);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(-45deg, #EF0454, #382262);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(-45deg, #EF0454, #382262);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#ff4f00', GradientType=1);
    /* IE6-9 */

    position: relative;

    padding: 20px 40px;

}

.teamBoxSec .teamHead h3 {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    cursor: default;
}

.teamBoxSec .teamHead h3 a {
    color: #fff;
}


.closeBtn {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    background: #2f2f2f;
    border: 0;
    z-index: 11;
}

.rightBtn.closeBtn {
    left: unset;
    right: 20px;
}

.closeBtn span {
    position: absolute;
    right: 36px;
    top: 9px;
}

.closeBtn span:hover {
    background: #000;
}

.closeBtn span:before,
.closeBtn span:after {
    position: absolute;
    left: 20px;
    top: -3px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #fff;

}



.leftBtn {
    background: transparent;
    border: 0;
}

.closeBtn.loginBtn {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    width: auto;
}

.closeBtn span:before {
    transform: rotate(45deg);
}

.closeBtn span:after {
    transform: rotate(-45deg);
}



.teamBar {
    background: #fff;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.teamBar ul {
    padding: 15px 30px;
}

.teamBar ul li {
    color: #2f2f2f;
    letter-spacing: 1px;
}

.teamBar ul li img {
    position: relative;
    left: -5px;
    top: -2px;
}

.teamBar ul li:first-child {
    font-weight: 600;
}

.teamBar ul li:last-child {
    text-align: right;
}

.teamBar ul li:nth-child(2) {
    text-align: center;
}

.teamBar ul li:nth-child(2) span {
    min-width: 82px;
    display: inline-block;
}

.teamBar ul li span {
    color: var(--primaryClr);
    text-transform: uppercase;
}



.teamBarBotm {
    background: rgba(255, 255, 255, .8);
    padding: 8px;
    /* position: sticky;*/
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
    ;
}

.teamBarBotm p {
    font-size: 14px;
    color: #4b5c66;
}

.teamBarBotm span,
.headerTitle span {
    font-size: 12px;
    color: #696969;
}

.headerTitle {
    text-align: left;
    padding: 10px 30px;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}

.headerTitle .h3 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0;
}

.headerTitle .countPar i {
    font-size: 16px;
    color: #5d5d5d;
}

.headerTitle .count,
.badgeTheme {
    padding: 0 8px;
    height: 24px;
    border-radius: 24px;
    background-color: #c51d23;
    color: #fff;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}

.btnTrans {
    background: transparent;
    border: 0;
}

.headerTitle .btnIcon {
    color: #5d5d5d;
}


.listOfTeamPar {
    background: rgba(255, 255, 255, 1);
    padding: 0 20px 10px;
}



.listOfTeamBox .mCSB_inside>.mCSB_container {
    margin-right: 10px;
}

.listOfTeamPar h3 {
    font-size: 16px;
    padding: 10px 10px 5px;
    font-weight: 600;
    line-height: 20px;
    color: var(--primaryClr);
}

.listOfTeamPar .listOfTeam {
    border-bottom: 1px solid var(--primaryBdrltClr);
    margin-bottom: 10px;
    padding: 5px 10px;
}

.listOfTeam ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.listOfTeam ul li {
    flex: 1;
    padding: 7px 15px;
}

.listOfTeam ul li:nth-child(2) {
    flex: 3;
}

.listOfTeam li figure {
    width: 60px;
    margin: 0;
    height: 60px;
    background: #f5f4f9;
    overflow: hidden;
    text-align: center;
}

.teamNameShow {
    width: 100%;
    display: inline-block;
    background-color: #f8a402;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    padding: 2px 0 4px 0;
}

.teamNameShow.odd {
    background-color: #f75001;
}

.teamNameShow i {
    color: #fff !important;
}

.listOfTeam li figure img {
    width: 100%;
}

.listOfTeam ul li label {
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.listOfTeam ul li cite {
    color: #b4b4b4;
}

.listOfTeam ul li cite i {
    font-style: normal;
    text-transform: uppercase;
    padding-right: 8px;
}

.listOfTeam ul li cite hr {
    width: 1px;
    border: 0;
    height: 12px;
    display: inline-flex;
    margin: 0;
    background: var(--primaryClr);
}

.listOfTeam ul li cite u {
    padding-left: 5px;
    font-style: normal;
}


.selecTeam .radioSelectImg {
    width: 30px;
    position: relative;
}

.selecTeam .radioSelectImg img {
    width: 100%;
    transition: all 200ms cubic-bezier(0.14, 1.06, 1, 0.99);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.selecTeam .radioSelectImg img.active {
    animation: enter-animation 200ms cubic-bezier(0.14, 1.06, 1, 0.99) forwards;
}

@keyframes enter-animation {
    0% {
        opacity: 0;
        transform: scaleX(.5) translateY(50%);
    }

    100% {
        opacity: 1;
        transform: scaleX(1) translate(0);
    }
}

.selecTeam .radioBtn {
    margin: 0 5px;
}

.radioBtn {
    position: relative;
    width: 30px;
    height: 30px;
    overflow: hidden;
    z-index: 11;
    cursor: pointer;
}

.radioBtn input {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.listOfTeam .radioBtn label {
    font-size: 14px;
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    background: #acacac;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.listOfTeam .radioBtn input:checked+label {
    background: var(--primaryClr);
}



.footerBtnpar .btn-primary {
    background: rgb(255, 166, 0);
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #EF0454, #382262);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #EF0454, #382262);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(-45deg, #EF0454, #382262);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#ff4f00', GradientType=1);
    /* IE6-9 */
    color: #fff;
    transition: all 0.3s ease;
    border: 0;
    border-radius: 0;
    padding: 15px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}



.footerBtnpar .btn-primary:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--primaryClr);
    z-index: -1;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.footerBtnpar .btn-primary:hover:after {
    width: 100%;
}



/*****************************************************************************

***************************teamBoxSec css end ************************************

******************************************************************************/





/*****************************************************************************

***************************createTeam page css start ************************************

******************************************************************************/


.tabPar {
    background: rgba(255, 255, 255, .8);
    padding: 10px 20px;
}

.tabPar .tabBox {
    background: #fff;
    border-radius: 4px;
    padding: 10px 20px;
}

.tabFootBar {
    background-color: #444444;
    color: #fff;
}

.tabFootBar .tabTopList {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
}

.tabFootBar .tabTopList li {
    position: relative;
    flex: 1;
    font-size: 14px;
    letter-spacing: 1px;
}

.tabFootBar .tabTopList li:not(:last-child):before {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
    background: #f2f3f5;
}

.tabFootBar .tabTopList li span {
    display: flex;
    justify-content: center;
    color: var(--primaryClr);
    font-weight: 100;
}

.tabFootBar .tabTopList li label {
    color: #fff;
    font-weight: 100;
    margin-bottom: 0;
}

.tabFootBar label i {
    font-style: normal;
}

.tabPar .tabBottmList {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabPar .tabBottmList li {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabPar .tabBottmList li a {
    border-bottom: 2px solid #fff;
    color: var(--primaryClr);
    width: 80%;
}

.tabPar .tabBottmList li.active a {
    border-bottom: 2px solid var(--primaryClr);
}

.tabPar .tabBottmList li a span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #b7b7b7;
    color: #fff;
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 50%;
}

.tabPar .tabBottmList li.active a span {
    color: #fff;
}

.tabPar .tabBottmList li.reject a span {
    background: #f5af23;
    color: #fff;
}

.tabPar .tabBottmList li a i {
    font-style: normal;
    padding: 5px 5px;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
}

.tabPar .tabBottmList p {
    width: 100%;
    margin-bottom: -10px;
}



.tabPar .teamNavBar {
    background: #f5f4f9;
    padding: 15px 10px;
    margin: 10px 0px 0;
    box-shadow: 0px 0px 10px 1px #d0d0d0;
}

.teamNavBar ul {
    display: flex;
    flex-wrap: wrap;
}

.teamNavBar ul li {
    flex: 1;
    text-align: center;
}

.teamNavBar ul li a {
    color: #393939;
}

.teamNavBar ul li a:after {
    color: var(--primaryClr);
}

body .dropdown-menu {
    min-width: auto;
}




.teamBoxSec .tabFixedContent {
    height: calc(100% - 125px)
}

.cearteTeamBox .listOfTeam ul li span {
    width: 100%;
    display: block;
    color: #4b5c66;
    font-weight: 600;
}

.cearteTeamBox .listOfTeam ul li i {
    color: var(--primaryClr);
    font-style: normal;
    transition: all 0.2s;
}

.cearteTeamBox .listOfTeam ul li:not(:nth-child(2)) {
    text-align: center;
}

.cearteTeamBox .listOfTeam ul li a {
    font-size: 30px;
}

.cearteTeamBox .listOfTeam ul li .active i {
    color: #f32727;
    transform: translate(0px, 0px) rotate(315deg);
}

/*****************************************************************************

***************************createTeam page css end ************************************

******************************************************************************/





/*****************************************************************************

***************************myTeams page css end ************************************

******************************************************************************/

.widgetsPar {
    padding: 0 40px;
}

.widgetsPar>p {
    color: #4b5c66;
    font-size: 16px;
    text-align: center;
    padding: 20px 0 5px;
}

.widgetsPar h4 {
    color: var(--primaryClr);
    font-size: 16px;
    padding: 10px 0;
}

.widgetsPar .widgetBox {
    background: #fff;
    box-shadow: 0 0 6px #dadada;
    padding: 10px 15px;
}

.widgetsPar .widgetBox p {
    color: #696969;
}

.widgetsPar h5 {
    color: #479708;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 0;
}



.row.ml-10 {
    margin-left: -10px !important;
}

.row.mr-10 {
    margin-right: -10px !important;
}

.row.ml-5 {
    margin-left: -5px !important;
}

.row.mr-5 {
    margin-right: -5px !important;
}



.row .pl10 {
    padding-left: 10px !important;
}

.row .pr10 {
    padding-right: 10px !important;
}

.row .pl5 {
    padding-left: 5px !important;
}

.row .pr5 {
    padding-right: 5px !important;
}



.widgetsPar .editBar {
    padding: 20px 20px;
}

.editBar ul li i {
    color: var(--primaryClr);
    display: inline-block;
    padding-right: 10px;
}

.editBar ul li a {
    color: #696969;
}

.editBar ul li:last-child {
    text-align: right;
}

.editBar ul li:nth-child(2) {
    text-align: center;
}


/*****************************************************************************

***************************myTeams page css end ************************************

******************************************************************************/


/*****************************************************************************

***************************recentTransation page css start *******************

******************************************************************************/



.dashboardPar {
    padding-top: 5px;
}

.dashboardPar .tabNabBar ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.dashboardPar .tabNabBar li {
    flex: 1;
    padding-right: 2px;
    text-align: center;
    box-shadow: 0 0 6px #dadada;
}

.dashboardPar .tabNabBar li a {
    display: block;
    color: #696969;
    padding: 8px 0;
    background: #fff;
}

.dashboardPar .tabNabBar li:last-child {
    padding-right: 0;
    padding-left: 2px;
}

.dashboardPar .tabNabBar li.active a {
    color: var(--primaryClr);
}



.dashboardBox {
    padding: 20px 20px;
}

.dashboardBox .card-header {
    background: #f7f7f7;
    border-bottom: 1px solid var(--primaryBdrltClr);
}

.dashboardBox .card-header a {
    color: #555555;
}

.dashboardBox .card-header a i {
    float: right;
    text-align: right;
    font-size: 25px;
}

.dashboardBox .card {
    border-radius: 0;
    border: 0;
    background: #f5f4f9;
}



.dashboardBox .card-body {
    text-align: center;
    padding: 0;
}

.dashboardBox .card-body p {
    background: #e4e4e4;
    padding: 10px;
}

.recentList ol {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

.cursorPointer {
    cursor: pointer !important;
}

.recentList ol li cite {
    color: #9b9b9b;
    font-size: 14px;
    display: block;
}

.recentList ol li span {
    color: #000;
    font-size: 14px;
}

.recentList ol li i {
    font-size: 25px;
}

.recentList ol li p {
    background-color: transparent !important;
    padding: 0 !important;
}

.dashboardBox .card-header .card-link.collapsed i {
    transform: rotate(180deg);
}

.dashboardBox .helpIcon {

    background: #9b9b9b;

    color: #fff;

    border-radius: 50%;

    cursor: pointer;

    display: inline-block;

    text-align: center;

    height: 1.333em;

    line-height: 1.4em;

    width: 1.333em;

    margin-left: .3em;

}



/*****************************************************************************

***************************recentTransation page css end *******************

******************************************************************************/



/*****************************************************************************

***************************personalDetails page css start *******************

******************************************************************************/
.persDetPar {
    background: #fff;
}

.PersonalDetFormBox {
    padding: 30px 30px;
}

.infoTooltipBox {
    background-color: #e4f0ff;
    display: flex;
    margin: 10px 15px;
    border-radius: 4px;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 10px 15px;
}

.infoTooltipBox:before {
    content: "";
    height: 20px;
    width: 20px;
    transform: rotate(45deg);
    margin: 0 0 -4px 8px;
    background-color: #e4f0ff;
    align-self: flex-start;
    z-index: -1;
    position: absolute;
    bottom: -3px;
    left: 20px;
}

.infoTooltipBox .h4 {
    font-size: 16px;
    font-weight: 500;
}

.infoTooltipBox p {
    font-size: 14px;
    margin-bottom: 5px;
}

.infoTooltipBox span {
    color: #888;
    font-size: 14px;
}

.PersonalDetFormBox .form-control {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 0;
}

.PersonalDetFormBox .form-group label {
    font-size: 14px;
    color: #888;
}

.PersonalDetFormBox .form-group select.form-control {
    height: auto;
}

.PersonalDetFormBox .form-group {
    position: relative;
}

.PersonalDetFormBox .form-group .editBtn {
    background: transparent;
    position: absolute;
    right: -4px;
    bottom: -20px;
}

.PersonalDetFormBox .form-group.formInputPar .editBtn {
    top: 27px;
}

.PersonalDetFormBox .form-group .disabled {
    opacity: .5;
}

.PersonalDetFormBox .form-group .form-control[disabled] {
    background: transparent;
}

.userSecleImgBody .userSecleImg {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.userSecleImgBody .userSecleImg {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 10px;
}



.userSecleImgBody .userSecleImg ul {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    margin: 10px 0;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-right: 10px;

}

.themTxtColor {
    color: var(--primaryClr) !important;
}

.userSecleImgBody .userSecleImg ul:after,
.userSecleImgBody .userSecleImg ul:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #ffa600c2;
}

.userSecleImgBody .userSecleImg ul:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    width: 30px;
    height: 30px;
    background-color: #f75e30;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    font-size: 14px;
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
}

.userSecleImgBody .userSecleImg ul.active:after,
.userSecleImgBody .userSecleImg ul.active:before {
    opacity: 1;
}

.forgotModal .btn.smFont {
    font-size: 16px;
}

/* The container */

.PersonalDetFormBox .form-group .radioPar {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font-size: 16px;

    color: #495057;

}

.entrBox {
    text-align: center;
    padding: 15px;
    box-shadow: 0 0 10px rgba(5, 5, 6, 0.2);
    margin: 30px 10px;
}

.entrBox h6 {
    font-size: 14px;
}

.entrBox h6 span {
    color: #ff0000;
    display: inline-block;
    margin-left: 10px;
}

.entrBox p {
    font-size: 12px;
    color: #888;
    margin-top: 10px;
}

/* Hide the browser's default radio button */

.radioPar input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

}



/* Create a custom radio button */

.radioPar .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 22px;

    width: 22px;

    border: 2px solid #cbcbcb;

    border-radius: 50%;

}



/* Style the indicator (dot/circle) */

.radioPar .checkmark:after {

    content: "";

    position: absolute;

    display: none;

    top: 3px;

    left: 3px;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: #000;

}

.radioPar input:checked~.checkmark {
    border-color: #000;
}



/* Show the indicator (dot/circle) when checked */

.radioPar input:checked~.checkmark:after {
    display: block;
}

.dobBox {
    display: flex;
    flex-wrap: wrap;
}

.dobBox .dobCol {
    flex: 1;
}

.dobBox .dobCol label {
    border-bottom: 1px solid #cbcbcb;
    text-align: center;
    display: block;
}

.dobBox .dobCol:not(:last-of-type) label {
    border-right: 1px solid #cbcbcb;
}

.dobBox .dobCol label .form-control {
    border-bottom: 0;
    text-align: center;
    font-size: 20px;
}



/*****************************************************************************

***************************personalDetails page css end *******************

******************************************************************************/
/****************************************************
              newsLatterSec start
***************************************************/
.newsLatterSec {
    background: #292929;
    padding: 30px 0;
    color: #fff;
    display: none;
}

.newsLatterSec h5 {
    font-size: 25px;
    line-height: 35px;
}

.newLattInput {
    position: relative;
    z-index: 1;
}

.newLattInput input {
    height: 50px;
    width: 100%;
    padding: 6px 12px;
    border: 0;
    color: #000;
    font-size: 15px;
    border: 0;
    line-height: normal;
}

.newLattInput .subBtn {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11;
    background: var(--primaryClr);
    border: 0;
    color: #fff;
    font-size: 18px;
    padding: 12px 20px;
    height: 100%;
    cursor: pointer;
    text-transform: uppercase;

}


/****************************************************
              newsLatterSec end
***************************************************/


/*****************************************************************************

***************************payment page css start *******************

******************************************************************************/

.teamBar cite {
    font-style: normal;
    color: #f85e30;
    font-size: 13px;
}

.teamBar label {
    text-align: center;
}

/*****************************************************************************

***************************payment page css end *******************

******************************************************************************/



/*****contest*******/

.walletBtn {

    padding: 0;

    background: transparent;

    border: 0;

    color: #fff !important;

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translate(0, -50%);

    font-size: 20px;

}

.walletBtn.btn {
    font-size: 16px;
    border: 1px solid #fff;
    padding: 3px 7px;
}

.filterCotest>ul {

    display: flex;

}

.filterCotest>ul>li {

    flex: 0 0 25%;

    max-width: 25%;

    text-align: center;

}

.filterCotest ul li a {

    color: #393939;

    padding: 5px 0;

    display: block;

}

.filterCotest ul li a:hover,
.filterCotest ul li .btn.btn-primary:hover {

    color: var(--secondryClr);

}

.filterCotest ul li .btn.btn-primary {

    background: transparent !important;

    border: 0 !important;

    padding: 5px 0;

    color: #393939;

    box-shadow: none !important;

}

.filterCotest ul li .dropdown-menu {

    border: 0;

    border-radius: 0;

    margin: 0;

    padding: 0;

}

.filterCotest ul li .dropdown-toggle::after {

    border-top: 8px solid;

    border-right: 8px solid transparent;

    border-left: 8px solid transparent;

    top: 3px;

    position: relative;

}

.filterCotest ul li .dropdown-menu .dropdown-item {

    display: block;

    padding: 8px;

    border-bottom: 1px solid #39393933;

}

.contestBoxpar {
    background-color: #fff;
    padding-top: 10px;
}

.contestBoxHead {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #f99b04;
}

.contestBoxHead img {
    max-width: 35px;
    position: absolute;
    left: 15px;
    top: 0px;
}

.contestBoxHead .contestHeadCont {
    padding-left: 70px;
}

.contestHeadCont h2 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.contestHeadCont p {
    font-size: 12px;
    color: #696969;
}

.contestList .contestBox {
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
}

.contestBoxpar .footLink {
    font-size: 14px;
}

.contestBoxpar .footLink i {
    color: #5d5d5d;
}

.contestCenterGroup {
    background: #f7f7f7;
    margin-top: 10px;
    padding: 10px 20px;
}

.contestCenterGroup p {
    color: #737272;
}

.contestCenterGroup .btn {
    margin-top: 10px;
    margin-bottom: 5px;
}

.contestBottom ul li img {
    display: inline-block;
    width: 40px;
    padding-right: 10px;

}

.contestBottom ul li a h5 {
    font-size: 16px;
    color: #000;
}

.contestBottom ul li a p {
    font-size: 14px;
    color: #6d6d6d;
}

.melist.contestBottom ul li a:hover {
    border-bottom: 1px solid rgba(105, 105, 105, 0.4);
}

.contestBox ul {
    display: flex;
}

.contestBox ul li {

    flex: 0 0 33%;

    max-width: 33.33%;

    text-align: center;

    color: #9b9b9b;

    font-size: 14px;

}

.contestBox ul li:first-child {

    text-align: left;

}

.contestBox ul li:last-child {

    text-align: right;

}

.contestBox ul li span {
    color: #232323;
    display: block;

}

.contestBox .btn.btn-primary {

    background: transparent !important;

    color: #262626 !important;

    padding: 0;

    border: 0;

    box-shadow: none !important;

    text-decoration: underline;

}

.contestBox ul li .toggleBtn a {
    font-size: 16px;
    color: #000;
}

.contestProgress h4 {

    font-size: 14px;
    padding-bottom: 5px;
    margin-top: 0px;

}

.contestProgress a {
    display: block;
    padding: 5px 0 0;
    color: #000;
}

.contestProgress h4 span {

    float: right;

}

.contestProgress .progress-bar {

    background: rgb(255, 166, 0);

    background: -moz-linear-gradient(left, #389483 0%, #5CDB95 100%);

    background: -webkit-linear-gradient(left, #389483 0%, #5CDB95 100%);

    background: linear-gradient(to right, #389483 0%, #5CDB95 100%);

}

.contestProgress .progress {

    height: 7px;

}

.contestProgress .progress.sm {
    height: 4px;
}

.contestListFooter {

    position: relative;

    padding-right: 100px;

    margin-top: 10px;

}

.contestListFooter .joinBtn {

    position: absolute;

    right: 0;

    background: transparent;

    border: 1px solid var(--secondryClr);

    color: var(--secondryClr) !important;

    top: -7px;

    border-radius: 5px;

    padding: 1px 15px;

}

.contestListFooter .joinBtn:hover {

    color: #fff !important;

    background: var(--secondryClr);

}

.contestList {

    /* max-height: 372px; */

}

.btn.btn-block.btn-primary.doubleBtn {
    flex: 1;

    margin: 0;

}

.btn.btn-block.btn-primary.doubleBtn+.btn.btn-block.btn-primary.doubleBtn {

    background: #232323;

}

a.btn.disabled {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

button {

    cursor: pointer;

}

/******contest page- end*****/

/******home-page-start*********/

.teamBarBotm.text-center.homeHead {

    padding: 0;

}

.matchTab .nav.nav-tabs li {

    flex: 0 0 33.33%;

    float: none;

    margin: 0;

    text-align: center;

}

.matchTab .nav.nav-tabs {

    display: flex;

}

.matchTab .nav.nav-tabs li .nav-link {

    color: #393939;

    border-bottom: 0;

    border-bottom: 2px solid transparent;

    margin-bottom: -1px;

    border-radius: 0;

    background: transparent;

    font-size: 16px;

}

.matchTab .nav.nav-tabs li .nav-link.active,
.matchTab .nav.nav-tabs li .nav-link:hover {

    color: var(--secondryClr);

    border-bottom-color: var(--secondryClr);

}

.upcomingFilter {

    position: relative;
    margin-bottom: 10px;
    padding: 5px 15px 5px 0;
    border-bottom: 1px solid var(--primaryBdrltClr);
    color: #818181;

}

.upcomingFilter a {

    position: absolute;

    right: 0;

    top: 3px;

    color: var(--secondryClr);

}

.matchListBox ul {
    display: flex;
}



.matchlistFoot {
    padding: 7px 10px;
    background: #f7f7f7;
    margin-bottom: -10px;
    margin-top: 5px;
}

.matchlistFoot cite {
    color: var(--secondryClr);
}

.matchlistFoot a {
    color: #737272;
}

.matchListBox ul li {

    flex: 0 0 25%;

    text-align: center;

    font-size: 13px;

    color: #4b5c66;

}

.matchListBox.raniking {
    position: relative;
    padding: 0;
    margin-top: 10px;
}

.matchListBox.raniking img {
    width: 100%;
}

.matchListBox.raniking h5 {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}


.matchListBox ul li:nth-child(2n) {
    flex-basis: 50%;
}

.matchListBox ul li img {

    /* max-width: 53px; */

    height: 60px;

    display: block;

    margin: 0 auto 9px;

}

.matchListBox ul li p {

    text-decoration: underline;

    margin: 1px 0;

    color: var(--secondryClr);

}

.matchListBox ul li i {

    font-size: 20px;

}

.matchListBox {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid var(--primaryBdrltClr);
    padding: 10px 0;
    margin-bottom: 10px;
    background: linear-gradient(123deg, white 48%, #f4f4f4 49%);
}

.matchList .matchListBox:last-child {
    margin-bottom: 0;
}

.mCSB_inside>.mCSB_container {

    margin-right: 12px;
    margin-left: 12px;

}

.footerBtnpar {
    background: #fff;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;

}

.PointSys .teamBarBotm.homeHead {
    margin: 10px 12px;
}


.footerMenu {
    display: flex;
    padding: 10px 10px 20px;
}

.footerMenu li {

    flex: 0 0 25%;

    text-align: center;

}

.footerMenu li a {

    color: #818181;

    font-size: 16px;

    line-height: 20px;

}

.footerMenu li a i {

    font-size: 25px;

    display: block;

    margin: 0 auto 0px;

}

.footerMenu li a:hover,
.footerMenu li.active a {

    color: var(--secondryClr);

}

button.backBtn {

    position: absolute;

    left: 20px;

    top: 50%;

    padding: 0;

    background: transparent;

    border: 0;

    color: #fff;

    transform: translate(0, -50%);

    font-size: 18px;

    font-weight: normal;

}

/******home-page-end*********/

/*****joined-Contest-start******/

.joinedContestList {
    background: #fff;

    margin: 0 20px 20px;
}

.joinedContestPar .joinedContestList {
    box-shadow: 0px 0px 5px #b5b4b49e;
}

.joinedBox ul {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

}

.joinedBox ul li {

    font-size: 16px;

    color: var(--secondryClr);

    line-height: 26px;

}



.joinedBox ul li span {

    color: #696969;

    display: block;

    font-weight: 600;

}

.joinedBox .linkList li {
    display: block;
    width: 100%;
}

.joinedBox .linkList li a {
    font-size: 16px;
    color: var(--secondryClr);
    line-height: 26px;
    display: block;
    width: 100%;
    position: relative;

}

.joinedBox .linkList li a i {
    color: #8e8e8e;
    font-size: 20px;


}

.joinedBox {

    border-bottom: 1px solid var(--primaryBdrltClr);

    padding: 10px 15px;

}

.joinedContestList .joinedBox:nth-child(3) {
    border-bottom: 0;
    background: #f3f3f3;
}


/*****joined-Contest-end******/

/*****my_contest-start******/

.listOfTeamPar.myContest {
    padding: 15px 30px;
}

.tabFiexdNavParent.nav.nav-tabs {
    background: #fff;
    padding: 15px 30px;
}

.myContest .nav.nav-tabs,
.tabFiexdNavParent.nav.nav-tabs {

    border: 0;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.myContest .nav.nav-tabs li,
.tabFiexdNavParent.nav.nav-tabs li {

    text-align: center;

    flex: 0 0 33%;

    margin: 0;

    border: 0 !important;

    float: none;

}

.tabFiexdNavParent.home.nav.nav-tabs li {
    flex: 0 0 100% !important;

}

.myContest .nav.nav-tabs li a,
.tabFiexdNavParent.nav.nav-tabs li a {

    background: #fff;
    border: 1px solid var(--primaryClr);
    color: var(--primaryClr);

    font-size: 15px;

    font-weight: 600;

    border-radius: 0;

    padding: 7px;

}

.myContest .nav.nav-tabs li a:hover,
.myContest .nav.nav-tabs li a.active,
.tabFiexdNavParent.nav.nav-tabs li a:hover,
.tabFiexdNavParent.nav.nav-tabs li a.active {
    color: #fff;
    background: var(--primaryClr);


}

.myContest .tab-content .tab-content {

    padding: 15px 0;

}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 0 !important;
}

.myContest .tab-content .tab-content p {

    text-align: center;

    color: #696969;

}

.myContest .tab-content .tab-content em {
    font-size: 14px;
}

.myContest .tab-content .tab-content cite {
    color: var(--primaryClr);
}

.primaryTextCol {
    color: var(--primaryClr);
}

/*****my_contest-end******/

/*****myAccounet-start******/

.accountSec .teamBar p {

    color: #4b5c66;

    font-size: 15px;

    padding: 10px 30px;

    line-height: 26px;

}

.accountSec .joinedContestList {

    /* max-height: 350px; */

}

.joinedBox ul li .comnBtn {
    color: #fff;
    border: 0;
    background: var(--secondryClr);
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;

}

.joinedBox ul li .comnBtn:hover {

    background: #4b5c66;

}

.joinedBox p {

    color: #8e8e8e;

}

.joinedBox ul li a {
    color: #8e8e8e;
    font-size: 16px;
}

.accountSec .mCSB_scrollTools .mCSB_draggerContainer {
    right: -10px;
}

/*****myAccounet-end******/

/*****preview-start*****/

.previewBg {
    background: url(../images/preview_bg.jpg);
    height: 100%;
    background-size: 100%;
    border: 4px solid #fff;
    padding: 5px;
    width: 100%;
    position: relative;
    background-position: center;
    max-height: 694px;
    background-repeat: no-repeat;
    max-width: 744px;
}

.previewBg.football-bg {
    background-size: cover !important;
}

.previewBg .teamPreviewRow {
    /*border-bottom: 1px solid #b1b1b1;*/
    padding: 10px 0;
}

.previewBg .teamPreviewRow:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.previewBg.previkabi {
    background-size: 100% 100%;
}

.previewBg.previkabi .teamPreviewRow {
    border-bottom: 0;
    margin-top: 20px;
}

.previewBg .teamPreviewRow h2 {
    font-size: 16px;
    line-height: 25px;
    color: #ffffff;
    text-shadow: 0 0 5px #191919;
    text-align: center;
    margin: 0;
}

.previewBg ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
    flex-wrap: wrap;

}

.previewBg ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: 10px;
}

.playerImg {

    height: 40px;

    width: 40px;

    border-radius: 50%;

    overflow: hidden;

    backface-visibility: hidden;

    margin: 0 auto -3px;

}

.playerName {

    display: inline-block;

    background: #326eb5;

    padding: 3px 10px 1px;

    color: #fff;

    font-size: 10px;

    border-radius: 4px;

}

.previewBg ul li span {

    display: block;

    color: #fff;

    font-size: 12px;

    margin-top: 0px;

}


.previewBg .teamPreviewRow li.wicket-keeper {
    top: -14px;
}

.previewBg .teamPreviewRow li.batsman {
    top: 60px;
}

.previewBg .teamPreviewRow li.all-rounders {
    top: 92px;
    left: -10px;
}

.previewBg .teamPreviewRow li.bowlers {
    top: 128px;
}

.teamBoxSec.accountSec .mCSB_container {
    height: 600px !important;
}


.teamName {

    color: #fff;

    text-align: center;
    margin-top: 10px;

}

.previewBg .closeBtn.rounded-circle {

    position: absolute;

    right: 10px;

    left: auto;

    top: 20px;

    z-index: 1;

}

.captaine {

    position: absolute;

    left: -10px;

    top: -5px;

    background: #1c3f79;

    height: 25px;

    width: 25px;

    line-height: 32px;
    font-weight: 600;
    color: #fff;

    border-radius: 50%;

    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.captain.captaine {

    background: #fcf659;

    color: #000;

}

.playerName.blckbg {

    background: #3b3b3b;

}

/*****preview-end*****/

/*****me*****/

.listOfTeamPar.meSec {

    background: #fff;

    min-height: 400px;

}

.meSec .melist ul li span {
    display: inline-block;
    width: 40px;
}

.meSec .melist ul li span i {
    float: none;
    font-size: 20px;
}

.melist ul li a {
    display: block;
    border-bottom: 1px solid var(--primaryBdrltClr);
    color: #6d6d6d;
    padding: 10px 0;
}

.melist ul li a span {

    font-size: 20px;

}

.melist ul li a i {
    color: #737272;
    float: right;

    font-size: 25px;

}

.melist ul li a:hover i {
    color: var(--primarySecClr);
}

.melist ul li a:hover {

    color: var(--secondryClr);

    border-color: var(--secondryClr);

}

/*****me-end*****/

/****verification-start****/

.nav.nav-tabs {

    border: 0;

}

.listOfTeamPar.verifyList {

    background: #fff;

}


.verifyList .form-control {

    color: #9d9d9d;

    box-shadow: 0px 3px 11px rgba(5, 5, 6, 0.3);

    border-color: rgba(5, 5, 6, 0.1);

}

.verifyList .form-control[type="file"] {

    background: #e4e4e4;

}

.verifyList .form-group span {

    color: var(--secondryClr);

    margin-top: 5px;

    display: block;

}

.verifyList h4 {

    color: var(--secondryClr);

    font-size: 20px;

    margin-bottom: 5px;

}

.verifyList h4 small {

    display: block;

    color: #9d9d9d;

    margin: 10px 0;

}

.verifyList .tab-content {

    padding: 30px 0;

}

button.loginbtn {

    padding: 9px 25px;

    border: 0;

    color: #fff;

    border-radius: 4px;

    background: rgb(255, 166, 0);

    background: -moz-linear-gradient(-45deg, #EF0454, #382262);

    background: -webkit-linear-gradient(-45deg, #EF0454, #382262);

    background: linear-gradient(-45deg, #EF0454, #382262);

}

.verifySec .matchTab .nav.nav-tabs {

    background: #fff;

}

.verifySec .teamBar {

    box-shadow: none;

}

.nav-tabs .nav-link {

    border-left: 0;

    border-right: 0;

    border-top: 0;

}

.verifyList .teamBar {

    box-shadow: none;

}

.verifySec .matchTab .nav.nav-tabs li {

    box-shadow: 0 0 11px rgba(5, 5, 6, 0.3);

    z-index: 1;

}

.otpField button.otpBtn {

    position: absolute;

    right: 0;

    top: 0;

    padding: 7px 20px;

    border: 0;

    color: #fff;

    border-radius: 5px;

    background: rgb(255, 166, 0);

    background: -moz-linear-gradient(left, rgba(255, 166, 0, 1) 0%, rgba(255, 79, 0, 1) 100%);

    background: -webkit-linear-gradient(left, rgb(74, 74, 74) 0%, rgb(66, 162, 240) 100%);

    background: linear-gradient(to right, rgb(74, 74, 74) 0%, rgb(66, 162, 240) 100%);

}

.otpField {

    position: relative;

    padding-right: 120px;

}

.otpField .form-control {

    background: #e4e4e4;

}

.verifySec .teamBar ul,
.contestSec .teamBar ul,
.joinedSec .teamBar ul {

    justify-content: space-between;

    display: flex;

    flex-wrap: wrap;

}

/****verification-end****/

/*****contestDetails-start*****/

.beakupBox {

    color: #898989;

}

.beakupBox ul {

    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 10px;

}

.beakupBox ul li {
    flex: 0 0 20%;
    padding: 7px 10px;
    box-shadow: 0px 0px 5px #b5b4b49e;
    margin: 10px 5px 0;
    color: #898989;
}

.beakupBox ul li:first-child {
    color: var(--secondryClr);
}

.beakupBox ul li:nth-child(2) {

    color: #f8bb00;

}

.beakupBox ul li:nth-child(3) {

    color: #479708;

}

.beakupBox ul li:nth-child(4) {}



.beakupBox ul li span {

    display: block;

    padding: 5px 0;

    color: #696969;

}

.detailsBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.detailsBox ul li {

    flex: 0 0 33%;

}


.detailsBox ul li:nth-child(2n) {

    text-align: center;

}

.detailsBox ul li:last-child {

    text-align: right;

}

.detailsBox ul li a {
    color: var(--primaryClr);
}

.detailsBox ul li a.collapsed i {
    transform: rotate(180deg) translateY(-3px);
}

.leaderBox ul {

    margin-top: 20px;

    display: flex;

    justify-content: space-between;
    border-top: 1px solid #e8e8e8;
    padding: 5px 0;
    align-items: center;
}



.leaderBox ul li {

    font-size: 16px;


}

.leaderBox ul li a {

    font-size: 20px;

    color: #898989;

}

.teamRank ul {

    background: var(--secondryClr);

}

.teamRank p {

    padding: 10px;

    text-align: center;

    color: #898989;

}

.teamRank ul {

    background: var(--secondryClr);

    color: #fff;

    padding: 10px;

    display: flex;

    justify-content: space-between;

    margin-top: 10px;

}

.teamListPar {
    align-items: center;
    display: flex;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
}

.teamListPar figure {
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin-bottom: 0;
    background-color: #fff;
}

.teamListPar figure img {
    width: 100%;
}

.teamListPar .teamConten {
    display: flex;
    flex-grow: 1;
    padding-left: 20px;
}

.teamListPar .teamConten p {
    padding: 0;
    text-align: left;
}

.teamListPar .teamConten em {
    font-size: 14px;
    color: #9c9c9c;
}

.teamListPar .teamContenRight {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.infoTittle {
    display: flex;
    font-size: 12px;
    margin-top: 5px;
    color: #9b9b9b;
}

.infoTittle span {
    background-color: #68a9c7;
    align-items: center;
    border-radius: 8px;
    color: #fff;
    display: flex;
    height: 15px;
    justify-content: center;
    margin: 0 4px 0 0;
    text-align: center;
    width: 15px;
    font-size: 12px;

}

.infoTittle span.warn {
    background-color: #67cba5;
}

.listOfDetail .infoTittlePar {
    margin: 0 -15px;
}

.listOfDetail {
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 15px;
    margin: 0 15px 10px;
}

.listOfDetail .btomBar {
    margin: 10px 0 -10px;
}

.btomBar a {
    color: #616161;
    background: #efefef;
    padding: 10px 15px;

}

.outlineBtn {
    background: transparent;
    border: 1px solid var(--secondryClr);
    color: var(--secondryClr);
}

.outlineBtn:hover {
    color: #fff;
    background: var(--secondryClr);
}

/*****contestDetails-start*****/

.comonScrool {

    height: 100%;

}


/*****************************************************************************
***************************payment page css start *******************
******************************************************************************/
.teamBar cite {
    font-style: normal;
    color: #f85e30;
    font-size: 13px;
}

.teamBar label {
    text-align: center;
}

.teamBar p {
    color: #656565;
}

.teamBar .virImg {
    display: block;
    text-align: right;
}

.cardBoxPar {
    background: #f5f4f9;
}

.cardBoxPar .cardPar {
    position: relative;
    padding: 20px 80px 20px 100px;
}

.cardBoxPar .cardPar img {
    width: 120px;
    display: block;
    margin-bottom: 15px;
}

.cardBoxPar .cardPar h4 {
    font-size: 16px;
    color: #555555;
}

.cardBoxPar .cardPar p {
    font-size: 12px;
    color: #9d9d9d;
}

.cardBoxPar .cardPar.cardPayUm {
    border-top: 1px solid #e4e4e4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardBoxPar .cardPar.cardPayUm .playNow {
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: var(--letterSpace);
    line-height: 20px;
    margin-top: 0;
    display: inline-block;
    background: #409be3;
    min-width: auto;
    text-align: center;
    padding: 12px 25px;
    border-radius: 4px;
    border: 0;
}

.cardBoxPar .cardPar.cardPayUm .playNow:hover {
    background-color: #4b5c66;
}

.teamBoxSec .editBtn {
    font-size: 22px;
    background: transparent;
    color: #b2b2b2;
    position: absolute;
    right: 20px;
    top: 10px;
}

.cardBoxPar .cardPar .editBtn {
    right: 35px;
}

.cardBoxPar .headPar {
    background: #e4e4e4;
    padding: 15px 40px;
    font-size: 14px;
    color: #757575;
}

.cardBoxPar .gridBoxPar {
    display: flex;
    flex-wrap: wrap;
}

.cardBoxPar .gridBoxPar .gridChild {
    flex: 1;
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cardBoxPar .gridBoxPar .gridChild:not(:last-of-type) {
    border-right: 1px solid #f0f0f0;
}

.cardBoxPar .gridBoxPar .gridChild a {
    color: #000;
    padding: 14px;
    display: block;
    width: 100%;
}

.cardBoxPar .gridBoxPar .gridChild img {
    width: 30px;
    display: inline-block;
    padding-right: 10px;
}

.gridBoxPar>p a {
    padding: 10px 40px;
    color: #f85e30;
    display: inline-block;
}

.paymentBox {
    padding: 10px 20px 30px;
    background: #fff;
}

.paymentBox .paymentBoxHead {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 10px;
}

.paymentBox .paymentBoxHead p {
    float: right;
    color: #15507d;
}

.paymentBox .paymentBoxHead a span {
    color: #000;
}

.payImgpar img {
    width: 45px;
    display: inline-block;
    padding-right: 10px;
}

.paymentBox .paymentBoxConten {
    width: 100%;
    padding-top: 10px;
}


/*****************************************************************************
***************************payment page css end *******************
******************************************************************************/

/*****************************************************************************
***************************quickCheck page css start *******************
******************************************************************************/
.teamBar>article {
    text-decoration: none;
    padding: 10px 20px;
}

.widgetsPar h3 {
    font-size: 18px;
    color: var(--primaryClr);
    padding-top: 40px;
}

.widgetsPar h4 {
    color: #696969;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    padding-bottom: 10px;
}

.widgetsPar .dobGriadPar .dobGriadBox {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}

.dobGriadPar .dobGriadCol {
    flex: 1;
    padding: 20px 20px 10px;
    background: #fff;
    box-shadow: 0 0 6px 1px #dadada;
    margin: 0 20px;
}

.dobGriadPar .dobGriadBox span {
    color: var(--primaryClr);
}

.dobGriadPar .dobGriadBox .form-control {
    font-size: 22px;
    border: 0;
    border-radius: 0;
    text-align: center;
}

.widgetsPar label {
    font-size: 18px;
    color: var(--primaryClr);
    padding: 30px 0 0;
}

.widgetsPar .form-control {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #cbcbcb;
    padding: 5px 0 10px;
    height: auto !important;
    background: transparent;
}

/*****************************************************************************
***************************quickCheck page css end *******************
******************************************************************************/

/*****************************************************************************
***************************quickCheck page css end *******************
******************************************************************************/


/*****popup css start*****/
.modal-dialog.comnPopup {
    max-width: 632px;
    border-radius: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.modal-dialog.comnPopup .modal-content {
    border-radius: 0;
}

.modal-dialog.comnPopup .modal-header {
    position: relative;
    text-align: center;
    background: rgb(255, 166, 0);
    background: -moz-linear-gradient(left, #389483 0%, #5CDB95 100%);
    background: -webkit-linear-gradient(left, #389483 0%, #5CDB95 100%);
    background: linear-gradient(to right, #389483 0%, #5CDB95 100%);
    border-radius: 0;
}

.modal-dialog.comnPopup .modal-header h5 {
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
}

.modal-dialog.comnPopup .modal-header button.close {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    width: 35px;
    background: #2f2f2f;
    opacity: 1;
    color: #fff;
    padding: 0;
    font-weight: normal;
    font-size: 22px;
    border-radius: 50px;
}

.modal-dialog.comnPopup .modal-body.clearfix {
    padding: 30px;
}

.winingList h4 {
    text-align: center;
    font-size: 18px;
    color: #3d3c3c;
    line-height: 30px;
}

.winingList h4 span {
    display: block;
    color: var(--secondryClr);
}

.winingList ul li {
    display: block;
    border-bottom: 1px solid var(--primaryBdrltClr);
    font-size: 16px;
    color: #525252;
    line-height: 40px;
}

.winingList ul li span {
    float: right;
}

.winingList {
    margin-bottom: 10px;
}

.popupbtn {
    background: rgb(255, 166, 0);
    background: -moz-linear-gradient(left, #389483 0%, #5CDB95 100%);
    background: -webkit-linear-gradient(left, #389483 0%, #5CDB95 100%);
    background: linear-gradient(to right, #389483 0%, #5CDB95 100%);
    border: 0;
    padding: 5px 20px;
    color: #fff !important;
    margin-top: 15px;
    position: relative;
    z-index: 1;
}

.popupbtn:hover:after,
.btn.btnNeed:hover:after {
    width: 100%;
}

.popupbtn:after,
.btn.btnNeed:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--primaryClr);
    z-index: -1;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border-radius: .25rem;
}

.add_money ul li {
    display: inline-block;
    width: 24%;
    margin: 0 4%;
    color: #f99605;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    background-color: #ece9e9;
    cursor: pointer;
    margin-bottom: 20px;
}

.comnPopup .btnCreat {
    background: rgb(255, 166, 0);
    /* Old browsers */
    background: -moz-linear-gradient(left, #389483 0%, #5CDB95 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #389483 0%, #5CDB95 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #389483 0%, #5CDB95 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#ff4f00', GradientType=1);
    /* IE6-9 */
    color: #fff;
    position: relative;
    border: 0;
    z-index: 1;
}

.modalBox .btnOk {
    padding: 7px 30px;
    margin-top: 10px;
}

.modalBox .btnCreat:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--primaryClr);
    z-index: -1;
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    border-radius: .25rem;
}

.modalBox .btnCreat:hover:after {
    width: 100%;
}

.modalBox {
    padding: 15px 15px;
}

.modalBox h5 {
    font-size: 16px;
    color: #000;
}

.modalBox p {
    font-size: 14px;
    color: #9b9b9b;
    margin-top: 10px;
}

.modal-body.clearfix {
    padding: 30px;
    padding-bottom: 0;
}

.modalBox .codeInput input {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 0;
}


/* The container */
.checkBoxPar {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
}

/* Hide the browser's default checkbox */
.checkBoxPar input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkBoxPar .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #cbcbcb;
}




/* Create the checkmark/indicator (hidden when not checked) */
.checkBoxPar .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkBoxPar input:checked~.checkmark {
    border-color: #000;
}

.checkBoxPar input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkBoxPar .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkboxList ul li .checkBoxPar {
    padding-left: 0;
    margin-bottom: 0;
}

.checkboxList ul li .checkBoxPar .checkmark {
    left: unset;
    right: 0;
    top: 13px;
}

.currentBalaModBox h6 {
    color: #000;
    font-size: 16px;
}

.currentBalaModBox ul li {
    padding: 10px 0;
}

.currentBalaModBox ul li h5 {
    color: var(--primaryClr);
    font-size: 16px;
    line-height: 20px;
}

.currentBalaModBox ul li p {
    line-height: 20px;
    color: #000;
    padding: 0;
    margin: 0;
}

.currentBalaModBox p {
    color: #9b9b9b;
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
}

.currentBalaModBox .joinBar {
    margin: 20px 0;
}

.currencyTextInput {
    position: relative;
}

.currencyTextInput input {
    padding-left: 32px;
}

.currencyTextInput cite {
    position: absolute;
    left: 10px;
    top: 7px;
    font-style: normal;
}

/*****popup css end*****/

.btn.btnNeed {
    position: fixed;
    z-index: 11;
    top: 70%;
    display: inline-block;
    background: rgb(255, 166, 0);
    background: -moz-linear-gradient(left, #389483 0%, #5CDB95 100%);
    background: -webkit-linear-gradient(left, #389483 0%, #5CDB95 100%);
    background: linear-gradient(to right, #389483 0%, #5CDB95 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#ff4f00', GradientType=1);
    border: 0;
    color: #fff;
    transform: translateX(500px);
}

.appBox {
    background: background-color: #f2f2f2;
    border-bottom: 1px solid #e8e8e8;
}

.appBox .appImg img {
    max-width: 150px;
}


/*****about page start*****/
.bannerSec,
.contactImage {
    position: relative;
    background: linear-gradient(-45deg, #EF0454, #343c45);
    border-top: 1px solid rgba(255, 255, 255, .2);
}

.bannerSec img {
    width: 100%;
}

.bannerSec h1 {
    z-index: 1;
    font-size: 45px;
    font-weight: 300;
    line-height: 40px;
    position: relative;
}

.bannerSec h1:after {
    content: "";
    position: absolute;
    width: 45px;
    height: 4px;
    bottom: -20px;
    left: 0;
    background: #fff;
    z-index: -1;
}

.bannerSec .bannerCont {
    position: absolute;
    top: 36%;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    text-transform: uppercase;
}

.aboutSec {
    padding: 160px 0 40px;
}

.primaryHead span {
    display: block;
    font-size: 12px;
    color: #898e8f;
    text-transform: uppercase;
}

.primaryHead h2 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: #EF0454;
    position: relative;
}

.primaryHead h2:after {
    content: '';
    position: absolute;
    width: 160px;
    height: 2px;
    background-color: #EF0454;
    top: 30px;
    left: 0;
}

.aboutSec p {
    color: #3a3a3a;
    line-height: 28px;
    font-size: 14px;
    margin-top: 20px;
}

.aboutSec .nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.aboutSec .nav li {
    text-align: center;
    margin-bottom: -6px;
    float: left;
    width: 175px;
}

.aboutSec .tab-pane h3 {
    font-size: 30px;
    font-weight: 700;
}

.captRow {
    display: flex;
    flex-wrap: wrap;
}

.captRow .capCol {
    flex: 1;
}

.captRow .capCol:last-child {
    flex: 4;
}

.captRow .capCol .rounded-circle {
    margin: 0 auto;
}

.captRow .capCol .circleImg {
    width: 150px;
    height: 150px;
    overflow: hidden;
}

.aboutCentetSec {
    background-color: #1e1319;
    padding: 80px 0;
}

.navFixed.scroll-to-fixed-fixed {
    background: #f1f1f1;
    padding: 15px 0;
    border-bottom: 2px solid #d8d8d8;
}

.aboutSec .nav li a {
    color: #222;
    background: #d4d1d1;
    border-radius: 0;
    margin: 0 5px;
    min-width: 180px;
}

.aboutSec .nav li a.active {
    background: var(--primaryClr);
    color: #fff;
    margin: 3px 0 0 0;
    padding: 10px 0 10px 0;
    background: #343c45;
    color: #ffffff;
    /* color: #ff6831; */
    z-index: 4;
    outline: none;
}

.captRow .capCol h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    margin-top: 15px;
}

.captRow .capCol h6 {
    font-size: 16px;
    line-height: 24px;
    color: #898e8f;
    margin-top: 10px;
}

.tab-content p {
    margin-top: 5px;
    line-height: 20px;
}

.captRow .capCol .h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.imgThumlist .h2 {
    font-size: 34px;
    line-height: 46px;
    font-weight: 700;
    letter-spacing: 1px;
}

.imgThumlist ul li {
    margin-top: 10px;
}

.listOfTrust .ul {
    /* padding:80px 0;  */
    border-bottom: 1px solid #cfcfcf;
}

.listOfTrust .ul .display-4 {
    font-size: 18px;
    padding: 5px 0 18px;
    font-weight: 400;
}

.listOfTrust .ul .li p {
    font-size: 16px;
    line-height: 2;
    color: #747474;
    font-weight: 400;
}

.aboutCentetSec .primaryHead span,
.aboutCentetSec .primaryHead h2 {
    color: #409be3;
}

.aboutCentetSec .h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin: 30px 0 20px;
    text-transform: uppercase;
}

.aboutCentetSec p {
    font-size: 14px;
    line-height: 25px;
    color: #838b8c;
}


.blogViewSec {
    padding: 80px 0;
    background: #fff;
}

.blogViewSec img {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

.blogViewSec p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 25px;
    color: #838b8c;
}

.conctBtnPar .btn {
    padding: 10px 30px;
    background: var(--primaryClr);
    color: #fff;
    border-radius: 0;
    margin-top: 60px;
    text-transform: uppercase;
    font-weight: 600;
}

.conctBtnPar .btn:hover {
    background: #de780f;
}

/*****about page end*****/

/*****contact Us page start*****/
.mapSec {
    padding: 30px 0;
    background: #fff;
}

.mapSec img {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

.concatInfoSec {
    padding: 80px 0;
    background: #1e1319;
    text-align: center;
    color: #fff;
}

.concatInfoSec cite {
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    width: 60px;
    height: 60px;
    border: 2px solid var(--primaryClr);
    color: #fff;
    border-radius: 50%;
}

.concatInfoSec ul {
    margin-top: 30px;
    text-transform: uppercase;
}


.contacSec {
    padding: 80px 0;
    background: #fff;
    text-align: center;
}

.contacSec h3 {
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contacSec input {
    margin-bottom: 10px;
    height: 45px;
}

.contacSec .form-control:focus {
    border-color: var(--primaryClr);
}

/*****contact Us page end*****/

/*****privacypolicy page end*****/
.privaSec {
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 25px;
    color: #4a4a4a;
    padding-top: 20px;

}

.privaSec h4 {
    font-size: 12px;
    line-height: 25px;
    color: #4a4a4a;
    font-weight: 700;
}

.privaSec h5 {
    font-size: 16px;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 0;
}

.privaSec h6 {
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 25px;
    color: #4a4a4a;
}

.privaSec p {
    font-size: 12px;
    line-height: 25px;
    color: #4a4a4a;

}

.privaSec dd {
    margin-left: 19px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;

}

.privaSec dd ul {
    padding-left: 20px;
    list-style: disc;
}

.privaSec dd ul ul {
    list-style: circle;
}

/*****privacypolicy page start*****/



/*********help page start*********/
.accordionPar .card-header {
    padding: 10px 20px;
    border-radius: 0 !important;
}

.accordionPar .card-body .card-header {
    padding: 7px 20px;
    background: #ececec;
}

.accordionPar .card-header .btn {
    padding: 0;
    color: #333;
    width: 100%;
    text-align: left;
    position: relative;
    white-space: inherit !important;
}

.accordionPar .card-header .btn span {
    display: inline-block;
    padding-right: 30px;
    word-break: break-word;
}


.accordionPar .card {
    border-radius: 0 !important;
    border: 0;
    margin-bottom: 10px;
}

.accordionPar .card i {
    transform: rotate(180deg);
    padding-right: 5px;
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 25px;
    color: #9c9a9a;
}

.accordionPar .card-header a {
    width: 100%;
    position: relative;
    display: block;
    color: #333;
}

.accordionPar .card .collapsed i {
    transform: rotate(0deg);
    right: 5px;
}

.accordionPar .card-body {
    border: 1px solid rgba(0, 0, 0, .125);
    border-top: 0;
    font-size: 14px;
}

/*********help page end*********/

/**************Points System page start ************/
.listRow {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding: 7px 10px;
}

.listRow .listCol {
    flex: 3;
}

.listRow .listCol:last-child {
    flex: 1;
}

.listRow .listCol h5 {
    font-size: 14px;
    color: #252525;
}

.listRow .listCol p {
    font-size: 11px;
    color: #7b7a7a;
    margin-top: 5px;
    text-transform: capitalize;
}

.listRow .listCol span {
    color: #25ba38;
    font-size: 14px;
    text-align: right;
    display: block;
    font-weight: 700;
}

.listRow .listCol .minusVal {
    color: #f58323;
}

.listOfTeamPar.accordionPar .card-header {
    padding: 10px 10px;
}

.listOfTeamPar.accordionPar .card-link {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.listOfTeamPar.accordionPar .card-link cite {
    font-style: normal;
}

.listOfTeamPar.accordionPar .card-link label {
    width: 24px;
    margin-right: 10px;
    margin-bottom: 0;
}

.listOfTeamPar.accordionPar .card-link img {
    width: 100%;
}

.listOfTeamPar.accordionPar .card-link p {
    font-size: 12px;
    color: #e5e0e0;
}

.listOfTeamPar.accordionPar .subList {
    list-style: disc;
    line-height: 16px;
    font-size: 12px;
    padding-left: 25px;
    padding-right: 42px;
    margin: 30px 0;
}


.listOfTeamPar.accordionPar small {
    display: block;
    text-align: center;
    padding: 7px;
}

.smTable table {
    font-size: 11px;
    font-weight: 700;
}

.smTable table th {
    background: #e4e4e4;
    padding: 5px;
}

.smTable table td {
    padding: 5px;
}

.smTable table tr td:not(:first-child),
.smTable table tr th:not(:first-child) {
    text-align: center;
}

/**************Points System page end **************/


/**************How To Play page end **************/
.toPlay {
    font-size: 12px;
}

.toPlay p {
    margin-bottom: 10px;
    font-size: 12px;
}

.toPlay h4 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.toPlay .titelList {
    margin-bottom: 10px;
}

.toPlay .titelList .h6 {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 0;
}

.toPlay .titelList small {
    font-size: 12px;
}

.toPlay h6 {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.toPlay .thumImg img {
    max-width: 400px;
}

.toPlay .thumImg {
    margin-bottom: 10px;
}

.toPlay ul li {
    margin-bottom: 15px;
}

.toPlay ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.toPlay ol li {
    margin-bottom: 15px;
}


/**************managePayments page start **************/
.TodolistPar li a {
    display: flex;
    color: #323232;
    align-items: center;
    position: relative;
    padding: 8px 5px;
    border-bottom: 1px solid rgba(105, 105, 105, 0.2);
}

.TodolistPar li label {
    width: 24px;
    margin-right: 10px;
    margin-bottom: 0;

}

.TodolistPar li cite {
    font-style: normal;
    font-size: 14px;
}

.TodolistPar li cite p {
    font-size: 12px;
    color: #7b7a7a;
}

.TodolistPar li a {
    position: relative;
}

.TodolistPar li i {
    position: absolute;
    right: 0;
    color: #8e8e8e;
    font-size: 25px;
    top: 25%;

}

.TodolistPar li span {
    font-size: 12px;
    color: #3b5998;
    position: absolute;
    right: 0;
    top: 30%;
}

.no-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 10px 20px;
    border-bottom: 1px solid #e8e8e8;
}

.no-cards-image {
    width: 64px;
}

.no-cards-title {
    padding: 15px 0;
    font-size: 14px;
}

.no-cards-text {
    color: #7b7a7a;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

.cardBox {
    padding: 20px 0;
}

.cardBox .stamp {
    margin-top: -10px;
    display: inline-block;
}

.codeInput input {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 0;
    font-size: 14px;
}

.codeInput label {
    margin-bottom: 0;
    font-size: 14px;
}

.codeInput span {
    font-size: 12px;
    color: #9b9b9b;
    width: 100%;
    padding-top: 5px;
    line-height: 15px;
    display: block;
}

.cardBox .cardBtnPar {
    margin-top: 20px;
}

.cardBox small {
    font-size: 12px;
    color: #9b9b9b;
    margin: 10px 0 0;
    display: block;
}


.NubInput {
    position: relative;
}

.NubInput span {
    position: absolute;
    left: 0;
    font-size: 14px;
    top: 10px;
}

.NubInput input {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 0;
    font-size: 14px;
    padding-left: 28px;
}

/**************managePayments page end **************/

/**************inviteFriend page end **************/
.inviteFienPar .inviteFienhead {
    background: url(../images/invite-top-bg.jpg) center center no-repeat;
    background-size: cover;
    padding: 20px;
    height: 190px;
}

.inviteFienhead .h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

.inviteFienhead a {
    color: #3759a5;
    display: inline-block;
    margin-top: 20px;
}

.inviteFienPar .inviteContent {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 15px;
    width: 100%;
}

.inviteFienPar .inviteCodeWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    margin: 15px 0;
    padding: 10px 0;
    width: 72%;
}

.inviteCodeWrapper span {
    font-size: 10px;
    color: #7b7b7b;
    padding-bottom: 5px;
}

.inviteCodeWrapper small {
    color: #252525;
    font-size: 24px;
    font-weight: 700;
}

.inviteFienPar .socialShare {
    width: 100%;
    margin: 15px 0;
    font-size: 12px;
}

.socialShare p {
    margin: 0;
    font-weight: 700;
    text-align: center;
}

.socialShare .socialShareBox {
    padding: 0 10%;
    display: flex;
    justify-content: space-around;
    margin: 15px 0;
    width: 100%;
}

.socialShareBox .socialLink {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.socialLink a span {
    background: url(../images/social-share.png) no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
}

.socialLink a {
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 40px;
}

.socialLink label {
    display: block;
    padding-top: 10px;
}

.socialShareBox .linkWa a {
    background: #0ad561;
}

.socialLink a .whatsapp-icon {
    background-position: 0 99%;
    background-size: 100%;
}

.socialShareBox .linkFb a {
    background: #3b5998;
}

.socialLink a .facebook-icon {
    background-position: 0 0;
    background-size: 100%;
}

.socialLink a .twitter-icon {
    background-position: 0 49.074074%;
    background-size: 99.5%;
}

.socialShareBox .linkTw a {
    background: #50abf1;
}

.inviteBtmLink a {
    color: #3759a5;
    font-size: 12px;
}


.inviteFienPar .inviteBottomContent {
    background: url(../images/invite-app-image.png) center bottom no-repeat #fff5e5;
    background-size: auto 240px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 15px 15px 240px;
    margin-top: 10px;
    width: 100%;
}

.inviteBottomContent .h4 {
    font-size: 16px;
    font-weight: 700;
}

.inviteBottomContent .downloadBtn {
    margin: 15px 0;
}

.inviteBottomContent .downloadBtn a {
    background: #3759a5;
    color: #fff;
}

/**************inviteFriend page end **************/

/**************How It Works page start **************/

.howItWorkList .h2 {
    margin: 20px 0;
    font-size: 22px;
}

.howItWorkList ul li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.howItWorkList li .imgPar {
    max-width: 100px;
}

.howItWorkList li .listContent {
    padding-left: 20px;
}

li .listContent .h3 {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0;
}

li .listContent p {
    font-size: 14px;
}

.howItWorkList cite {
    font-size: 14px;
    font-style: normal;
    line-height: 26px;
}

.howItWorkList cite span {
    color: #7b7b7b;
}

/**************How It Works page end **************/




body .alert {
    padding: 23px;
    color: #fff;
    background-color: #ef4c40;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 111;
    top: 0px;
    border-radius: 0;
    border: 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    -webkit-animation: fadeShow 1s ease-out;
    animation: fadeShow 1s ease-out;
}

@keyframes fadeShow {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.alert .closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
    font-size: 16px;
}

body .alert.success {
    background-color: #4CAF50;
}

body .alert.warning {
    background-color: #f5a615;
}

/*yogesh start*/
.alertmsg {
    position: fixed;
    z-index: 99999;
    padding: 14px 30px 15px 10px;
    display: flex;
    color: #fff;
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    max-width: 700px;
    min-height: 70px;
    align-items: center;
}

.alertmsg.success {
    background: green;
}

.alertmsg.error {
    background: red;
}

.alertmsg span.closebtn {
    position: absolute;
    top: 0;
    right: 8px;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
}

.green {
    color: #25ba38 ! important;
}




.filterCotest>ul li .dropdown-toggle.up:after {
    transform: rotate(180deg);
}

/*yogesh end*/


/*fantastHead page start*/
.teamBar.homeHead.fantastHead {
    padding: 10px 35px;
}

.teamBar.fantastHead ul {
    padding: 0 0;
}

.teamBar.fantastHead ul li {
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.teamBar.fantastHead ul li span {
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    font-size: 16px;
}

.teamBar.fantastHead ul li img {
    margin-right: 10px;
    max-width: 40px;
    height: 35px;
    position: static;
}

.teamBar.fantastHead .h6 {
    font-size: 16px;
    color: var(--primaryClr);
    margin-bottom: 0;
}

.table thead th {
    white-space: nowrap;
    background: #f7f7f7;
    font-weight: 500;
    border-bottom: 0;
}

.table-sm td,
.table-sm th {
    padding: 8px;
    border-color: var(--primaryBdrltClr);
    font-size: 14px;
}

.forgotModal .linkList li a {
    color: #fff;
    background: var(--primaryClr);
    text-align: center;
    margin: 10px 0 0;
    border-radius: 5px;

    padding: 10px 5px;
    width: 100%;
    display: block;
}


.forgotModal .linkList li.whats a {
    background: #50ca5d;
}

.forgotModal .linkList li.mage a {
    background: #777676;
}

.forgotModal .linkList li.googl a {
    background: #ea4335;
}

.forgotModal .linkList li a:hover {
    color: #fff;
    background: var(--primarySecClr) !important;
}

/*fantastHead page end*/


/**************skillUp page start **************/
/*mediaCardSec*/
.mediaCardSec {
    padding: 60px 0;
}

.mediaCardSec h4 {
    text-align: center;
    color: #252c33;
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 35px;
}

.mediaCardSec .card {
    border: 0;
}

.mediaCardSec .card-group {
    margin-bottom: 20px;
}

.mediaCardSec .card-body {
    padding: 0;
}

.mediaCardSec .card-group>.card:only-child .card-img-top {
    border-radius: 0;
}

.mediaCardSec .card-title {
    margin: 10px 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
}

.mediaCardSec .card-body .card-title a {
    color: #151618;
}

.mediaCardSec .card-body .card-title a:hover {
    color: var(--primaryClr);
}

.mediaCardSec .card-body .card-text {
    font-size: 13px;
    line-height: 18px;
}

.mediaCardSec .card-body small {
    font-size: 13px;
    background: #ececec;
    padding: 7px 15px;
    display: block;
    margin-top: 10px;
}

.mediaCardSec .card-img-top {
    overflow: hidden;
}

.mediaCardSec .card-img-top img {
    transition: all 0.4s ease-in-out 0.1s;
}

.mediaCardSec .card-group:hover img {
    transform: rotateZ(10deg) scale(1.5);
}

.mediaCardSec .btn {
    background: var(--primaryClr);
    padding: 7px 15px;
    color: #fff;
    border-radius: 0;
    margin-top: 30px;
}

.mediaCardSec .btn:hover {
    background: #191a1f;
    color: #fff;
}

/*mediaCardSec*/

/*blogSec start*/
.blogSec {
    padding: 60px 0;
}

.breadcrumb {
    padding: 7px 10px;
    font-size: 14px;
    border-radius: 0;
}

.breadcrumb a {
    color: #222;
}

.breadcrumb a:hover {
    color: var(--primaryClr);
}

.blogSec h2,
.mediaCardSec h2 {
    font-weight: 500;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}

.blogCont .badge a {
    color: var(--primaryClr);
}

.blogCont p {
    line-height: 22px;
    margin: 0 0 20px;
    font-size: 14px;
}

.blogCont ol {
    list-style-type: decimal;
    padding-left: 15px;
}

.blogCont ol li {
    font-size: 14px;
    line-height: 22px;
}

.socialIcon ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 37px;
    width: 37px;
    border-radius: 50%;
    line-height: 37px;
    color: #fff;
    font-size: 16px;
    margin-right: 15px;
}

.socialIcon ul li.face a {
    background: #3b5898;
}

.socialIcon ul li.twit a {
    background: #30a0f3;
}

.socialIcon ul li a:hover {
    background-color: var(--secondryClr);
    color: #fff;
}

.blogPostLink ul li {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 0px 0;
    padding-left: 15px;
    color: #222;
    padding: 10px 20px;
    position: relative;
    background: #f5f5f5;

}


.blogPostLink ul li a {
    color: var(--primaryClr);
    display: block;
}

.blogPostLink ul li a:hover {
    color: #222;
}

.blogSearch {
    position: relative;
}

.blogSearch input {
    background: #e1e2e4;
    border: 0;
    width: 100%;
    padding: 10px 56px 10px 10px;
    color: #000;
    height: 50px;

}

.btn.btn_search {
    position: absolute;
    right: 0;
    top: 0;
    background: #222;
    height: 100%;
    color: #fff;
    border-radius: 0;
    padding: 0 20px;
}

.btn.btn_search:hover {
    background: var(--primaryClr);
}

.blogSec h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 15px;
    color: #212529;
}

.page-link {
    background-color: #1f1f1f;
    color: #fff;
}

.page-link:hover,
.page-link.active {
    background-color: var(--primaryClr);
    color: #fff;
}

/*blogSec end*/



/**************skillUp page end **************/


/**************testimo page start **************/
.testimoBanner {
    position: relative;
}

.testimoBanner img {
    width: 100%;
}

.testimoBanner .testimoBanTxt {
    position: absolute;
    left: 60px;
    top: 35%;
    z-index: 1;
}

.testimoBanTxt h3 {
    color: #fff;
    font-size: 20px;
}

.testimoBanTxt .btn {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: var(--letterSpace);
    margin-top: 20px;
    display: inline-block;
    background: #409be3;
    text-align: center;
    padding: 7px 15px;
    border-radius: 0;

}

.testimoBanTxt .btn:hover {
    background-color: #191a1f;
    color: #fff;
}

.testimoSec .container {
    max-width: 768px;
    width: 100%;
}

.media img {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 2px solid #d4d4d4;
}

.media h5 {
    font-size: 20px;
    margin-bottom: 5px;
}

.media em {
    font-size: 16px;
    display: block;
    line-height: 16px;
    color: #6b6969;
}

.media cite {
    font-size: 14px;
    display: block;
    line-height: 16px;
    color: #9e9e9e;
}

.media p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
}

.media .media-body {
    /*background: #f5f5f5;*/
    padding: 7px 15px;
    border-radius: 4px;
}

.aboutSec .careerPar {
    padding: 25px;
    border: 2px #8c8c8c dotted;
    text-align: center;
}

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

.careerPar h5 {
    font-size: 16px;
    font-weight: 100;
}

.careerContent .btn {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: var(--letterSpace);
    margin-top: 20px;
    display: inline-block;
    background: #409be3;
    text-align: center;
    padding: 7px 15px;
    border-radius: 0;
}

.careerContent .btn:hover {
    background-color: #191a1f;
    color: #fff;
}


.chat .chat-history {
    padding: 30px 30px 20px;
    border-bottom: 2px solid white;
}

.chat .chat-history .message-data {
    margin-bottom: 15px;
}

.chat .chat-history .message-data-time {
    color: #a8aab1;
    padding: 0 10px;
    font-size: 14px;
}



.online,
.me {
    margin-right: 3px;
    font-size: 10px;
    color: #3edc81;
}

.chat .chat-history .other-message {
    background: rgb(255, 166, 0);
}



.chat .chat-history .my-message {
    background: #f74f02;
}

.chat .chat-message {
    padding: 30px;
}

.chat .chat-message textarea {
    width: 100%;
    border: none;
    padding: 10px 20px;
    font: 14px/22px "Lato", Arial, sans-serif;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none;
}

.chat .chat-history .message {
    color: #fff;
    padding: 18px 20px;
    line-height: 20px;
    font-size: 14px;
    border-radius: 4px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
}

.chatFoot li .form-control {
    height: 38px;
    resize: none;
    font-size: 14px;
}

.chatFoot li .btn {
    padding: 5px 12px;
    background: transparent !important;
    border: 1px solid var(--secondryClr) !important;
    color: var(--secondryClr);
    border-radius: 4px;

}

.chatFoot li .btn.btn-primarySec {
    border: 1px solid #f74f02 !important;
    color: #f74f02;
}

.chatFoot li .btn.btn-primarySec:after {
    background: #f74f02;
}

.chatFoot li .btn:hover {
    color: #fff;
}

.message .list-group .list-group-item {
    padding: 0px 0px;
}

.message .list-group {
    margin-top: 10px;
}

.message .list-group .list-group-item a {
    display: block;
    text-align: center;
    padding: 7px 15px;
    color: var(--primaryClr);
}

.message .list-group .list-group-item a:hover {
    color: var(--primaryClr);
    background: #e6e6e6;
    font-size: 15px;
    letter-spacing: 1px;
}




/**************testimo page end **************/

/**************apply page start **************/
.linkedPar .btn {
    background: #0084bf;
    border-color: #0084bf;
    color: #fff;
    cursor: default !important;
    font-size: 14px;
}

.linkedPar p {
    color: #969799;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    padding: 10px 0;
    margin: 0;
    vertical-align: middle;
}

.fileInpBtn {
    position: relative;
    cursor: pointer;
}

.fileInpBtn input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
}

.contacSec h5 {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.selectFilter {
    width: 8px;
    height: 8px;
    background-color: green;
    border: solid 1px #fafafa;
    border-radius: 50%;
    position: absolute;
    right: 17px;
    top: 24px;
}

.howtoplaySec iframe {
    display: none;
    position: absolute;
    right: 15px;
    width: calc(50% - 30px);
    top: 77px;
    height: 431px;
    border-radius: 6px;
    z-index: 9;
}

.howtoplaySec .col-sm-6 {
    position: static;
}

.howtoplaySec .container {
    position: relative;
}

/**************apply page end **************/
.filterCotest>ul li .dropdown-toggle.up:after {
    transform: rotate(180deg);
}

/*yogesh end*/

.selectFilter {
    width: 8px;
    height: 8px;
    background-color: green;
    border: solid 1px #fafafa;
    border-radius: 50%;
    position: absolute;
    right: 17px;
    top: 24px;
}

.choosTeamcheck h4.customCheck::after {
    content: "";
    position: absolute;
    border: 2px solid red;
    width: 20px;
    height: 20px;
    left: 0;
    top: 9px;
    border-radius: 3px;
}

.choosTeamcheck h4.customCheck {
    text-align: left;
    position: relative;
    padding-left: 25px;
}

.choosTeamcheck h4.customCheck.checked::before {
    content: "\f14a";
    position: absolute;
    /* background: red; */
    /* width: 13px; */
    /* height: 13px; */
    left: 1px;
    top: 8px;
    font-family: fontawesome;
    color: red;
    font-size: 20px;
}


*[disabled="disabled"] {
    cursor: not-allowed;
}

h4.customCheck.checked[disabled="disabled"] {
    opacity: 0.5;
}

.teamListPar.active {
    background-color: #fa9c03;
}

.teamListPar.active .teamConten p,
.teamListPar.active .teamConten em {
    color: #fff;
}

.tabPar .tabBottmList li.warning span {
    background: #f5af23;
}

.tabPar .tabBottmList li.success span {
    background: #24ba38;
}

.tabPar .tabBottmList li.active a span {
    color: #fff;
}

.listRow .listCol span p {
    display: inline-block;
}

.tabFootBar .tabTopList li label {
    color: #fff;
    font-weight: 100;
    margin-bottom: 0;
    font-size: 12px;
}

.tabPar .tabBottmList li.active a span {
    color: #fff;
}

.teamBoxSec.accountSec .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    position: static !important;
}

.playerSelectCenter {
    position: absolute;
    color: #fff;
    z-index: 99999999;
    left: 50%;
    padding: 10px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.playerSelectCenter p {
    font-weight: 600;
    font-size: 13px;
}




/**************creatTeam page end **************/
.teamOfViewBox ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.teamOfViewBox ul li {
    flex: 1;
}

.teamOfViewBox ul li figure {
    margin-bottom: 0;
}

.teamOfViewBox ul li .imgPar {
    height: 70px;
    width: 70px;
    background-color: #eee;
    overflow: hidden;
}

.teamOfViewBox ul {
    border-bottom: 1px solid var(--primaryBdrltClr);
    padding: 7px 0;
}

.teamOfViewBox ul li .imgPar img {
    width: 100%;
}

.teamOfViewBox ul li figure p {
    font-size: 10px;
    color: #b4b4b4;
}

.teamOfViewBox ul li figure p span {
    color: #c51d23;
    text-transform: uppercase;
}

.teamOfViewBox ul li cite {
    font-size: 16px;
    color: #b4b4b4;
    display: block;
    line-height: 18px;

}

.teamOfViewBox ul li em {
    font-size: 25px;
    color: var(--primaryClr);
}

.teamOfViewBox ol {
    padding: 5px 0;
    display: flex;
    border-bottom: 1px solid var(--primaryBdrltClr);
}

.teamOfViewBox ol li {
    flex: 1;
}

.teamOfViewBox ol li cite {
    display: block;
    color: #b4b4b4;
    font-size: 14px;
}

.teamOfViewBox ol li em {
    font-size: 14px;
}

.teamOfViewBox strong {
    display: block;
    padding: 5px 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    background-color: #fafafa;
}

.teamOfViewBox .table thead th {
    padding: 5px 7px;
    background: #eaeaea;
}

.teamOfViewBox .table tbody td {
    padding: 5px 7px;
    vertical-align: middle;
}

.teamOfViewBox .table p {
    font-size: 14px;
    line-height: 16px;
}

.teamOfViewBox .table span {
    font-size: 12px;
    color: #b4b4b4;
    line-height: 14px;
}

/**************creatTeam page start **************/


/**************champions page start **************/
.levelUpSec {
    padding: 50px 0;
}

.levelUpSec h4 {
    line-height: 26px;
    color: #3b3b3b;
    font-weight: 600;
    margin-bottom: 20px;
}

.levelUpSec p {
    font-size: 15px;
    color: #878787;
    font-weight: 600;
    margin-top: 20px;
}

.levelUpSec img {
    max-width: 400px;
    width: 100%;
}

.iconBoxSec {
    background: #f1f1f1;
    padding: 40px 0 0;
    text-align: center;
}

.iconBoxSec .iconBox {
    padding-bottom: 40px;
}

.iconBoxSec .iconBox img {
    max-width: 70px;
}

/*.contactDetails li .icon{
	background: gradient(-45deg, rgb(154, 26, 26), rgb(162, 111, 34)) !important;
}*/

.iconBoxSec .iconBox p {
    font-size: 14px;
    color: #878787;
    margin-top: 20px;
}

.hereSec {
    padding: 40px 0;
}

.hereSec h4 {
    font-size: 20px;
    font-weight: 400;
}

.hereSec .hereHead .h3 {
    padding-top: 20px;
    font-size: 18px;
    padding-bottom: 15px;
    color: #3b3b3b;
    border-bottom: solid 1px #e2e2e2;
}

.hereSec .hereHead p {
    color: #666;
    margin-top: 10px;
    font-size: 14px;
}

.hereSec ul {
    list-style: disc;
    padding-left: 17px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.hereSec .h5 {
    margin-top: 30px;
    font-size: 14px;
    margin-bottom: 20px;
}

.hereSec .exampleList {
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 13px;
    margin-bottom: 15px;
    padding: 24px 20px 24px 40px;
}

.exampleList li {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.faqSec {
    background: #f1f1f1;
    padding: 60px 0;
}

.faqSec .card .card-header a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faqSec .h5 {
    margin-bottom: 20px;
}

.faqSec .card .fa-angle-down {
    float: right;
    font-size: 24px;
}

.faqSec .card {
    border: 0;
    border-radius: 0;
}

.faqSec .card a {
    color: #666;
    font-size: 14px;
}

.faqSec .card-body {
    font-size: 14px;
}


/**************champions page end **************/



.animsition-loading {
    z-index: 9999999;
}

.iframemodal .modal-lg {
    max-width: 500px;
}

.iframemodal .modal-body p,
.iframemodal .modal-body li {
    display: none;

}

.iframemodal .modal-body iframe {
    width: 100%;
}

.iframemodal .closeBtn {
    right: -14px;
    top: -13px;
    left: unset;
    background: #000;
    width: 30px;
    height: 30px;
}

.iframemodal .closeBtn span:before,
.iframemodal .closeBtn span:after {
    position: absolute;
    left: 20px;
    top: -4px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #fff;
}

.iframemodal .closeBtn span:after {
    transform: rotate(-45deg);
}

.iframemodal .closeBtn span {
    position: absolute;
    right: 36px;
    top: 9px;
}

/*inviteAllPlay start*/
.invitePlaySec {
    color: #fff;
    background-size: cover;
    padding-top: 100px;
}

.invitePlaySec .invilogoImg {
    width: 230px;
    margin-bottom: 10px;
}

.invitePlaySec h3 {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 3px;
}

.invitePlaySec p {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 24px;
}

.invitePlaySec .phoneOuter {
    position: absolute;
    top: 20px;
}

.txtField input {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    color: #4a4a4a;
    float: left;
    font-size: 18px;
    height: 50px;
    position: relative;
    padding: 10px 20px 10px 60px;
    width: 100%;
    z-index: 1;
    line-height: 1.3;
}

.invitForm {
    max-width: 450px;
    width: 100%;
}

.invitForm .txtField {
    position: relative;
    display: flex;
}

.invitForm .txtField span {
    position: absolute;
    left: 0;
    max-width: 200px;
    flex-basis: 0 0 200px;
    display: block;
    text-align: center;
    line-height: 33px;
    width: 50px;
    color: #4a4a4a;
    font-size: 20px;
    top: 10px;
    z-index: 11;
    border-right: 1px solid #dedede;
}

.invitForm .getAppBtn {
    background: var(--secondryClr);
    color: #fff;
    border-radius: 5px;
    padding: 1px 15px;
    margin-left: 20px;
    font-size: 18px;
    height: 50px;

}

.invitForm .errorLabel {
    color: #e13939;
    margin-top: 5px;
}

.invitePlaySec cite {
    font-size: 12px;
    color: #d5d5d5;
    margin-top: 74px;
    margin-bottom: 30px;
    display: inline-block;
}


.user_rating {
    margin-top: 46px;
    margin-bottom: 73px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    text-align: center;
}

.user_rating .numbers {
    font-size: 70px;
    font-weight: 600;
    color: #f87f03;
}

.user_rating .num_bottom_description {
    font-size: 20px;
    color: #9b9b9b;
}

.user_rating .user_box .num_description img {
    width: 100px;
}

.user_rating .middle_box {
    padding-left: 29px;
}

.screenShortSec h2 {
    text-transform: uppercase;
}

.screenShortSec ul {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -15px 0;

}

.screenShortSec ul li {
    max-width: 25%;
    padding: 0 15px;

}

.screenShortSec h2 {
    font-size: 18px;
    font-weight: bold;
    color: #282828;
}

.screenShortSec {
    margin-top: 24px;
}

.stepBoxSec {
    background: #fafafa;
    padding: 12px 0;
    position: relative;
    padding: 20px 0;
    margin-top: 30px;
}

.stepBoxSec h3 {
    font-size: 18px;
    color: #282828;
    font-weight: bold;
}

.stepBoxSec .tagglePar.collapsed i {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.stepBoxSec .tagglePar {
    position: relative;
    padding-right: 40px;
    cursor: pointer;
}

.stepBoxSec .tagglePar i {
    position: absolute;
    right: 0;
    top: -9px;
    font-size: 40px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.stepBoxSec .step {
    margin-top: 30px;
    margin-bottom: 50px;
}

.stepBoxSec .step_info {
    width: 180px;
    position: absolute;
    top: 80px;
    z-index: 0;
    left: 330px;
}

.stepBoxSec .step img {
    max-width: 400px;
}

.stepBoxSec .step_number {
    background-image: linear-gradient(to left, #fafafa, #f87f03);
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
}

.stepBoxSec .step_information {
    font-size: 18px;
    text-align: left;
    color: #323232;
    padding-left: 10px;
    margin-top: 20px;
}

.app_call_to_action {
    text-align: center;
    padding: 60px 0;
    background-image: url(../images/download_bg.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.app_call_to_action h3 {
    font-size: 25px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--secondryClr);
}

.app_call_to_action ul {
    display: flex;
    max-width: 600px;
    width: 100%;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    align-items: center;

}

.app_call_to_action ul li {
    flex: 1;
}

/*inviteAllPlay end*/


.listOfTranDetail.card-header {
    border-bottom: 0;
}

.listOfTranDetail ul li {
    display: flex;
    flex-wrap: wrap;
}

.listOfTranDetail ul li span {
    flex: 1;
}









.cardBoxPar .headPar {
    display: block;
    width: 100%;
    background: #e4e4e4;
    padding: 15px 40px;
    font-size: 14px;
    color: #757575;
}

.wireFormBody h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.wireFormPar .wireFormBody {
    padding: 20px;
}

.file-upload .file-select {
    display: block;
    border-radius: .25rem;
    border: 1px solid #ced4da;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.previewBg.previkabi .captaine {
    left: -90px;
    right: 0;
    margin: auto;
}


.teamUser {
    background-size: cover;
    padding: 30px 0;
}

.teamUser .userImgPar {
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
}

.userImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
}

.teamUser .chooseImg {
    background: #e6e6e6;
    border: 0;
    position: absolute;
    right: -8px;
    color: #7a7a78;
    top: 8px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.chooseImg {
    text-align: center;
    line-height: 30px;
}

.localteamImagePreview {
    background: #ee4032;
}


img.errorImage {
    max-height: 100vh;
    margin: 0 auto;
    display: block;
}

.contacturl {
    position: absolute;
    height: 55px;
    width: 70px;
    /* background: red; */
    z-index: 9;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -45%);
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #409be3;
    border-color: #409be3;
}

.list-group.site_map {
    margin: 0 auto;
    max-width: 500px;
}

.list-group.site_map h4 {
    text-align: center;
    margin-bottom: 15px;
    color: #fff;
}

.siteMapSec {
    background: url(https://www.funtush11.com/funtush/uploads/frontImage/1539193110_shutterstock_406740199_web_1024x1024.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px 0;
}

.list-group.site_map a:hover {
    background: #409be3;
    color: #fff;
}


.teamBoxSec.offerSection .comnBtn {
    width: 125px !important;
    color: #fff;
    border: 0;
    background: var(--secondryClr);
    padding: 5px 15px;
    border-radius: 5px;
    display: inline-block;
    font-size: 16px;
}

.teamBoxSec.offerSection .accordionPar .card-header a {
    display: inline-block;
    width: auto;
}

.teamBoxSec.offerSection a.accounetBtn.comnBtn {
    float: right;
}

.teamBoxSec.offerSection .card-header h4 {
    font-size: 16px;
    margin-top: 20px;
    padding-bottom: 8px;
}

.teamBoxSec.offerSection .card-header p {
    padding-bottom: 10px;
}

.teamBoxSec.offerSection .accordionPar .card-header a strong {
    line-height: 34px;
    font-weight: 500;
}

.feedbackForm input.btn.playNow {
    margin-top: 0;
}

.contactImage img {
    width: 100%;
}

.category-sub-question.open {
    padding: 10px !important;
}

.teamBar ul li img {
    position: relative;
    left: -5px;
    top: -2px;
    width: 25px;
    height: 25px;
}

.footer_bottom .col-sm-3 p img {
    width: 80px;
}

/*.footer_bottom p img {
    width: 47px;
}*/

.membership {
    text-align: center;
    color: #fff;
}

.membership p {
    text-align: center;
    color: #fff;
}

/*.membership img{
	height: 75px;
}*/
.membership img {
    height: 100px;
    margin-bottom: 15px;
}

.fair .teamBar ul {
    padding: 15px 15px;
}

.fair .teamBar ul li:nth-child(2) {
    text-align: right;
}

.fair .teamBar ul li.col-sm-6 {
    padding: 0;
}

.fair .teamBar ul li img {
    position: relative;
    left: -5px;
    top: -2px;
    width: 65px !important;
    height: auto !important;
    text-align: right;
}

.previewBg.football-bg {
    background-size: cover !important;
}

.feedbackForm .playNow {
    background: #00ce22;
    box-shadow: 0px 0px 8px 1px #00ce22;
}

.feedbackForm .playNow:hover {
    box-shadow: 0px 0px 10px 4px #00ce22;
}

.playNow a {
    background: #fff;
    border: 0px;
    border-radius: 50px;
    color: #333 !important;
    padding: 7px 19px;
    font-size: 19px;
    transition: all 0.5s ease-in-out !important;
}

/*.playNow a:hover {
    color: #fff !important;
    background: #101010 !important;
	transition: all 0.5s ease-in-out !important;
}*/
.getApp {
    /*background-image: linear-gradient(-45deg, #EF0454, #382262 );*/
    background: linear-gradient(112deg, rgba(0, 0, 0) 15%, #000 50%, rgba(0, 0, 0, 0) 44%, rgba(255, 255, 255, 1) 51%, #EF0454 43%);
    padding: 120px 0px !important;
}

.getApp input {
    background: #fff;
    border: 0px;
    border-radius: 2px;
    outline: none !important;
    padding-left: 10px;
    line-height: 34px;
    width: 411px;
}

.down-load-form {
    position: relative;
}

.down-load-form a {
    position: absolute;
    top: 0px;
    right: 65px;
}

.getApp a {
    color: #fff;
    background: var(--primaryClr);
    outline: none;
    border-radius: 2px;
    padding: 6px 15px;
    /* border-radius: 50px; */
}

.loremText h3 {
    color: var(--primaryClr);
}

.loremText p {
    color: #fff !important;
}

.subscribe input {
    background: #fff;
    border: 0px;
    /* border-bottom: 1px solid #9b231b; */
    padding-bottom: 5px;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    /*  box-shadow: 1px 3px 13px 8px rgb(107 124 147 / 15%), 0 3px 4px 0 rgb(107 124 147 / 20%), inset 0 -2px 0 0 #c2cfde;*/
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 118px;
    width: 100%;
}

.innerClass {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 0;
}

.innerClass:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    top: 38.5px;
    left: calc(-50% + 8px);
    right: 0;
    background: #EF0454;
    border: 2px #EF0454 solid;
    z-index: -1;
}

.gameCategory2 {
    padding: 70px 0px !important;
}

.lorem2 {
    background-image: url(../images/nextlevel11-bg1.jpg);
    background-position: bottom;
    background-size: cover;
    height: 366px;
    position: relative;
    background-repeat: no-repeat;
    z-index: 0;
    display: flex;
    align-items: center;
}

.lorem2:after {
    position: absolute;
    content: "";
    background-color: rgb(2 2 2 / 90%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.gameCategory2 .col-md-4:first-child .innerClass:after {
    content: none;
}


.innerClass h6 {
    font-size: 15px;
    font-weight: 700;
}

.gameCategory {
    /*background-color: rgb(132 132 132 / 12%);*/
    pointer-events: none;
}

.bannerBreadcrumb .playNow a {
    margin-top: 0px !important;
    background: #000;
    color: #fff !important;
    margin-left: 18px;
}

.innerClass center {
    margin-bottom: 13px;
    width: 80px;
    height: 80px;
    background-color: #EF0454;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.innerClass center img {
    filter: brightness(100);
}

.subscribe a {
    color: #fff;
    /*background: #9b231b;*/
    border: 0px;
    outline: none;
    border-radius: 0px;
    padding: 8px 15px;
}

.subscribe a:hover {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}

.downloadApp img {
    cursor: pointer;
}

.downloadApp img:last-child {
    display: none;
}

.flex_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.downloadApp a {
    background-color: transparent;
    padding: 0;
}

.downloadApp a img:last-child {
    display: block;
}

.bannerBreadcrumb {
    /*background: linear-gradient(
-45deg
, #EF0454, #382262 ); */
    padding: 20px 27px;
    position: relative;
    margin-top: -33px;
    text-align: center;
    border-radius: 0;
    max-width: 47%;
    margin: auto;
    margin-top: 0%;

}

.bannerBreadcrumb .playNow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -60px;
    position: relative;
    /* flex-direction: column; */
    /* margin-bottom: 27px; */
    background: #EF0454;

    /* padding: 26px 0; */
    border-radius: 6px
}

/*.bannerBreadcrumb .playNow:after{
	content: "";
    width: 58px;
    height: 3px;
    display: block;
    left: 50% !important;
    position: absolute;
    transform: translate(-50%);
    bottom: 0;
    background: linear-gradient(-45deg, #EF0454, #382262);
}*/



.playNow span {
    font-size: 24px;
    text-align: left;
    display: inline-block;
    /* -webkit-background-clip: text !important; */
    /* -webkit-text-fill-color: transparent; */
    /* background: linear-gradient(
-45deg
, #ffffff, #000000); */
    margin-bottom: 17px;
    margin-top: 17px;
}

.bannerBreadcrumb .playNow a {
    margin-top: 0px !important;
}

.teamBoxSec {
    background-size: cover;
    height: 100vh;
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    z-index: 1;
}



/*  new css */
/* .mainNav a.nav-link, .footr_menu ul li a, .footer_right li a, .playNow a { */
.footr_menu ul li a,
.footer_right li a {
    /*pointer-events: none;*/
}

a.navbar-brand>span {
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    color: #ec8a0f;
    font-size: 1.3em;
}

a.navbar-brand>span>span {
    color: #fff;
    padding: 1px 7px;
    background: #2f1008;
    font-size: .9em;
    border-radius: 3px;
    margin-right: 5px;
}

.gameCategory img {
    filter: brightness(0.09);
}

.subscribe a {
    color: #ffffff;
    background: #EF0454;
    border: 0px;
    outline: none;
    border-radius: 0px;
    padding: 4px 23px;
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 14px;
    border-radius: 0px 4px 4px 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loremText {
    width: 100%;
    max-width: 610px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 21px;
}

.subscribe ::-webkit-input-placeholder {
    color: #8c8c8c;
}

.subscribe {
    width: 100%;
    max-width: 450px;
    margin: 0px auto;
}

.subscribe form {
    position: relative;
}

.bannerSec1 {
    background-image: url(../images/common-bg.png);
    background-position: 100% 100%;
    background-size: contain;
    min-height: 400px;
    position: relative;
    background-color: #2f1008;
}

.aboutSec p h1 font {
    font-size: 14px;
}

.aboutSec p h1 {
    line-height: 24px;
}

.viewSectioninner {
    padding: 40px 0px;
    margin-top: 40px;
}

.viewSectioninner .media img {
    border-radius: 0px;
    border: none;
    height: 48px;
    width: auto;
}

.viewSectioninner .media p {
    margin-top: 8px;
    color: #fff;
    opacity: .6;
    font-size: 17px;
}

.viewSectioninner .media img.mds-icon {
    height: 39px;
}

.viewSectioninner .media h5 {
    margin-bottom: 0px;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
}

.viewSectioninner .media-body {
    background: transparent;
    flex: none;
}

.viewSectioninner .media {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    align-items: center !important;
}

.viewSectioninner span {
    display: flex;
    background: #f0f0f0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.gameCategory .col-4:first-child .innerClass:after {
    display: none;
}

.cstmBtn {
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #EF0454;
    box-shadow: 0.5px 0.5px 0px 0 rgb(229 66 10 / 75%);
}

:root {
    --primaryClr: #EF0454;
}

/* news CSS */
.topSocialHeader .container {
    display: flex;
    justify-content: flex-end;
}

.topSocialHeader {
    background-color: var(--primaryClr);
    display: flex;
    justify-content: flex-end;
}

.topSocialHeader .social_menu li {
    padding: 6px 4px;
}

.topSocialHeader .social_menu li a {
    width: 30px;
    height: 30px;
    background: #ffff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commonHeading.text-white h2:after {
    border-color: #fff !important;
}

.commonHeading h2:after {
    content: "";
    position: absolute;
    width: 65px;
    border-color: var(--primaryClr) !important;
    border-left: 38px solid;
    border-right: 20px solid;
    height: 4px;
    border-radius: 100px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

.commonHeading {
    position: relative;
    margin-bottom: 50px;
    padding-bottom: 20px;
}

.commonHeading h2 {
    font-weight: 600;
}

.stepItem h5 {
    margin-bottom: 40px;
    font-size: 22px;
    margin-top: 5px;
    opacity: .9;
}

.stepItem {
    text-align: center;
}

.stepItem h3 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 45px;
}

.stepWrapr {
    background: var(--primaryClr);
    color: #fff;
}

.reviewItem img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 0 auto 25px;
}

.reviewItem {
    text-align: center;
    line-height: 1.7;
}

.reviews .carousel:before {
    content: "\f10d";
    position: absolute;
    font-family: 'FontAwesome';
    font-size: 260px;
    top: -114px;
    color: #fff;
    opacity: .1;
    left: -104px;
}

/* .reviews .carousel-control-next, .reviews .carousel-control-prev{
    filter: brightness(0.5);

} */
.reviewItem p {
    font-size: 1.1em;
    width: 80%;
    margin: 0 auto;
}

#accordionExample .collapse:not(.in) {
    overflow: hidden;
    display: none;
}

@media(min-width: 768px) {
    .burger {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media(max-width: 767px) {
    .burger {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

.app_name_link {
    text-transform: uppercase;
}

.topSocialHeader .social_menu li a:hover {
    background: #000;
}

.fixedImg {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.fixedImg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    z-index: -1;
}

.reviews {
    color: #fff;
}

.fixedBtmBar a i {
    margin-left: 5px;
    font-size: 1.52em;
}

.fixedBtmBar a:hover {
    background: #fff;
    color: #333;
    transform: scale(1.05);
}

.fixedBtmBar a {
    transition: all ease .3s;
    font-size: 1.05em;
    background-color: #171717;
    color: #fff;
    display: inline-block;
    margin: 0 10px;
    padding: 8px 25px;
    border-radius: 50px;
}

.fixedBtmBar {
    text-align: center;
    background-color: var(--primaryClr);
    padding: 10px 0;
}

.aboutSec p h5 {
    font-size: 14px;
    line-height: 18px;
}

.aboutSec p h5:first-child {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.aboutSec ul {
    /* width: 670px;
    height: 80px;*/
    margin: 0 auto;
    list-style: none;
    overflow: hidden;
    padding: 0;
}

.tab-content.listOfTrust {
    width: 670px;
    height: 380px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 2px 8px 25px -2px rgb(0 0 0 / 30%);
    -moz-box-shadow: 2px 8px 25px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 8px 25px -2px rgb(0 0 0 / 30%);
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 26px;

}

.contactFormNew {
    background-color: #fff;
    padding: 25px;
    color: #212529;
    margin-bottom: 20px;
    border-radius: 12px;
    box-shadow: 0 1px 16px rgb(0 0 0 / 22%);
}

.contactDetails {
    background-color: #EF0454;
    ;
    padding: 25px;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 12px;
}

.contactDetails a {
    color: #fff !important;
}

.contactFormNew .heading h2 {
    font-size: 20px;
}

.contactFormNew .feedbackForm h1 {
    font-size: 15px;
    margin: 10px 0;
}

.contactDetails li .icon {
    background: inherit !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    text-align: center;
    padding-top: 2px;
    margin-bottom: 10px;
    display: flex;
    font-size: 16px !important;
    color: var(--primaryClr);
    align-items: center;
    justify-content: center;
    flex: 0 0 35px;

}

.contactDetails li .icon {
    background-color: #fff !important;
}

.faqSixer .card-header {
    background-color: rgb(29 25 68);
    border-bottom: 1px solid rgb(239 138 54);
    color: #fff !important;
}

.faqSixer .card-header .btn span,
.faqSixer .card i {
    color: #fff;
}

.faqSixer .card-body {
    border: 1px solid rgb(24 23 62);
}

.PointSys .accordionPar ul.listBox {
    border: 1px solid #382262;
}

.PointSys .accordionPar .card-header {
    border: 1px solid #ffffff;
    background-color: #382262;
}

.PointSys .accordionPar .card-header a {
    color: #fff;
}

.PointSys .accordionPar ul.subList {
    border: 1px solid #ffffff;
    padding: 25px;
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 30%);
}

.footer_sec {
    padding-top: 30px;
    padding-bottom: 60px;
}

.testimoSec {
    min-height: calc(100vh - 443px);
}


/* fluid modal */
.fluidModal .modal-dialog {
    max-width: 100% !important;
    margin: 0;
    width: 100%;
}

.fluidModal .closeBtn {
    left: auto;
    right: 20px;
}

.checkbox_custom {
    margin-top: 20px;
    color: #999;
    font-size: 15px;
}

.feedbackForm label {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 3px;
}

.feedbackForm .form-control {
    font-size: 14px;
    height: 40px;
}

.invitePlaySec .invilogoImg img {
    filter: brightness(100);
}

/*Cricketeam11 CSS*/

figure {
    margin: 0;
}

.top-banner {
    background: url(../images/top-banner.png) no-repeat;
    background-attachment: fixed;
    padding: 100px 0 0;
}

.top-banner .text {
    margin-top: 150px;
}

.top-banner .text h1 {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
}

.top-banner .text p {
    font-weight: 400;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 5px;
    line-height: 20px;
}

.top-banner .text .btns {
    margin-top: 30px;
}

.top-banner .text .btns .login-btn {
    background-color: #000;
    border-radius: 0px;
    color: #fff;
    font-size: 18px;
    padding: 10px 25px;
    box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 50%);
    text-transform: uppercase;
    display: inline-block;
}

.top-banner .text .btns .login-btn:hover {
    color: #fff;
    box-shadow: 0px 0px 10px 4px rgb(0 0 0 / 80%);
}

.theme-btn {
    background-color: #0041ff;
    border-radius: 0px;
    color: #fff;
    font-size: 18px;
    padding: 10px 25px;
    box-shadow: 0px 0px 8px 1px #0041ff;
    text-transform: uppercase;
    display: inline-block;
}

.theme-btn:hover {
    color: #fff;
    box-shadow: 0px 0px 10px 4px #0041ff;
}

.popular-matches-main {
    padding: 40px 0;
    background: #EF0454;
}

.heading-main {
    font-size: 24px;
    color: #fff;
    display: inline-block;
}

.heading-main:before {
    content: "";
    display: block;
    width: 100%;
    margin: 0px auto 10px;
    height: 2px;
    background-color: #00ce22;
    box-shadow: 0px 0px 9px 1px #00ce22;
}

.match-box {
    background-color: #ffffff;
    border-radius: 4px;
    padding: 4px 10px;
    margin-top: 30px;
}

.match-box>* {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.match-box figure {
    align-items: center;
}

.match-box figure img {
    width: 30px;
}

.match-box figure span {
    font-size: 16px;
    color: #000000;
    text-transform: capitalize;
    font-weight: 600;
}

.match-box .text span {
    display: inline-block;
    font-weight: 500;
    background-color: #e3e1e1;
    padding: 0px 10px;
    color: #0f1629;
    font-size: 12px;
}

.match-box .text h5 {
    font-weight: 600;
    font-size: 12px;
    align-self: center;
    color: rgba(0, 0, 0, 0.6);
}

.match-box .text p {
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

.easy-play-main {
    background-image: -webkit-image-set(url(../images/batsman.png) 1x, url(../images/batsman-m.png) 2x);
    background-repeat: no-repeat;
    background-size: 630px 100%;
    background-color: #EF0454;
    padding: 80px 0 20px;
}

.play-pills {
    margin-top: 90px;
    width: 350px;
}

.play-pills li {
    counter-increment: step-counter;
}

.play-pills li+li {
    margin-top: 20px;
}

.play-pills li a {
    display: inline-block;
    width: 100%;
    padding: 15px 25px;
    background-image: linear-gradient(to right, #16213e, #121b33);
    box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 20%);
    opacity: 0.2;
    color: rgba(255, 255, 255, 0.6);
}

.play-pills li a::before {
    content: counter(step-counter);
    width: 30px;
    height: 30px;
    font-weight: 500;
    font-size: 18px;
    border-radius: 100px;
    margin-right: 20px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.6);
    line-height: 30px;
    display: inline-block;
}

.play-pills li a.active {
    opacity: 1;
}

.just-fantasy-main {
    padding: 80px 0 30px;
    background: #EF0454;
}

.fantasy-box {
    background-image: linear-gradient(#16213e, #121b33);
    border-radius: 8px;
    box-shadow: 0px 0px 9px 1px rgb(0 0 0 / 20%);
    padding: 15px 15px 25px;
    margin-top: 30px;
}

.fantasy-box figure img {
    height: 150px;
}

.fantasy-box h3 {
    font-size: 22px;
    margin-top: 20px;
    color: #fff;
}

.fantasy-box p {
    line-height: 20px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 10px;
}

.fantasy-players-main {
    background: #EF0454 url(../images/wall.png) no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.fantasy-players-text {
    margin-top: 40px;
}

.fantasy-players-text figure img {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin-bottom: -20px;
    position: relative;
    z-index: 9;
}

.fantasy-players-text .text {
    background-color: #16213e;
    padding: 0px 20px 10px;
    min-height: 140px;
}

.fantasy-players-text .text h4 {
    background-color: #101a33;
    padding: 20px 20px 0;
    font-size: 18px;
    color: #fff;
    display: inline-block;
    position: relative;
}

.fantasy-players-text .text p {
    color: rgba(255, 255, 255, 0.6);
    line-height: 20px;
    font-size: 12px;
    margin-top: 15px;
}

.fantasy-players-text h3 {
    margin-top: 70px;
    font-size: 28px;
    color: #fff;
}

.fantasy-players-text h5 {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    font-size: 14px;
    margin-top: 10px;
}

.download-app-main {
    background: url(../images/crowd-bg.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 30px 0;
    position: relative;
    z-index: 9;
}

.download-app-main::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/green_path.png) no-repeat top left;
    background-size: 910px;
    z-index: -9;
}

.download-app-main .text {
    margin-top: 80px;
}

.download-app-main .text h2 {
    font-weight: 600;
    font-size: 34px;
    color: #fff;
}

.download-app-main .text p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 16px;
    line-height: 20px;
    margin: 15px 0;
    max-width: 450px;
}

.tab-bg {
    width: 200px;
    height: 408px;
    background-color: #040b19;
    background-image: url(../images/phone_frame.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    float: right;
    padding: 30px 14px;
    border-radius: 30px;
    margin-top: 40px;
}

.tab-bg .tab-content {
    display: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}

.tab-bg .tab-content.active {
    display: block;
}

.end-footer {
    background: #040b19;
    padding: 50px 0 20px;
}

.social-links h3 {
    color: #fff;
    font-size: 18px;
}

.social-links ul li {
    display: inline-block;
}

.social-links ul li+li {
    margin-left: 10px;
}

.social-links ul li a {
    display: inline-block;
    width: 45px;
    height: 45px;
}

.f-links h3 {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
    font-weight: 300;
}

.f-links ul {
    margin-top: 25px;
}

.f-links ul li {
    margin-top: 15px;
}

.f-links ul li a {
    font-size: 14px;
    color: #fff;
}

.f-links ul li a:hover {
    text-decoration: underline;
}

.copyright-text {
    color: #fff;
    font-size: 12px;
    margin-top: 70px;
}

.top-header {
    padding: 15px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.inner-header {
    background: rgb(111, 107, 128);
    background: -moz-linear-gradient(left, rgba(111, 107, 128, .1) 1%, rgba(35, 31, 64, .1) 46%, rgba(35, 31, 64, .1) 50%, rgba(239, 4, 84, .1) 100%);
    background: -webkit-linear-gradient(left, rgba(111, 107, 128, .1) 1%, rgba(35, 31, 64, .1) 46%, rgba(35, 31, 64, .1) 50%, rgba(239, 4, 84, .1) 100%);
    background: linear-gradient(to right, rgba(111, 107, 128, .1) 1%, rgba(35, 31, 64, .1) 46%, rgba(35, 31, 64, .1) 50%, rgba(239, 4, 84, .1) 100%);
}

.top-header.scroll-header {
    padding: 5px 0;
    background: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.top-header .navbar {
    padding: 0;
}

.top-header .navbar-nav .nav-link {
    font-size: 14px;
    color: #231f40;
    padding: 10px 20px;
    position: relative;
    font-weight: 500;
}

.top-header .navbar-nav .nav-link:hover {
    color: #EF0454;
}

.top-header .navbar-nav .nav-link.theme-button {
    color: #fff;
}

.top-header .navbar .navbar-brand img {
    width: 190px;
}

.app-download-images {
    justify-content: end;
}

.border-white-btn {
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 25px;
    text-transform: uppercase;
    font-size: 16px;
    display: inline-block;
}

.border-white-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.end-footer-content {
    background: #000;
    padding: 15px 0px 55px;
    margin-top: 20px;
}

.end-footer-content p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 15px;
}

.end-footer-content h6 {
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
}

/*Cricketeam11 Responsiveness*/

@media (max-width: 1199.98px) {
    .top-banner .text h1 {
        font-size: 36px;
    }

    .top-banner .text p {
        font-size: 16px;
    }

    .play-pills li a {
        opacity: 0.5;
    }

    .social-links ul li a {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 991.98px) {
    .top-banner .text h1 {
        font-size: 28px;
    }

    .top-banner .text .btns .login-btn {
        font-size: 14px;
    }

    .theme-btn {
        font-size: 14px;
    }

    .top-header .navbar-nav .nav-item {
        text-align: center;
    }

    .fantasy-box figure img {
        height: 100px;
    }

    .fantasy-box h3 {
        font-size: 16px;
    }

    .download-app-main::before {
        background-size: 60% 100%;
    }

    .navbar-collapse {
        background: #fff;
        padding: 10px;
    }

    .scroll-header .navbar-collapse {
        background: none;
    }

    .f-links ul li {
        margin-left: 5px;
    }

    .social-links ul li a {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 767.98px) {
    .top-banner .text {
        margin: 50px 0;
        text-align: center;
    }

    .top-banner figure {
        text-align: center !important;
    }

    .play-pills {
        width: 100%;
    }

    .fantasy-players-text .text {
        padding: 0px 15px 10px;
    }

    .app-download-images {
        justify-content: center;
    }

    .download-app-main .text {
        margin-top: 30px;
        text-align: center;
    }

    .download-app-main .text p {
        margin: 15px auto;
    }

    .f-links h3 {
        margin-top: 30px;
    }
}

@media (max-width: 575.98px) {
    .top-banner .text .btns .login-btn {
        margin-bottom: 20px;
        width: 100%;
    }

    .top-banner .text .btns .theme-btn {
        width: 100%;
        margin-left: 0 !important;
    }

    .tab-bg {
        float: initial;
        margin: 40px auto 0;
    }

    .play-pills {
        margin-top: 40px;
    }

    .fantasy-players-text h3 {
        margin-top: 40px;
    }

    .end-footer {
        text-align: center;
    }
}

.mCustomScrollbar, .mCustomScrollbar * {
    transition: none !important;
}