body {
    font-family: 'Thunder';
}



@font-face {
    font-family: 'Thunder Med Ita';
    src: url('../font/thunder-font/Thunder-MediumLCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-MediumLCItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Ita';
    src: url('../font/thunder-font/Thunder-LCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-LCItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder';
    src: url('../font/thunder-font/Thunder-ThinLC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ThinLC.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder SemBd Ita';
    src: url('../font/thunder-font/Thunder-SemiBoldLCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-SemiBoldLCItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder';
    src: url('../font/thunder-font/Thunder-LightHC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-LightHC.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Thin Ita';
    src: url('../font/thunder-font/Thunder-ThinHCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ThinHCItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder';
    src: url('../font/thunder-font/Thunder-ThinHC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ThinHC.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Thin Ita';
    src: url('../font/thunder-font/Thunder-ThinLCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ThinLCItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder SemBd';
    src: url('../font/thunder-font/Thunder-SemiBoldHC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-SemiBoldHC.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Ita';
    src: url('../font/thunder-font/Thunder-HCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-HCItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder';
    src: url('../font/thunder-font/Thunder-HC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-HC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Light Ita';
    src: url('../font/thunder-font/Thunder-LightHCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-LightHCItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder SemBd Ita';
    src: url('../font/thunder-font/Thunder-SemiBoldHCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-SemiBoldHCItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder SemBd';
    src: url('../font/thunder-font/Thunder-SemiBoldLC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-SemiBoldLC.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder';
    src: url('../font/thunder-font/Thunder-LC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-LC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder ExtBd';
    src: url('../font/thunder-font/Thunder-ExtraBoldHC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ExtraBoldHC.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Ita';
    src: url('../font/thunder-font/Thunder-BoldHCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-BoldHCItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Med';
    src: url('../font/thunder-font/Thunder-MediumLC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-MediumLC.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Light Ita';
    src: url('../font/thunder-font/Thunder-LightLCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-LightLCItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder ExtBd Ita';
    src: url('../font/thunder-font/Thunder-ExtraBoldHCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ExtraBoldHCItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder ExtBd Ita';
    src: url('../font/thunder-font/Thunder-ExtraBoldLCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ExtraBoldLCItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Med Ita';
    src: url('../font/thunder-font/Thunder-MediumHCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-MediumHCItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder ExtLt Ita';
    src: url('../font/thunder-font/Thunder-ExtraLightHCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ExtraLightHCItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Ita';
    src: url('../font/thunder-font/Thunder-BoldLCItalic.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-BoldLCItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder ExtLt';
    src: url('../font/thunder-font/Thunder-ExtraLightLC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ExtraLightLC.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder';
    src: url('../font/thunder-font/Thunder-BoldLC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-BoldLC.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder Med';
    src: url('../font/thunder-font/Thunder-MediumHC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-MediumHC.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder ExtBd';
    src: url('../font/thunder-font/Thunder-ExtraBoldLC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ExtraBoldLC.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder';
    src: url('../font/thunder-font/Thunder-LightLC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-LightLC.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thunder ExtLt';
    src: url('../font/thunder-font/Thunder-ExtraLightHC.woff2') format('woff2'),
        url('../font/thunder-font/Thunder-ExtraLightHC.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

.custom-scrollbar {
    scrollbar-width: none; /* For Firefox */
}

.custom-scrollbar::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: transparent; /* Hide the scrollbar thumb */
}

.tab-button.active svg path{
    stroke: blue;
 }
 .tab-button.active .tabButton{
     background-color: #fff;
 }
 .tab-button:hover .tabButton{
     background-color: #fff;
 }

 .active td{
    background-color:#111111;
 }
 .title{
    color:#111111;
 }
 .active td .title{
    color:white;
 }
 
 .active .custom-checkbox{
     border:1px solid white;
 }

.collapse-scrollbar::-webkit-scrollbar {
width: 8px;
}

.collapse-scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #f3f3f3;
border: 1px solid #cacaca;
}


/* Hide the default checkbox */
input[type="checkbox"] {
    display: none;
  }

  /* Style the custom checkbox container */
  .custom-checkbox {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid #000;
    border-radius: 4px;
    background-color: transparent;
    position: relative;
    cursor: pointer;
  }

  /* Add the checkmark (hidden by default) */
  .custom-checkbox::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 25%;
    width: 8px;
    height: 14px;
    border: 1px solid #000;
    border-width: 0 2px 2px 0;
    transform: scale(0) rotate(45deg) translate(-50%, -50%);
    transition: transform 0.2s ease;
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -ms-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
  }

  /* When the checkbox is checked */
  input[type="checkbox"]:checked + .custom-checkbox {
    background-color: #ffd700;
    border: 1px solid #000;
  }

  input[type="checkbox"]:checked + .custom-checkbox::after {
    transform: scale(1) rotate(45deg) translate(-50%, -50%);
  }

.team-info{
    padding-bottom: 8px;
}