/* --------------- css   ------------------ */
  
  @font-face {
    font-family: 'Satoshi-Light';
    src: url('../fonts/Satoshi-Light.woff2') format('woff2'),
         url('../fonts/Satoshi-Light.woff') format('woff'),
         url('../fonts/Satoshi-Light.ttf') format('truetype');
         font-weight: 300;
         font-display: swap;
         font-style: normal;
  }
   
  
  @font-face {
    font-family: 'Satoshi-Regular';
    src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
         url('../fonts/Satoshi-Regular.woff') format('woff'),
         url('../fonts/Satoshi-Regular.ttf') format('truetype');
         font-weight: 400;
         font-display: swap;
         font-style: normal;
  }
  
  
  @font-face {
    font-family: 'Satoshi-Medium';
    src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
         url('../fonts/Satoshi-Medium.woff') format('woff'),
         url('../fonts/Satoshi-Medium.ttf') format('truetype');
         font-weight: 500;
         font-display: swap;
         font-style: normal;
  }
  

  
  @font-face {
    font-family: 'Satoshi-Bold';
    src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
         url('../fonts/Satoshi-Bold.woff') format('woff'),
         url('../fonts/Satoshi-Bold.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: normal;
  }
  
  
  @font-face {
    font-family: 'Satoshi-Black';
    src: url('../fonts/Satoshi-Black.woff2') format('woff2'),
         url('../fonts/Satoshi-Black.woff') format('woff'),
         url('../fonts/Satoshi-Black.ttf') format('truetype');
         font-weight: 900;
         font-display: swap;
         font-style: normal;
  }
  body {
    background-color: #141212;
    font-family: 'Satoshi-Regular';
    
}


@font-face {
    font-family: 'Satoshi-Light';
    src: url('../fonts/Satoshi-Light.woff2') format('woff2'),
        url('../fonts/Satoshi-Light.woff') format('woff'),
        url('../fonts/Satoshi-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}



@font-face {
    font-family: 'Satoshi-Regular';
    src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
        url('../fonts/Satoshi-Regular.woff') format('woff'),
        url('../fonts/Satoshi-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}




@font-face {
    font-family: 'Satoshi-Medium';
    src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
        url('../fonts/Satoshi-Medium.woff') format('woff'),
        url('../fonts/Satoshi-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-MediumItalic';
    src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-MediumItalic.woff') format('woff'),
        url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: italic;
}


@font-face {
    font-family: 'Satoshi-Bold';
    src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
        url('../fonts/Satoshi-Bold.woff') format('woff'),
        url('../fonts/Satoshi-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}


@font-face {
    font-family: 'Satoshi-BoldItalic';
    src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'),
        url('../fonts/Satoshi-BoldItalic.woff') format('woff'),
        url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}

@font-face {
font-family: 'sansation_lightregular';
src: url('../fonts/sansation_light-webfont.woff2') format('woff2'),
 url('../fonts/sansation_light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'sansationregular';
src: url('../fonts/sansation_regular-webfont.woff2') format('woff2'),
 url('../fonts/sansation_regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}




@font-face {
font-family: 'sansationbold';
src: url('../fonts/sansation_bold-webfont.woff2') format('woff2'),
 url('../fonts/sansation_bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}


/* ---------- Side Bar --------- */


      .sidebar {
         position: fixed;
         top: 0;
         left: 0;
         height: 100%;
         width: 182px;
         background: #0B0B0B;
         z-index: 100;
         transition: all 0.5s ease;
      }

      .sidebar.close {
         width: 78px;
      }

      .sidebar .logo-details {
         height: 60px;
         width: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
      }

      .sidebar .logo-details i {
         font-size: 30px;
         color: #fff;
         height: 50px;
         min-width: 78px;
         text-align: center;
         line-height: 50px;
      }

      .sidebar .logo-details .logo_name {
         font-size: 22px;
         color: #fff;
         font-weight: 600;
         transition: 0.3s ease;
         transition-delay: 0.1s;
         margin-top: 20px;
      }

      .sidebar.close .logo-details .logo_name {
         transition-delay: 0.5s;
 
         pointer-events: none;
      }
      .sidebar .logo-details .logo_name img  {width: 180px; transition: all 0.5s ease;}
      .sidebar.close .logo-details .logo_name img {width:70px; transition: all 0.5s ease; }

      .sidebar .nav-links {
         overflow: auto;
      }

      .sidebar.close .nav-links {
         overflow: visible;
      }

      .sidebar .nav-links::-webkit-scrollbar {
         display: none;
      }

      .sidebar .nav-links li {
         position: relative;
         list-style: none;
         transition: all 0.4s ease;
         width: 100%;
      }

      .sidebar .nav-links li .iocn-link {
         display: flex;
         align-items: center;
         justify-content: space-between;
      }

      .sidebar.close .nav-links li .iocn-link {
         display: block
      }

      .sidebar .nav-links li i {
         height: 50px;
         min-width: 78px;
         text-align: center;
         line-height: 50px;
         color: #fff;
         font-size: 20px;
         cursor: pointer;
         transition: all 0.3s ease;
      }

      .sidebar .nav-links li.showMenu i.arrow {
         transform: rotate(-180deg);
      }

      .sidebar.close .nav-links i.arrow {
         display: none;
      }

      .sidebar .nav-links li a {
         display: flex;
         align-items: center;
         text-decoration: none;
      }

      .sidebar .nav-links li a .link_name {
         font-size: 18px;
         font-weight: 400;
         color: #3B3A3A;
         transition: all 0.4s ease;
      }

      .nav-link.active .link_name {
         color: #fff !important;
      }

      .sidebar.close .nav-links li a .link_name {
         opacity: 0;
         pointer-events: none;
      }

      .sidebar .nav-links li .sub-menu {
         padding: 6px 6px 14px 80px;
         margin-top: -10px;
         background: #1d1b31;
         display: none;
      }

      .sidebar .nav-links li.showMenu .sub-menu {
         display: block;
      }

      .sidebar .nav-links li .sub-menu a {
         color: #fff;
         font-size: 15px;
         padding: 5px 0;
         white-space: nowrap;
         opacity: 0.6;
         transition: all 0.3s ease;
      }

      .sidebar .nav-links li .sub-menu a:hover {
         opacity: 1;
      }

      .sidebar.close .nav-links li .sub-menu {
         position: absolute;
         left: 100%;
         top: -10px;
         margin-top: 0;
         padding: 10px 20px;
         border-radius: 0 6px 6px 0;
         opacity: 0;
         display: block;
         pointer-events: none;
         transition: 0s;
      }

      .sidebar.close .nav-links li:hover .sub-menu {
         top: 0;
         opacity: 1;
         pointer-events: auto;
         transition: all 0.4s ease;
      }

      .sidebar .nav-links li .sub-menu .link_name {
         display: none;
      }

      .sidebar.close .nav-links li .sub-menu .link_name {
         font-size: 18px;
         opacity: 1;
         display: block;
      }

      .sidebar .nav-links li .sub-menu.blank {
         opacity: 1;
         pointer-events: auto;
         padding: 3px 20px 6px 16px;
         opacity: 0;
         pointer-events: none;
      }

      .sidebar .nav-links li:hover .sub-menu.blank {
         top: 50%;
         transform: translateY(-50%);
      }

      .one {
         width: 80%;
         margin-left: 10%;
         background-color: black;
         height: 400px;
      }

      .sidebar .profile-details {
         position: fixed;
         bottom: 0;
         width: 182px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         background: #1d1b31;
         padding: 12px 0;
         transition: all 0.5s ease;
      }

      .sidebar.close .profile-details {
         background: none;
      }

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

      .sidebar.close .profile-details {
         width: 78px;
      }

      .sidebar .profile-details .profile-content {
         display: flex;
         align-items: center;
      }

      .sidebar .profile-details img {
         height: 52px;
         width: 52px;
         object-fit: cover;
         border-radius: 16px;
         margin: 0 14px 0 12px;
         background: #1d1b31;
         transition: all 0.5s ease;
      }

      .sidebar.close .profile-details img {
         padding: 10px;
      }

      .sidebar .profile-details .profile_name,
      .sidebar .profile-details .job {
         color: #fff;
         font-size: 18px;
         font-weight: 500;
         white-space: nowrap;
      }

      .sidebar.close .profile-details i,
      .sidebar.close .profile-details .profile_name,
      .sidebar.close .profile-details .job {
         display: none;
      }

      .sidebar .profile-details .job {
         font-size: 12px;
      }

      .plyr-img {
         width: 50px;
         height: 50px;
         overflow: hidden;
         border-radius: 50%;
      }

      .home-section {
         position: relative;
         height: 100vh;
         left: 180px;
         width: calc(100% - 180px);
         transition: all 0.5s ease;
      }

      .sidebar.close~.home-section {
         left: 78px;
         width: calc(100% - 78px);
      }

      .home-section .home-content .bx-menu,
      .home-section .home-content .text {
         color: #11101d;
         font-size: 35px;
      }

      .home-section .home-content .bx-menu {
         margin: 0 15px;
         cursor: pointer;
      }

      .home-section .home-content .text {
         font-size: 26px;
         font-weight: 600;
      }

      @media (max-width: 420px) {
         .sidebar.close .nav-links li .sub-menu {
            display: none;
         }
      }

      .tournaments .fdiv {
         background-color: #0B0B0B;
         color: white;
         padding: 10px;
      }

      .tournaments span {
         color: #4AFB0C;
         font-weight: 700
      }

      .tournaments {
         margin-top: 30px;
         font-family: "Satoshi-regular";
      }

      .tournaments h6 {
         font-weight: bold;
         font-size: 16px
      }

      .tournaments p {
         font-size: 15px;
      }

      .more-tournament-btn {
         background: #FB0C8B;
         font-size: 18px;
         color: #fff;
         padding: 10px 30px;
         border-radius: 30px;
         font-weight: bold;
         text-decoration: none;
      }

      .join-btn {
         text-decoration: none;
         color: black;
         border: 1px solid white;
         padding: 5px 20px;
         border-radius: 17px;
         background-color: white;
      }

      .tournaments h4 {
         border-bottom: 0.5px solid gray;
         padding-bottom: 5%;
      }

      .tournaments .date {
         border: 0.5px solid gray;
         padding: 5px 15px;
         border-radius: 5px;
         text-align: center;
         font-size: 16px;
      }

      .manage {
         margin-top: 6%;
         font-family: "Satoshi-regular";
         color: white;
      }

      .manage-content {
         background-color: #0B0B0B;
         padding: 10%;
         border-radius: 10px;
      }

      .manage a {
         width: 120px;
         height: 40px;
         border-radius: 3px;
         background: #FFFCFC;
         text-decoration: none;
         color: black;
         font-weight: 700;
         font-size: 16px;
         padding: 10px 20px;
      }

      .manage h4 {
         font-size: 25px;
         font-weight: bold;
      }

      .manage .price h1 {
         font-family: "Sansation-bold";
         font-weight: bold;
         font-size: 36px;
         padding: 5% 0;
      }

      .players h4 {
         border-bottom: 0.5px solid gray;
         padding-bottom: 5%;
      }

      .players a {
         border: 0.5px solid gray;
         background-color: #0B0B0B;
         color: white;
         text-decoration: none;
         font-size: 16px;
         font-weight: bold;
         padding: 8px 35px;
         border-radius: 35px;
      }

/* --------------  Home Page ----------------- */


.scores h5 { font-family: 'Satoshi-Regular';}

.contactpage label {font-family:"sansationbold";}
.navbar-logo {
    padding-top: 2%;
}

.dash-btn {
    display: inline-flex;
    padding: 14px 18px;
    justify-content: center;
    align-items: center;
    gap: 41px;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(7, 170, 251, 0.80) 25.1%, rgba(150, 78, 190, 0.80) 47.5%, rgba(251, 12, 139, 0.80) 73.02%, rgba(255, 59, 61, 0.80) 90.1%);
}
.dash-btn:hover
{background: linear-gradient(90deg,  rgba(255, 59, 61, 0.80) 35.1%, rgba(251, 12, 139, 0.80) 47.5%,rgba(150, 78, 190, 0.80) 73.5%, rgba(7, 170, 251, 0.80) 90.1%);}

.dash-btn a {
    text-decoration: none;
    color: #FFF;
    font-family:"sansationregular";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

#navbarNav ul li a {
    color: white;
    font-family:"sansationregular";
}

.navbar-nav .nav-item.active .nav-link {
    color: red !important;
}

.navbar-nav .nav-item .nav-link {
    font-size: 17px;

}

.navbar-nav .nav-item .nav-link:hover {
    color: red !important;
}

.homesection {
    padding-bottom: 15%;
}

.homesection h2 {
    color: #FFF;
    font-family: 'sansationregular';
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.homesection svg {
    margin-top: 10%;
    margin-left: 25%;
}
.homesection svg:hover path {fill:#a7025a}

.homesection svg text {
    color: #FFF;
    font-family:"sansationbold";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.splide text {
    color: #FFF;
    font-family: 'Satoshi-Black';
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.splide svg {
    margin-top: -28%;
}

.splide__slide img {
    object-fit: cover;

}

.splide__arrow {
    top: -10% !important;
    background-color: #141212;
    border: 1px solid white;
    padding-top: 7px;
}

.splide__arrow svg {
    fill: white;
}

.splide__arrow--next {
    right: 5em;
}



.homesection2 h3 {
    display: flex;
    justify-content: end;
    align-items: end;
    border-right: 8px solid #FB0C8B;
    padding: 0px 8px;
}

h3 {
    color: #FFF;
    font-family: 'Satoshi-Black';
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
}

.meetheading {
    padding-bottom: 10%;

}

.seefull-btn{
    float: right;
    color: white;
    text-decoration: none;
    background-color: #FB0C8B;
    border-radius: 5px;
    margin-top:2%;
    font-family: 'Satoshi-Medium';
    display: inline-flex;
    padding: 19px 65px 19px 62px;
}
.seefull-btn:hover{background-color:#a7025a!important}

.splide__slide{height:450px !important}
.underline {
    position: relative;
}

.underline::after {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 85px;
    height: 8px;
    /* Adjust the thickness of the line */
    background-color: #FB0C8B;
    /* Pink color */
}

.aboutplayer {
    background: #000;
    padding: 5% 5%;
}

.scores .score {
    color: #FFF;
    font-family: 'Satoshi-Medium';
    font-size: 16px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 10px;
    height: 50px;
    border-radius: 3px;
    background: linear-gradient(90deg, #FB0C8B 57.79%, rgba(255, 254, 255, 0.90) 99.93%);
}
.scores .score a{text-decoration: none;color:white}
.homesection3{margin-top:10%}
.homesection3 .row {
    padding-top: 15%;
}

#top {
    margin-top: -8%;
}

#top .aboutplayer {
    border-radius: 5px;
}

.contactpage {
    padding-top: 10%;
}

.contactpage input {
    background-color: transparent;
    color:white !important;
}

.contactpage textarea {
    background-color: transparent;
    color:white !important;
}

.contactpage ::placeholder {
    color: #C5C0C0;
}

.contactpage label {
    color: white;
    font-family: 'Satoshi-Medium' ;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.contactpage form {
    display: flex;
    justify-content: center;
    align-items: center;
   
}

.contactpage form .submitbtn a {
    color: #FFF;
    font-family: 'Satoshi-Medium';
    display: inline-flex;
    padding: 19px 65px 19px 62px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #FB0C8B;
}
.contactpage form .submitbtn a:hover{background-color:#a7025a}
.contactpage form .form-control:focus {
color: white;
background-color:transparent !important;
border-color:white;
outline: 0;
box-shadow:none !important;
}
.footer a{color:white;margin-bottom:15px;   text-decoration: none;
position: relative;
transition: color 0.3s ease;}
.footer a:hover {
color:#FF3B3D ;
}
.footer i{transition: 0.3s all ease-in-out;}
.footer i:hover{color:#FF3B3D}
.navbar-toggler i{color:#FF3B3D ;font-size:30px;}

li.nav-item:nth-child(5) {
width: 150px;
margin-left: 20px;
}
@media only screen and (max-width: 991px) {
#top {
margin:0%;
}
/* .splide text{font-size:35px;} */
.seefull-btn {

padding: 10px 20px ;
}
.splide__slide svg{width:100% !important}
.splide__arrow--next {
right:1em;
}

.homesection img{width:400px;}
.homesection h2{font-size:25px;}
.homesection svg{width:200px;}
h3{font-size:30px;}
.contactpage form .submitbtn a{padding:10px 30px;}
}
@media only screen and (max-width:576px){
.homesection3 .col-lg-4{margin-bottom:8%;}
#top{margin-bottom:8%;}
.footer .col-lg-3{
text-align: center;
margin-bottom:5%;
}

.navbar-nav .nav-item .nav-link {
  border-bottom: 0.5px solid gray;

}
.navbar-nav{display:flex;gap:0px !important; }
.navbar-nav li{padding:10px 20px !important;}
.dash-btn{display:none}
.navbar-toggler{order:2}
.navbar-collapse{order:2}
.navbar-logo{order:1}
}
@media only screen and (max-width:768px){
.footer img{margin-bottom:5%;}
.homesection img{width:300px;}
.homesection h2{font-size:20px;}
.homesection svg{width:150px;}
h3{font-size:20px;}
.underline::after {
position: absolute;
top: 35px;
left: 50%;
width: 55px;
height: 5px;
}  
.splid{margin-top:10%;}

}
.scores .score:hover{
background: linear-gradient(90deg, #f1f0f0 20.79%, #FB0C8B 57.93%) !important;
}


/* --------------  Home Page End ----------------- */

/* --------------  Start Page Start ----------------- */

.team-hero-section {
  background-image: url(../images/team-bg-4.jpg); 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height:700px;
}
.team-logo {
  position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.team-logo h2{color: #FFF;
  font-family: 'Satoshi-Black';
  font-size: 42px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-align: center;
}
.team-about {
  color:#fff;
  text-align:center;
  background: #0B0B0B;
  padding:100px 0;
}

.team-about h6 {
  color:#FE3C3C;
  letter-spacing: 2px;
}

.team-about h2 {
  color: #FFF;
  font-family: 'Satoshi-Black';
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin:18px;
}

.team-about p {
  padding: 0px 10%;
  line-height: 29px;
}

.team-achivement li {
  background-color: #FE3C3C;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #FE3C3C;
    display: flex;
    align-items: center;
    gap:5px;
}
.team-achivement li span{
  font-size:18px;
  font-family: 'Satoshi-Bold';
}

.team-achivement {
  margin:40px 0 0;
}

.team-members {
  /* background-image: url(../images/team-bg-5.jpg); */
  background-size: cover;
  background-position:center;
  background-repeat: no-repeat;
  height:1200px;
  background-attachment: fixed;
  
}

.team-members h3{
  padding-top: 100px;
  text-align: center;
  color:#fff;
}
.member-id {
  border: 10px solid #FE3C3C;
  overflow: hidden;
  position: relative;
}
.member-id img {
  object-fit: cover;
  object-fit: cover;
  height: 200px;
  width: 200px;
  object-position: top;
  transition: all .3s linear;
}

.member-id:hover img{
  transform:scale(1.1);
  transition: all .3s linear;
}

.member-id-info {
  position: absolute;
  left:0;
  right:0;
  text-align:center;
  bottom: -100%;
  transition: all .3s linear;
  z-index: 999;
}

.member-id:hover .member-id-info{
  bottom: 0;
  transition: all .3s linear;
  z-index: 99;
}

.member-id-info h4{
  font-size:24px;
  color:#fff;
  font-family: 'Satoshi-Black';
}

.member-id-info ul li a i{
  font-size:20px;
  color: #FE3C3C;
  padding:10px; 
}
.member-id::after {opacity: 0;
  background-color: #00000070;
  position: absolute;
  left:0;
  right:0;
  top:0; 
  bottom:0px;
  content: '';
  z-index: 1;}
.member-id:hover:after {
  opacity: 1;
}

@media only screen and (max-width:1200px){
  .member-id .member-id-info{
    bottom: 0;
  }
  .member-id:after {
    opacity: 1 !important;
    z-index: 1
  }
  .member-id img{
    transform:scale(1.1);
  }
  .member-id img{
    width: 200px;
  }
}

@media only screen and (max-width:991px){
.team-about p{padding: 0px;}
.team-members {height: 1580px;}  
.team-hero-section  {height: 500px;}
}

@media only screen and (max-width:767px){
  .team-about h2 {font-size: 36px;}
  .team-logo h2 {font-size: 32px;}
}

@media only screen and (max-width:575px){
  .team-logo h2 {
    font-size: 22px;
}
.team-achivement li span {font-size: 14px;}
}

                            

/* --------------  Start Page End ----------------- */


/*  -- ---------------------- BLAST PREMIER -------------------------- --  */

.blast-premier-heading  {
  background: #0B0B0B;
  padding: 20px;
  margin-top: 20px; 
}
.blast-premier-logo {width:120px;}
.blast-premier-heading-icon li {    display: flex;
  align-items: center;
  gap: 10px;
}
.blast-premier-heading-icon li span{
  color:#fff; 
  font-size:12px;
}

.blast-premier-heading-text h2{
  color:#fff;
  font-family: 'Satoshi-Black';
}
.blast-premier-price-money h3{
  font-size: 18px;
  color: #fff;
}
.blast-premier-price-money h3 img{
  width:30px;
}
.blast-premier-tab .nav-tabs {
  display:flex;
  justify-content: center;
  background: #0B0B0B;
  margin-top:20px;
  padding: 15px;
}

.blast-premier-tab .nav-tabs .nav-item .nav-link {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  color:#fff;
  font-family: 'Satoshi-Regular';
  position: relative;
  letter-spacing: 2px;
  padding: 10px 25px;
}
.blast-premier-tab .nav-tabs .nav-item .nav-link.active {
  color: #FE3C3C !important;
  
  
}
.blast-premier-tab .nav-tabs .nav-item .nav-link.active:after {
  border-bottom:1px solid #FE3C3C;
  content: '';
  position: absolute;
  background-color: #fe3c3c;
  height:2px;
  width:100%;
  left:0;
  right:0;
  bottom:-14px;
}
.blast-premier-tab .nav-tabs .nav-item .nav-link:hover{
  color: #FE3C3C !important;
}

.blast-premier-tab-content {
  background: #0B0B0B;
  padding: 30px 20px;
}

.tab-pane.fade {color:#fff;}

.blast-premier-result-tab .nav-item .nav-link {
  font-size: 15px;
  font-family: 'Satoshi-Regular';
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
}

.blast-premier-result-tab .nav-item .nav-link.active{
  color: #FE3C3C !important;
}

.blast-premier-result-tab .nav-item .nav-link.active:after {
  border-bottom:1px solid #FE3C3C;
  content: '';
  position: absolute;
  background-color: #fe3c3c;
  height:2px;
  width:100%;
  left:0;
  right:0;
  bottom:-4px;
}

.match-shedule {
  margin-top: 70px; 
  padding-top: 15px; 
  height: 70px; 
}
.match-dates-wrap {
  position: relative; 
  display: flex; 
  justify-content: center; 
  display: flex;  
  justify-content: center;
}
.match-dates-line {
  width:300px; 
  border-left:1px solid #fff;
   position: relative; 
   height: 20px;
  }
.match-dates-wrap .match-dates {
  position:absolute; 
  transform: translate(-50%); 
  left:0; 
  top:-20px;
}
.match-dates-wrap:first-child .match-dates {position:absolute; 
  transform: translate(0); 
  left:0;
}
.team-matches {
  height: 110px;
  background: #2d2d2d;
  border-radius: 10px;
  border: 2px solid #fe3c3c;
  opacity: .5;
  width:2500px;
}
.team-matches:hover{opacity: 1;}

.match-format {
  overflow-x: scroll;
}


  .qualify-match-img {width:60px; background:#fe3c3c; padding:6px; border-radius: 5px;}
  .qualify-match-text p {text-decoration: none;}
  .qualify-match a {text-decoration: none; width: 100%;}

.qualify-match-text p strong {color:#fff;}
.qualify-match-text p {color: #afafaf; font-size:14px;}

.group-stage  {width:500px;}


.reward-table-wrap {
  height: 500px;
  overflow-y: scroll;
  position: relative;
}

.reward-table-heade {
  position: sticky;
    top: 0;
}

.reward-table-heade tr th a{text-decoration: none; color:#fe3c3c;}
.reward-table-heade tr th {background-color: #363636;}

.reward-table .reward-table-heade tr th{color: #fff !important; }
.reward-table tr td{background: #1b1919; color: #fff !important; border:0px;}
.reward-table tr, .reward-table tr th {border:0px !important;}
.reward-table td img{width:30px; margin-right:10px;}
.reward-table tr td, .reward-table tr th {padding:20px;}
.reward-table {border-spacing: 0 5px; border-collapse: separate;}
/* Scrollbar styles */
.reward-table-wrap::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  }
  
  .reward-table-wrap::-webkit-scrollbar-track {
  box-shadow: rgb(209, 209, 209, .5);
  
  }
  
  .reward-table-wrap::-webkit-scrollbar-thumb {

  background: rgb(32, 32, 32); 
  box-shadow: 0 0 6px rgba(0,0,0,0.5); 
}

.table.reward-table.points-table tr th, .table.reward-table.points-table tr td {
  padding: 10px 20px;
}


  




/* ------------------  Dashboard Home Start ------------------------ */ 

body {background: #000 !important;  font-family: 'Satoshi-Regular' !important;}

.side-nav {width:250px; background: #0B0B0B; height:100vh; padding-bottom:20px;}
.side-nav-items {margin-top:90px;}
.nav-tabs {border-bottom:0px !important; width:100%;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background-color:transparent !important;}
.nav-link  {border:0px !important;}
.nav-item a {color:#3B3A3A; font-family: 'Satoshi-Bold'; font-size:20px;}
.nav-item a:hover {color:#fff;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color:#fff !important; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active svg path{fill: #FF3B3D;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover svg path{fill: #FF3B3D;}
.logout a {font-family: 'Satoshi-Bold'; color:#3B3A3A; text-decoration: none; font-size: 20px;}
.logout a:hover {color:#fff;}
.logout a:hover svg path{fill: #FF3B3D;}
.right-section  {flex:1; margin-left: 30px;}
.header-right-icon ul li a svg {width:22px}
.header-right-icon ul li a {background-color: #111011; width:35px; height:35px; border-radius: 50%; display: flex; justify-content: center; align-items: center;} 
.header {background: #0B0B0B; }
.badge-color {background-color: #4AFB0C !important; right: -4px; top: 2px;}
.search-game {background-color: #111011 !important; border:1px solid #C3C3C380 !important;  border-radius: 10px; height: 42px; max-width: 600px; flex:1;}
.search-game input{background-color: transparent !important; border:0px; color:#fff !important;}
.search-game {padding:0 10px;}
.search-game i{color:#989696; font-size:20px;}
.search-game input:focus {box-shadow:none;}
.search-game input::placeholder { color: #fff; opacity: 1;}
.search-game input::-ms-input-placeholder { color: #fff; opacity: 1;}
.bx.bx-menu {color:#fff; font-size:30px; display: none;}
.leaderboard {background: #0B0B0B; padding:20px; margin-top:30px; padding: 30px;}
.leaderboard h2{text-align: center; font-family: 'Satoshi-Black'; color:#FFF; font-size:32px;}
.leaderboard .tab a {font-size:18px; color:#fff; text-decoration: none;}
.tablinks.active {border-bottom:3px solid #FB0C8B; }
.leaderboard .tab { display: flex; gap:20px; margin-top:30px; justify-content: center;}

.winner-image-3 {width:70px; height:70px; overflow: hidden; border-radius: 50%; border:1px solid #4AFB0C; background:#4AFB0C;}
.winner-position-3 {background:#4AFB0C; color:#fff; width:30px; height:30px; border-radius: 50%;}
.winner-3 {color:#626262;}
.winner-3 h6{color:#fff;}

.winner-image-1 {width:90px; height:90px; overflow: hidden; border-radius: 50%;  background:#E6C306; border:1px solid #E6C306;}
.winner-position-1 {background:#E6C306; color:#fff; width:30px; height:30px; border-radius: 50%;}
.winner-1 {color:#626262;}
.winner-1 h6{color:#fff;}

.winner-image-2 {width:70px; height:70px; overflow: hidden; border-radius: 50%; background:#110CFB; border:1px solid #110CFB;}
.winner-position-2 {background:#110CFB; color:#fff; width:30px; height:30px; border-radius: 50%;}
.winner-2 {color:#626262;}
.winner-2 h6{color:#fff;}
.sidebar .nav-links li a .link_name

.plyr-img {width:40px; height:40px; border-radius: 50%; overflow: hidden; }
.player-list-items {background:#111111; padding:20px 20px; border-radius: 5px; color:#fff;}
.player-position {width:30px; height:30px; background-color: #161616; border-radius: 50%; display: flex; justify-content: center; align-items: center; position:absolute; left:-20px;}

.view-all-btn {background:#FB0C8B; font-size:18px; color:#fff; padding:10px; border-radius: 30px; text-align: center;}
.tab-content {padding-right: 30px;}


@media only screen and (max-width: 1200px) {
  .bx.bx-menu {display: block;}
}

@media only screen and (max-width: 991px) {
  .nav-link i svg, .logout a svg {width: 35px !important; }
  .sidebar .nav-links li a .link_name  {font-size: 16px;}
  .nav-item .nav-link .link_name{display:none;}
  .logout .link_name{display:none;}
  .sidebar ul{margin-top:20px;}
  .sidebar.close {left: -92px !important;}
  .sidebar {left: 0px!important; width:92px !important;}
  .sidebar .logo-details .logo_name img {width:70px !important; }
  .home-section {width: calc(100% - 92px) !important; left: 92px !important;}
  .sidebar.close~.home-section {width: calc(100% - 0px)!important ; left: 0px!important;}
  .sidebar.close~.home-section .right-section{margin-left: 0px !important;}
  .tab-content {padding-right: 10px;}
  .right-section {margin-left: 10px;}
  .tab-content {padding:0 10px;}
  .round-match li h5 {font-size: 16px !important;}
  .round-match li h6 {font-size: 20px !important;}
}
@media only screen and (max-width: 767px) {
  .round-match li {width: 25% !important;     padding-left: 10px !important;}
    .round-match li h5 {font-size: 16px !important;}
  .round-match li h6 {font-size: 20px !important;}
}

@media only screen and (max-width: 575px) {
  .nav-link i svg, .logout a svg {width: 27px !important;}
  .link_name {display: none;}
  .search-game{margin-top: 20px;}
  .search-game { width: 390px;}
  .search-game{flex:auto;}
  .sidebar {width: 70px !important; position: absolute;}
  .home-section {width: calc(100% - 0px) !important; left: 0px !important;}
  .right-section {margin-left: 0px;}
  .leaderboard{margin-top: 10px;}
  .round-match li h5 {font-size: 14px !important;}
  .round-match li h6 {font-size: 16px !important;}
}

  /* ------------------  Dashboard Home End ------------------------ */ 
/* -----------tournaments-section-start--------------- */
section.tournaments-section {
  color: #fff;
  font-family: 'Satoshi-Bold' !important;
  background: #0c0a0a !important;
  margin: 37px 0px;
}
.tournaments-subtitle {
  text-align: center;
  margin: 25px 0;
  background: #0B0B0B;
}
.tournaments-subtitle h2 {
  color: #FFF;
  font-family: 'Satoshi-Bold';
  font-size: 20px;
  font-weight: 700;
  padding: 35px 0 17px 0;
}
.tournaments-subtitle h2 {
  display: inline-block;
  border-bottom: 3px solid #FF3B3D;
}
.tournament.d-flex {
  align-items: center;
  justify-content: space-between;
  padding: 27px 0;

}
.tournaments-title h2 {
  color: #FFF;
  font-family: 'Satoshi-Bold';
  font-size: 20px;
  font-weight: 700;
}
li.tournaments-item.tournaments {
  background:#FF3B3D;
  margin: 0 5px;
  display: flex;
  width: 25px;
  height: 25px;
  padding: 3px 0px 4px 0px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
li.tournaments-item.tournaments a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
li.tournaments-item {
  background-color: #3B3A3A;
  margin: 0 5px;
  display: flex;
  width: 25px;
  height: 25px;
  padding: 3px 0px 4px 0px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
li.tournaments-item a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.tournament-sec-card.d-flex {
  border: 0.6px solid #626262;
  background: #111;
  padding: 15px 10px;
  justify-content: space-between;
  margin: 20px 0;
}
.tournament-card-title h2 {
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
}
.start-tournaments-date span {
  color: #FFF;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.16px;
}F
.close-tournaments-date span {
  color: #FFF;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.16px;
}
.tournament-trophy span {
  color: #FFF;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.16px;
}
h2.price-amount span {
  margin-left: 5px;
}
h2.price-amount {
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
}
.tournament-price {
  text-align: center;
}
.tournaments-team {
  padding: 15px 10px 8px 11px;
  background: #FF3B3D;
  margin: 30px 0 0 0;
  text-align: center;
}
.tournaments-team h4{
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  }

  @media only screen and (max-width:767px) {
    .tournament-card-title h2 {
      font-size: 22px;
  }
  .tournament-date.d-flex.gap-3.mt-2 {
    gap: 2px !important;
}
.start-tournaments-date svg {
  width: 15px;
}
  .start-tournaments-date span {
    font-size: 10px;
}
.close-tournaments-date span {
  font-size: 10px;
}
.close-tournaments-date svg {
  width: 15px;
}
.tournament-trophy span {
  font-size: 10px;
}
.tournament-trophy svg {
  font-size: 15px;
}
h2.price-amount {
  font-size: 16px;

}
  }
  @media only screen and (max-width:575px) {
    .tournament.d-flex {
      flex-wrap: wrap;
  }
  .tournaments-title h2 {
    font-size: 16px;
}
    .tournament-card.d-flex.gap-4 {
      flex-wrap: wrap;
      justify-content: center;
  }
  .tournament-sec-card.d-flex {
    flex-wrap: wrap;
    justify-content: center;
}
.tournament-card-contant {
  text-align: center;
}
.tournament-card-title h2 {
  font-size: 16px;
}
.tournament-price {
  text-align: center;
  padding-top: 25px;
}
.tournaments-team {
  margin: 10px 0 0 0;
}
.tournaments-team h4 {
  color: #FFF;
  font-size: 12px;
  font-weight: 700;
}
  }
  /* --------------tournaments-section-end-------- */

  /* -----------------leaderboard-section-start-------------- */
  section.leaderboard-section {
    color: #fff;
    font-family: 'Satoshi-Bold' !important;
    background: #0c0a0a !important;
    margin: 37px 0px;
  }

.leaderboard-subtitle {
  text-align: center;
  margin: 25px 0;
  background: #0B0B0B;
}
.leaderboard-subtitle h2{
  color: #FFF;
  font-family: 'Satoshi-Bold';
  font-size: 20px;
  font-weight: 700;
  padding: 35px 0 17px 0;
}
.leaderboard-subtitle h2 {
  display: inline-block;
  border-bottom: 3px solid #FF3B3D;
}
.leaderboard.d-flex {
  align-items: center;
  justify-content: space-between;
  padding: 27px 0;

}
.leaderboard-title h2 {
  color: #FFF;
  font-family: 'Satoshi-Bold';
  font-size: 20px;
  font-weight: 700;
}
li.leader-item .leader {
  margin: 0 5px;
  display: flex;
  width: 25px;
  height: 25px;
  padding: 3px 0px 4px 0px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
li.leader {
  background: #FF3B3D !important;
}
li.leader-item .leader a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
li.leader-item{
  background-color: #3B3A3A;
  margin: 0 5px;
  display: flex;
  width: 25px;
  height: 25px;
  padding: 3px 0px 4px 0px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
li.leader-item a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

  .leaderboard-card.d-flex {
    align-items: center;
    justify-content: space-between;
    border: 0.6px solid #626262;
    background: #111;
    padding: 20px 20px;
    margin: 20px 0;
    border-left: 3px solid red
}
.sr-no {
  color: #FF3B3D;
  font-size: 32px;
  font-weight: 500;
}
.leader-item-contant h2 {
  color: #FFF;
  font-size: 24px;
  font-weight: 500;
}
.leaderboard-item-price {
  color: #FFF;
  font-size: 20px;
  font-weight: 300;
}
.border-green {
  border-left: 3px solid #4AFB0C !important;
}
.border-green .sr-no {
color:#4AFB0C
}
.border-yellow {
  border-left: 3px solid #FFD700 !important;
}
.border-yellow .sr-no {
color:#FFD700
}
.border-pink{
  border-left: 3px solid #FB0C8B !important;
}
.border-pink .sr-no {
color:#FB0C8B
}
.border-blue{
  border-left: 3px solid #4B3BFF !important;
}
.border-blue .sr-no {
color:#4B3BFF
}

@media only screen and (max-width:575px) {
  .leaderboard-title h2 {
    font-size: 16px;
}
  .leaderboard.d-flex {
    flex-wrap: wrap;
}
  .leader-item-contant h2 {
    font-size: 20px;
}
.leaderboard-card.d-flex {
  flex-wrap: wrap;
}
.d-flex.gap-4.align-items-center {
  padding-top: 10px;
}
.leaderboard-item-price {
  font-size: 16px;

}
}
 /* -----------------leaderboard-section-end-------------- */

  /* -----------------  Brackets  -------------- */
  .brackets h2{font-size: 32px; 
    color: #fff; font-weight: 700; margin-top:30px;}
  .round-match {border-top:1px solid #626262;}
  .round-match li{border-right:1px solid #3B3A3A; padding-left:30px; margin-top:30px;}
  .round-match li h5{font-size:20px; color:#626262; font-weight: 700;}
  .round-match li h6{font-size:24px; color:#fff;}

  .round-match li {width: 20%; box-sizing: border-box;}

.tournament-headers {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  border-bottom: 1px solid #ccc;
  
  h3 {
    width: 25%;
    text-align:center;
    font-weight: 400;
    border-right: 1px dashed #ccc;
    margin: 0;
    padding:1rem;
  }
}

.tournament-brackets {
  display: flex;
  flex-direction: row; 
  list-style-type: none;
  margin-bottom: 50px;
}

.bracket {
  padding-left: 0;
  display: flex;
  margin: 0;
  padding: 30px 0;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-around;
  list-style-type: none;
  flex: 1;
}

.team-item {
  background-color: #0B0B0B;
  padding: .5rem;
  display: block;
  margin: .5rem 10px;
  position: relative;
  vertical-align: middle;
  line-height: 2;
  text-align: center;
}

.team-item:after {
  content:'';
  border-color: #626262;
  border-width: 2px;
  position: absolute;
  display: block;
  width: 10px;
  right: -11px;
}

.team-item:nth-of-type(odd):after {
  border-right-style: solid;
  border-top-style: solid;
  height: 100%;
  top: 50%;
}

.team-item:nth-of-type(even):after {
  border-right-style: solid;
  border-bottom-style: solid;
  height: 100%;
  top: -50%;
}

.team-item:before {
  content:'';
  border-top: 2px solid #626262;
  position: absolute;
  height: 2px;
  width: 10px;
  left: -10px;
  top: 50%;
}
.team-item span {color:#fff;}

.bracket-2 {
  .team-item:nth-of-type(odd):after {
    height: 200%;
    top: 50%;
  }
  .team-item:nth-of-type(even):after {
    height: 200%;
    top: -150%;
  }
}

.bracket-3 {
  .team-item:nth-of-type(odd):after {
    height: 350%;
    top: 50%;
  }
  .team-item:nth-of-type(even):after {
    height: 350%;
    top: -300%;
  }
}

.bracket-4 {
  .team-item:nth-of-type(odd):after {
    height: 700%;
    top: 50%;
  }
  .team-item:nth-of-type(even):after {
    height: 700%;
    top: -650%;
  }
}

.bracket:first-of-type {
  .team-item:before {
    display: none;
  }
}

.bracket-4 {
  .team-item:after {
    display: none;
  }
}

.bracket:last-of-type {
  .team-item:before,
  .team-item:after {
    display: none;
  }
}

.team-item time {
  display: inline-block;
  background-color: #dbdbdb;
  font-size: .8rem;
  padding: 0 .6rem;
}

.win-swag {border-radius: 15px; background: linear-gradient(90deg, #FF3B3D 1.12%, #D88CA8 100%); padding:40px; padding-right: 43%; position: relative; overflow: hidden;}
.win-swag h2 {color:#fff; font-family: 'Satoshi-Black'; font-size:40px;}
.win-swag p {font-size: 20px;}
.win-swag img {right: -88px; top: 12px;}