/**
Theme Name:     Hello Elementor Child
Theme URI:      https://elementor.com/hello-theme/
Description:    A child theme of Hello Elementor
Author:         s
Author URI:     https://yourwebsite.com
Template:       hello-elementor
Version:        1.0.0
Text Domain:    hello-elementor-child
*/

/* Add your custom CSS below this line */

/* 
Custom Style By Dev Wordpress Style */
@font-face {
  font-family: 'Mammoth 1.6 Narrow';
  /* src: url('Mammoth16-NarrowMediumItalic.woff2') format('woff2'),
    url('Mammoth16-NarrowMediumItalic.woff') format('woff'); */
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* Hidden Sections with display none del this code to view */
.media-avil-banner{
  display: none !important;
}
#select2-franchise-mobile-dropdown-result-nfav-jersey-number-history{
  display: none;
}
.franchise_category li:nth-child(5){
  display: none !important;
}
.jersey_number_history{
  display: none !important;
}

/* Front Page Css */

.hero-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #191919;
}

.hero-container {
  /* test */
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  gap: 60px;
  padding: 0px 24px;
  align-items: start;
  justify-content: space-between;
}

.hero-img {
  width: calc(60% - 30px);
}

.hero-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.hero-highlighted-text {
  width: calc(40% - 30px);
}

.hero-highlighted-text h1 {

  color: #fff;
  font-family: "Bebas Neue";
  text-align: start;
  font-size: 60px;
  font-style: normal;
  margin: 0px !important;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  padding: 20px 0px;
}

.hero-highlighted-text h1 .highlighted {
  color: #7ab2e0;
}

.hero-highlighted-text p {
  color: #fff;
  font-family: Roboto;
  margin: 0px !important;
  font-size: 20px;
  text-align: start;
  padding: 20px 0px 30px 0px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.hero-highlighted-text a {
  padding: 16px 30px;
  margin: 20px 0px;
  margin-right: 12px;
  cursor: pointer;
  display: inline-block;
  background-color: #7ab2e0;
  transform: skew(-15deg);
  border: 2px solid rgba(255, 255, 255, 0.6);
  text-align: center;
}
.skew-btn a:nth-child(2) {
  background-color: #000000 !important;
}
.skew-btn a:nth-child(2):hover{
  background-color: #7AB2E0 !important;
  transition: all 0.3s ease-out;
}

.hero-highlighted-text a span {
  color: #fff;
  display: inline-block;
  font-family: "Bebas Neue";
  font-size: 20px;
  transform: skew(15deg) !important;
  /* un-skew the text */
  font-style: normal;
  font-weight: 400;
  transition: all 0.3s ease-out;
  line-height: normal;
}

.hero-highlighted-text a:hover {
  background-color: #000;
  transition: all 0.3s ease-out;
}

.hero-container .swiper {
  width: 100%;
}

.hero-container .swiper-slide {
  width: 100%;
  height: auto;
}

.hero-container .swiper-pagination {
  position: unset !important;
  text-align: center;
  padding: 16px 0px;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.hero-container .swiper-pagination-bullet {
  background: url("/wp-content/uploads/2025/07/doted-ns.svg") no-repeat center center !important;
  background-size: contain;
  width: 16px;
  height: 16px;
  opacity: 1;
}

.hero-container .swiper-pagination-bullet-active {
  background: url("/wp-content/uploads/2025/07/Active-dot.svg") no-repeat center center !important;
  width: 35px !important;
  border-radius: 99px !important;
  height: 16px;
}

/* Press release Css */
.press-release-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #000000;
}

.press-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.press-container h2 {
  color: #7ab2e0;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  text-align: center;
  font-weight: 400;
  line-height: normal;
}

.press-container p {
  color: #fff;
  text-align: center;
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.press-btn {
  padding: 13px 30px;
  margin: 30px 0px 40px 0px;
  display: inline-block;
  background-color: transparent;
  transform: skew(-15deg);
  border: 2px solid #fff;
  transition: all 0.3s ease-out;
  text-align: center;
}

.press-btn span {
  color: #fff;
  display: inline-block;
  font-family: "Bebas Neue";
  font-size: 20px;
  transform: skew(15deg) !important;
  /* un-skew the text */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.press-btn:hover {
  background-color: #7ab2e0;
  transition: all 0.3s ease-out;
}

.press-post-Swiper {
  width: 100%;
  display: flex !important;
  flex-direction: column;
}

.press-post-Swiper .swiper-wrapper {
  height: unset !important;

}

.press-container .swiper-slide {
  text-align: center;
  height: unset !important;
  align-items: stretch !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.press-container .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0px 0px;
  object-fit: cover;
}

.press_post-item {
  text-align: center;
  width: 100%;
  height: 100%;
  flex-direction: column;
  display: flex;

  justify-content: center;
  align-items: self-start;
  border-radius: 10px 10px;
  border: 1px solid #fff;
}

.press-item-contnet {
  justify-content: space-between;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: #262626;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 4px 15px 0px rgba(122, 178, 224, 0.3);
}

.press_post-item h3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
  color: #fff;
  padding: 25px 25px 0px 25px;
  font-family: "Bebas Neue";
  text-align: start;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.press_post-item h3 span {
  color: #7ab2e0;
  text-align: start;
  font-family: "Bebas Neue";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.press_post-item p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
  color: #fff;
  text-align: start;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  padding: 15px 25px 0px 25px;
  font-weight: 400;
  line-height: normal;
}

.info_press-detail {
  padding-top: 12px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
}

.meta-info {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 46px 25px 15px 25px;
}

.meta-info span {
  color: rgba(255, 255, 255, 0.7);
  font-feature-settings: "liga" off, "clig" off;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  text-align: start;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
}

.info_press-detail img {
  width: 100% !important;
  height: 100% !important;
}

.info_press-detail a {
  padding: 12px 15px;
  border-radius: 0px 0px 8px 0px;
  background: #7ab2e0;
}

.info_press-detail a img {
  width: 44px !important;
  height: 34px !important;
  transform: rotate(-45deg);
  aspect-ratio: 1/1;
  transition: 0.3s all ease-in-out;
}

.info_press-detail a img:hover {
  transform: rotate(0deg);
  transition: 0.3s all ease-in-out;
}

.press-post-Swiper .swiper-pagination {
  position: unset !important;
  margin-top: 24px;
}

.press-post-Swiper .swiper-pagination-bullet {
  color: #fff !important;
  background: #bfbfbf !important;
  opacity: 1;
  /* Keep visible */
}

.press-post-Swiper .swiper-pagination-bullet-active {
  color: #fff !important;
  background: #fff !important;
  opacity: 1 !important;
  /* Keep visible */
}

/* Game Summry CSS */

/* Press release Css */
.game-summry-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #191919;
}

.game-summry-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.game-summry-container h2 {
  color: #7ab2e0;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  text-align: center;
  font-weight: 400;
  line-height: normal;
}

.game-summry-container p {
  color: #fff;
  text-align: center;
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.press-btn {
  padding: 16px 30px;
  margin: 30px 0px 40px 0px;
  display: inline-block;
  background-color: transparent;
  transform: skew(-15deg);
  border: 2px solid #fff;
  transition: all 0.3s ease-out;
  text-align: center;
}

.press-btn span {
  color: #fff;
  display: inline-block;
  font-family: "Bebas Neue";
  font-size: 20px;
  transform: skew(15deg) !important;
  /* un-skew the text */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.game-summary-Swiper {
  width: 100%;
  flex-direction: column;
  display: flex !important;
  padding: 12px !important;
}

.game-summary-Swiper .swiper-wrapper {
  height: unset !important;
}

.game-summary-Swiper .swiper-slide {
  text-align: center;
  align-items: stretch !important;
  display: flex;
  justify-content: center;
  height: unset !important;
  align-items: center;
}

.game_post-item {
  text-align: center;
  width: 100%;

  flex-direction: column;
  display: flex;

  justify-content: center;
  align-items: self-start;

  border: 1px solid #fff;
  border-radius: 10px;
  background: #262626;
  box-shadow: 0px 4px 15px 0px rgba(122, 178, 224, 0.3);
}

.game-post-thumbnail-container {
  width: 100%;
  height: 480px;
}

.game-post-thumbnail-container img {
  border-radius: 10px 10px 0px 0px;
  object-fit: cover;
  width: 100%;
  overflow-clip-margin: unset;
  height: 100%;
}

.game-summry-content {
  background: #3B3B3B;
  width: 100%;
  flex-grow: 1;
  box-shadow: 0px 4px 15px 0px rgba(122, 178, 224, 0.3);
  border-radius: 0px 0px 10px 10px;
  padding: 25px;
}

.game_post-item h3 {
  color: #fff;

  font-family: "Bebas Neue";
  text-align: start;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.game_post-item h3 span {
  color: #7ab2e0;
  text-align: start;
  font-family: "Bebas Neue";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  text-align: start;
  line-height: normal;
}

.game_post-item p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
  color: #fff;
  text-align: start;
  font-family: Roboto;
  font-size: 16px;
  padding: 15px 0px 0px 0px;
  font-style: normal;
  text-align: start;
  font-weight: 400;
  line-height: normal;
}

.clickable-tags-title {
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-align: start;
  padding: 30px 0px 15px 0px;
  line-height: normal;
  color: #fff;
}

.tags-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 15px 50px;
}

.tag-link {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 24px;
  font-style: normal;
  text-align: start;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;

}

.tag-link:hover {
  color: #73c0ff;
}

.game-summary-Swiper .swiper-pagination {
  position: unset !important;
  margin-top: 24px;
}

.game-summary-Swiper .swiper-pagination-bullet {
  color: #fff !important;
  background: #bfbfbf !important;
  opacity: 1;
  /* Keep visible */
}

.game-summary-Swiper .swiper-pagination-bullet-active {
  color: #fff !important;
  background: #fff !important;
  opacity: 1 !important;
}



/* Media Avilbilty Section Started Css */
.media-avil-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #000000;
}

.media-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.title-btn-heading {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 28px;
}

.title-btn-heading h2 {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 60px;
  text-align: center !important;
  font-style: normal;
  text-align: right;
  font-weight: 400;
  line-height: normal;
}

.avil-btn {
  padding: 16px 30px;
  display: inline-block;
  background-color: transparent;
  transform: skew(-15deg);
  border: 2px solid #fff;
  transition: all 0.3s ease-out;
  text-align: center;
}

.avil-btn span {
  color: #fff;
  display: inline-block;
  font-family: "Bebas Neue";
  font-size: 20px;
  transform: skew(15deg) !important;
  /* un-skew the text */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.avil-btn:hover {
  background-color: #7ab2e0;
  transition: all 0.3s ease-out;
}

.media-in-container {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 28px;
}

.recent_meida-list {
  width: 35%;
}

.media-categories {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 24px;
  gap: 10px;
}

.media-cat {
  color: #FFF;
  display: inline-block;
  text-decoration: none;
  transform: skew(-15deg);
  list-style: none;

  text-transform: capitalize;
  padding: 10px 16px;
  border: 2px solid rgba(255, 255, 255, 0.70);
  ;
  background-color: rgba(255, 255, 255, 0.20);
  transition: 0.3s all ease-in-out;
}

.media-cat:hover {
  border: 2px solid #7AB2E0;
  background-color: #7ab2e0;
  transition: 0.3s all ease-in-out;
}

.media-cat span {
  transform: skew(15deg) !important;
  font-family: Roboto;
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  /* 75% */
}

.single-post .time-and-user {
  display: flex;
  gap: 10px;
  align-items: center;
}

.single-post {
  display: flex;
  gap: 24px;
  width: 100%;
  align-items: center;
  padding: 24px 0px;
}

.single-post h5 {
  color: #FFF;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  word-break: break-all;
  line-height: normal;
}
.single-post-content{
  width: calc(60% - 12px);
}
.single-post-img-contaner{
  display: flex;
  width: calc(40% - 12px);
  height: 150px;
  position: relative;

}
.single-post-img-contaner .play-btn{
  width: 44px;
  height: 44px;
}
.single-post-img-contaner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 4px !important
}

.single-post .time-and-user span {
  color: #fff;
  color: rgba(255, 255, 255, 0.70);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
}

.post-divider {
  background: rgba(255, 255, 255, 0.60);
  width: 100%;
  height: 1px;
}


.latest_media-post {
  display: flex;
  width: 52%;
  flex-direction: column;
}

.latest_media-post h4 {
  color: #FFF;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  padding-top: 24px;
  line-height: normal;
}
.latest-video-container{
  height: 460px;
  margin-top: 48px;
  width: 100%;
}
.latest_media-post span {
  color: rgba(255, 255, 255, 0.70);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;

  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
}

.time-and-user {
  padding-top: 10px;
}

.video-thumnail {
  position: relative;
  height: 100%;
  border-radius: 10px;
  width: 100%;
}

.video-thumnail img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 9999999px;
  border: none;
  display: flex;
  transform: translate(-50%, -50%);
  align-items: center;
  justify-content: center;

}
.play-btn:hover{
  background-color: #7ab2e03e;
}

.end-line-btn {
  display: none;
  visibility: hidden;
}



/* Section Statistics Tabel and Data Css */
.table-section-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #191919;
}

.table-section-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 24px;
}

.table-section-container h2 {
  color: #7AB2E0;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.table-section-container p {
  color: #FFF;
  text-align: center;
  padding-top: 24px;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.guide-btn {
  margin: 40px 0px;
  padding: 16px 30px;
  display: inline-block;
  background-color: transparent;
  transform: skew(-15deg);
  border: 2px solid #fff;
  transition: all 0.3s ease-out;
  text-align: center;
}

.guide-btn span {
  color: #fff;
  display: inline-block;
  font-family: "Bebas Neue";
  font-size: 20px;
  transform: skew(15deg) !important;
  /* un-skew the text */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.guide-btn:hover {
  background-color: #7ab2e0;
  transition: all 0.3s ease-out;
}

/* Table styling */
.table-section-container h3 {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 44px;
  font-style: normal;
  text-align: center;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 20px;
}

.table-contain {
  width: 100%;
  max-width: 1440px;
  border: 2px solid #757575;
  border-radius: 16px;
  padding: 24px;
  margin: 0 auto;
}

.table-section-container table {
  border-collapse: collapse;
  width: 100%;
}

.table-section-container thead {
  background-color: #1f1f1f;
  border-bottom: 2px solid #393939;
}

.table-section-container thead th {}

.table-heading-row th {
  color: #FFF;
  text-align: start;
  font-family: "Bebas Neue";
  font-size: 26px;
  transition: 0.4s all ease-in-out;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}

tbody tr:hover {
  background-color: #7ab2e093 !important;
  transition: 0.4s all ease-in-out;
}

tbody tr:nth-child(even) {
  background-color: #303030;
}

tbody tr:nth-child(odd) {

  background-color: #262626;
}

.table-stat-details tr {
  border-bottom: solid 2px #191919;
}

.col-player {
  padding: 15px;
  text-align: start;
  width: 300px;
}

.col-sl {
  padding: 8px 12px;
  width: 60px;
}

.table-stat-details tr td {
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.table-scroll {
  overflow-y: auto;
  max-width: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  max-height: 348px;
  /* Or any height you prefer */

}


.table-section-container thead {
  position: sticky;
  top: 0;
  z-index: 10;
}

.table-scroll::-webkit-scrollbar {
  height: 10px;
  /* For horizontal scroll */
  width: 10px;
  /* For vertical scroll */
}

.table-scroll::-webkit-scrollbar-track {
  background: #fff;
  /* Background of the track */
  border-radius: 999999px;
}

.table-scroll::-webkit-scrollbar-thumb {
  background-color: #7ab2e0;
  /* Color of the scroll thumb */
  border-radius: 10px;
  border: 2px solid #fff;
  /* Padding effect */
}

.table-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #5bbfe0;
  /* On hover */
}



/* Logo Buttom Css */
.buttom_logos-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #000000;
}

.buttom_logos-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  gap: 55px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 24px;
}

.buttom_logos-container h2 {
  color: #7AB2E0;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue";
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: 49px;
  /* 111.364% */
}

.buttom_logos-container a {
  list-style: none;
  text-decoration: none;
}

.logos-group {
  display: flex;
  gap: 55px;
}

.logos-group a:hover {
  opacity: 0.5;
}


.elementor-heading-title span {
  color: #7AB2E0;
}

.btn-un-skew-span {
  display: inline-block;
  transform: skew(15deg);
}



.hfe-has-submenu-container a {
  color: #7AB2E0 !important;
}

.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before {
  content: '';
  display: inline-block;
  background: url('/wp-content/uploads/2025/07/Chevron-Vector.svg') no-repeat center center !important;
  background-size: contain;
  width: 12px;
  /* adjust size */
  height: 12px;
}

.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-menu-active .sub-arrow i:before,
.hfe-link-redirect-self_link.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .menu-active .sub-arrow i:before {
  content: '';
  display: inline-block;
  background: url('/wp-content/uploads/2025/07/Menuicon-inverted.svg') no-repeat center center !important;
  background-size: contain;
  width: 12px;
  /* adjust size */
  height: 12px;
}

/* Game Summry CSS stars here  */
.top-section-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #191919;
}

.top-section-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}
.top-section-container p{
  color: #FFF;
text-align: center;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.top-section-container h1 {
  color: #FFF;
  margin: 0px !important;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.top-section-container span {
  color: #7AB2E0;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.opponent-parent p a{
    background-color: transparent;
    color: #7ab2e0;
    text-decoration: underline;
}

.summary-slide-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #000000;
}

.summary-slide-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.game_summary-items {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.game_summary-items .item {
  flex: 1 1 calc(25% - 24px);
  /* 4 items on desktop */
  box-sizing: border-box;
  list-style: none;
  max-width: 380px;
  padding-bottom: 8px;
}


.game_summary-items .game_post-item {
  text-align: center;
  width: 100%;

  flex-direction: column;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: self-start;

  border: 1px solid #fff;
  border-radius: 10px;
  background: #262626;
  box-shadow: 0px 4px 15px 0px rgba(122, 178, 224, 0.3);
}

.game_summary-items .game_post-item img {
  border-radius: 10px 10px 0px 0px;
  object-fit: cover;
  width: 100%;
  overflow-clip-margin: unset;
}

.game_summary-items .game-summry-content {
  background: #3B3B3B;
  box-shadow: 0px 4px 15px 0px rgba(122, 178, 224, 0.3);
  border-radius: 0px 0px 10px 10px;
  padding: 25px;
}

.game_summary-items .game_post-item h3 {
  color: #fff;

  font-family: "Bebas Neue";
  text-align: start;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.game_summary-items .game_post-item h3 span {
  color: #7ab2e0;
  text-align: start;
  font-family: "Bebas Neue";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  text-align: start;
  line-height: normal;
}

.game_summary-items .game_post-item p {
  color: #fff;
  text-align: start;
  font-family: Roboto;
  font-size: 16px;
  padding: 15px 0px 0px 0px;
  font-style: normal;
  text-align: start;
  font-weight: 400;
  line-height: normal;
}

.game_summary-items .clickable-tags-title {
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-align: start;
  padding: 30px 0px 15px 0px;
  line-height: normal;
  color: #fff;
}

.game_summary-items .tags-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 15px 50px;
}

.game_summary-items .tag-link {
  color: #7AB2E0 !important;
  cursor: pointer;
  font-family: "Bebas Neue";
  font-size: 24px;
  font-style: normal;
  text-align: start;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline !important;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.pagination {
  display: flex;
  padding: 60px;
}

.pagination .prev {
  display: flex;
  padding: 4px 11px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.10);
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-decoration: none;
  list-style: none;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
}

.pagination .next {
  display: flex;
  padding: 4px 11px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.10);
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-decoration: none;
  list-style: none;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
}

.pagination .page-numbers,
.pagination .page-num, .pagination span.active{
  color: var(--FFFFFF, #FFF);
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  /* 22.4px */
  display: flex;
  padding: 4px 11px;
  justify-content: center;
  align-items: center;
  list-style: none;
  text-decoration: none;
  gap: 10px;
}

.pagination a.active, .pagination span.active, .pagination span.page-num.current, .pagination span.page-numbers.current {
  background: #7AB2E0;
  border-radius: 24px;
  box-shadow: 0px 4px 9px -4px rgba(50, 197, 255, 0.22);
}

.pagination a:hover {
  border-radius: 24px;
  background: #7AB2E0;
  box-shadow: 0px 4px 9px -4px rgba(50, 197, 255, 0.22);
}

.body_for_scroll {
  position: relative;
}

.modal_pop {
  display: none;
  z-index: 999;
  left: 0%;
  position: fixed;
  top: 0%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(7.5px);
  justify-content: center;
  padding: 80px 24px;
  height: 100%;
  overflow-y: auto;
  /* overflow-x: hidden; */
}

.modal {
  max-width: 992px;
  margin: auto;
}

.modal-content {
  position: relative;
  border: 1px solid #FFF;
  align-items: center;
  border-radius: 10px;
  display: flex;
  background-color: #000;
  padding: 20px;
  height: fit-content;
  flex-direction: column;
}

.staff-bio .close-btn {
  cursor: pointer;
  background-color: #000000 !important;
  border: 1.5px solid #ffffff !important;
}

.modal-content .close-btn {
  background-color: #FFF;
  cursor: pointer;
  display: flex;
  font-size: 40px;
  position: absolute;
  right: -15px;
  top: -15px;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #7AB2E0;
  border-radius: 999999px;
  width: 50px;
  height: 50px;
}

.download-btn {
  padding: 13px 47px;
  margin: 30px 0px 10px 0px;
  display: inline-block;
  background-color: #7AB2E0;
  transform: skew(-15deg);
  border: 2px solid #CAE0F3;
  list-style: none;
  text-decoration: none;
  transition: all 0.3s ease-out;
  text-align: center;
  color: #FFF;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  transition: 0.5s all ease-in-out;
  line-height: normal;
}

.download-btn:hover {
  background-color: #fff;
  transition: 0.5s all ease-in-out;
  color: #7ab2e0;
  border: 2px solid #fff;
}

.download-btn span {
  display: inline-block;
  transform: skew(15deg) !important;
  /* un-skew the text */

}

.modal-content img {
  max-width: 920px;
  width: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.modal-content .staff_img_popup img {
  width: 100%;
  overflow-clip-margin: unset;
  object-fit: cover;
  width: 100% !important;

  object-position: top;
  border-radius: 10px;
  height: 100%;
}

.staff-bio .modal-content {
  align-items: start;
}

/* Game Summry ends Here */

/* Release Page Css start Here */
.release-sect-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #191919;
}

.release-section-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.release-section-container h1 {
  color: #FFF;
  text-align: center;
  margin: 0px !important;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.release-section-container span {
  color: #7AB2E0;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.list_item_press-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #000000;
}

.list_items-press_post-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  padding: 0px 24px;
}

.press-main-image-container {
  height: 480px;
  width: 100%;
}

.press_single-item img {
  border-radius: 10px 10px 0px 0px;
  object-fit: cover;
  width: 100%;
  overflow-clip-margin: unset;
  height: 100%;
}

.press_slide_items {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.press_single-item {
  width: calc(25% - 18px);
  box-sizing: border-box;
  list-style: none !important;
  padding-bottom: 8px;
}

/* Staff owners CSS */

.sec_title-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #191919;
}


.sec_title-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.sec_title-container h1 {

  color: #FFF;
  margin: 0px !important;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.sec_title-container h1 span {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.sec_staff-tabs-banner {
  padding: 0px 0px 0px 0px;
  width: 100%;
  background-color: #000000;
}

.sec_staff-member-container {
  margin: 0 auto;
  max-width: calc(1440px + 48px);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
  padding-bottom: 60px;

}

.staff_category {
  padding: 24px 0px;
  border-bottom: 1px solid #4C4C4C;
}

.staff_category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 20px;
}

.staff_category li {
  list-style: none;
  display: inline-block;
}

.staff_category li a {
  list-style: none;
  color: #FFF;
  display: inline-block;
  font-family: "Bebas Neue";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 15px 30px;
  background-color: transparent;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #808080;
  transition: 0.5s all ease-in-out;
}

.staff_category li:hover {
  background-color: #7AB2E0;
  border-radius: 4px;
  transition: 0.5s all ease-in-out;
}

.staff_category li .active {
  background-color: #7AB2E0;
}


.staff_list-items {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
  gap: 27px;
}

.sec_staff-member-container h2 {
  color: #7AB2E0;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 30px 0px 50px 0px;
}

.staff-list {
  display: flex;
  width: 100%;
  overflow: hidden;
  max-width: calc(25% - 21px);
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #ffffff;
}


.staff-info {
  background-color: #4C4C4C;
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  border-radius: 0px 0px 10px 10px !important;
  flex-direction: column;
  padding: 25px 20px;
  border-radius: 0px 0px 5px 5px;
  box-shadow: 0 4px 15px 0 rgba(122, 178, 224, 0.30);
}

.staff-list h4 {
  color: #FFF;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  padding-bottom: 6px;
  line-height: normal;
}

.staff-list p {
  text-align: center;
  color: #FFF;
  text-align: center;
  font-family: Roboto;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.staff-list img {
  border-radius: 10px 10px 0px 0px;
  width: 100%;
  height: 340px;
  object-position: top;
  object-fit: cover;
  overflow-clip-margin: unset;
}

.staff-list a {
  cursor: pointer;
  padding-top: 25px;
  color: #7AB2E0 !important;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.staff-list a:hover {
  color: #69bbff !important;
}

.staff-bio .modal {
  border-radius: 10px;
  background-color: #000;
  border: 1px solid #fff;
}

.staff-details {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-right: 45px;
}

.staff-bio .staff-close-btn {
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
}

.staff_img_popup {
  display: flex;
  overflow: hidden;
  flex-shrink: 0;
  border-radius: 10px;
  width: 340px;
  height: 340px;
  align-items: center;
  justify-content: center;
}

.staff-headline {
  display: flex;
  gap: 30px;
  align-items: center;
}

.staff-img-contianer {
  width: 340px;
  height: 340px;
}

.staff-headline h5 {
  color: #FFF;
  font-family: "Bebas Neue";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.staff-headline span {
  color: #7AB2E0;
  padding-top: 10px;
  font-family: Roboto;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}

.staff-headline p {
  padding-top: 30px;
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.staff-detailed-bio {
  width: 100%;
}

.staff-detailed-bio p {

  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.tab_container {
  display: none;
}

.tab_container.active {
  display: block;
}

.mobile-dropdown {
  display: none;
}

.mobile-dropdown {

  width: 100%;
  padding: 15px;
  color: #FFF;
  font-family: "Bebas Neue";
  border-radius: 4px;
  font-size: 26px;
  border: 1px solid #fff;
  appearance: none;
  background-image: url("/wp-content/uploads/2025/07/newVector.svg");
  background-repeat: no-repeat;
  font-style: normal;
  background-position: right 12px center;
  background-color: #7AB2E0;
  background-size: 12px;
  font-weight: 400;
  line-height: normal;
}

.staff-modal_pop {
  display: none;
  z-index: 999;
  left: 0;
  position: fixed;
  top: 01;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(7.5px);
  justify-content: center;
  padding: 80px 24px;
  height: 100%;
  overflow-y: auto;
  /* overflow-x: hidden; */
}

.staffmodal {
  max-width: 992px;
  margin: auto;
}

.modal-content {
  position: relative;
  border: 1px solid #FFF;
  align-items: center;
  border-radius: 10px;
  display: flex;
  background-color: #000;
  padding: 20px;
  height: fit-content;
  flex-direction: column;
}

.modal-content .staff-close-btn {

  display: flex;
  font-size: 40px;
  position: absolute;
  right: -15px;
  top: -15px;
  align-items: center;
  justify-content: center;
  border: 1.5px solid #7AB2E0;
  border-radius: 999999px;
  width: 50px;
  height: 50px;
}

.loader-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  /* adjust based on your layout */
}

.loader {
  border: 6px solid #f3f3f3;
  border-top: 6px solid #333;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.hidden_bio {
  display: none;
}

.staff-detailed-bio p {
  padding: 7px 0;
}


/* Franchise History Css */

.frachise_sec-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #191919;
}

.frachsie_sec-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.frachsie_sec-container h1 {
  color: #FFF;
  margin: 0px !important;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.frachsie_sec-container h1 span {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.Records-hostory-cat-banner {
  width: 100%;
  background-color: #000000;
}

.Records-hostory-cat-container {
  margin: 0 auto;
  max-width: calc(1440px + 48px);
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}


/* 
New Dropdown Css */
.select2-container--default .select2-selection--single {
    background-color: #7AB2E0 !important;
    border-radius: 5px;
border: 1.5px solid rgba(255, 255, 255, 0.50) !important;
    padding: 15px;
    margin-top: 20px;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: auto !important;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single::after {
    content: "";
    background: url("/wp-content/uploads/2025/07/drop-arrow-year-accordian.svg") no-repeat center;
    background-size: 12px auto; /* Adjust size as needed */
    width: 12px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(50%);
    pointer-events: none; /* Make sure clicks still work */
}
.select2-container--default .select2-results>.select2-results__options {
      color: #000000;
font-family: "Bebas Neue";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.select2-selection__arrow{
  display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #FFF !important;
  transition: 0.3s all ease-in-out;
font-family: "Bebas Neue";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius: 0px 0px 5px 5px;
}

.select2-container {
  display: none !important;
}


.franchise-mobile-dropdown {
  padding: 24px 0px 24px 0px;
}

.franchise_category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 30px;
  padding: 60px 0px 27px 0px;
  border-bottom: 1px solid #4C4C4C;
}

.franchise_category li {
  list-style: none;
  display: inline-block;
}

.franchise_category li a {
  list-style: none;
  color: #FFF;
  display: inline-block;
  font-family: "Bebas Neue";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 15px 30px;
  background-color: transparent;
  text-decoration: none;
  border-radius: 4px;
  border: 1px solid #808080;
  transition: 0.5s all ease-in-out;
}

.franchise_category li:hover {
  background-color: #7AB2E0;
  border-radius: 4px;
  transition: 0.5s all ease-in-out;
}

.franchise_category li .active {
  background-color: #7AB2E0;
}

.franchise-mobile-dropdown {
  display: none;
}

/* DropDown*/
.franchise-tab_container {
  width: 100%;
}

.franchise-tab_container h2 {
  color: #7AB2E0;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 36px 0px 30px 0px;
}

.franchise-accrdion {}

.accordion-toggle img {
  cursor: pointer;
  width: 12px;
  height: auto;
  object-fit: contain;
}

.accordion-content {
  display: none;
}

.accordion-item.active .accordion-content {
  display: block;
}

.franchise-year-container {
  border-radius: 10px;
  margin-bottom: 60px;
  border: 1px solid rgba(255, 255, 255, 0.50);
  background: #000;
}

.franchise-year-container h3 {
  color: #FFF;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* .franchise-tab, .transaction-tab{
display: none;
}
.franchise-tab.active, .transaction-tab.active{
display: block;
} */
.fruchise-name-year {
  padding: 20px 30px;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
}

.first-accordian-season {
  background: url("/wp-content/uploads/2025/07/seasonn-bg.png");
}

.second-accordian-season {
  background: url("/wp-content/uploads/2025/07/bg-for-second-yeat.png");
}

.season-details {

  display: flex;
  border-top: 1px solid #808080;
  flex-wrap: wrap;
  align-items: stretch;
  columns: 2;
  position: relative;
  padding: 50px 30px;
}

.season-details::after {}

.season-details::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 4px;
  background-color: #808080;
  transform: translateX(-50%);
  z-index: 0;
}

.season-list {
  color: #fff;
  width: 50%;
  border-top: 4px solid #808080;
  display: flex;
  gap: 50px;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 30px 20px 0px 20px;
  text-decoration: none;
}

/* .season-details > li:nth-child(2) {
  margin-top: 50px;
}

.season-details > li:nth-child(3) {
  margin-top: 74px;
} */
.season-details>li:nth-child(even) {
  margin-top: 30px;
}
.season-details>li:nth-child(odd) {
margin-bottom: 30px;
}
.date-range {
  display: flex;
  gap: 10px;
  align-items: center;
}
.dated{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.season-list p {
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.season-list span {
  text-align: center;
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.date-range span:nth-child(2) {
  width: auto !important;
}

.franchise-mobile-dropdown {

  width: 100%;
  background-color: #7AB2E0;
  ;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #fff;
  margin: 20px 0px;
  color: #FFF;
  font-family: "Bebas Neue";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  outline: none;
  line-height: normal;
  appearance: none;
  background-image: url("/wp-content/uploads/2025/07/newVector.svg");
  background-repeat: no-repeat;
  font-style: normal;
  background-position: right 12px center;
}



/* Player Transaction Css */

.player-trans-year-contianer {
  border-radius: 10px;
  margin-bottom: 60px;
  border: 1px solid rgba(255, 255, 255, 0.50);
  background: #000;
}

.player-trans-year-name {
  display: flex;
  padding: 20px 30px;
  justify-content: space-between;

}

.player-trans-year-name h3 {
  color: #FFF;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.player-trans-content-detail {
  border-top: 1px solid #808080;
  padding: 20px 30px;
}

.player-noted-bloc>li:nth-child(1) {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  list-style: none;
  font-weight: 700;
  line-height: normal;
}

.player-noted-bloc> :nth-child(even) {

  background: #0D0D0D;
}

.player-noted-bloc> :nth-child(odd) {
  background: #191919
}

.player-noted-bloc li {
  display: flex;
  padding: 17px 25px;
  gap: 90px;
}

.player-noted-bloc li span {

  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.player-noted-bloc li p {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.player-noted-bloc li span {
  max-width: 190px;
  width: 100%;
}

.player-deals {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 15px;
}

/* 
    Player transtion Details end */



/* NHL DRAGFT CSS Start here */
.nhl-draft-year {

  border-radius: 10px;


  border: 1px solid rgba(255, 255, 255, 0.50);
  margin-bottom: 60px;
}

.draft-noted-bloc {
  border-top: 1px solid #808080;
}

.nhl-draft-container {
  display: flex;
  padding: 20px 30px;
  justify-content: space-between;
}

.nhl-draft-container h3 {
  color: #FFF;

  font-family: Roboto;


  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.nhl-draft-table {

  padding: 20px 30px;

  width: 100%;
  border-spacing: 0;
}

.accordion-item.active .nhl-draft-container img,
.accordion-item.active .player-trans-year-name img,
.accordion-item.active .fruchise-name-year img {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  transition: 0.3s all ease-in-out;
}

.accordion-item .nhl-draft-container img,
.accordion-item .player-trans-year-name img,
.accordion-item .fruchise-name-year img {
  -webkit-transform: scaleY(1);
  transform: scaleY(-1);
  transition: 0.3s all ease-in-out;
}




.draft-noted-bloc {
  padding: 30px;
}

.table_head li {
  padding: 17px 30px;
  width: 16.67%;
  background: #191919;
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  list-style: none;
  color: #fff;
  justify-content: space-between;
}
.table_head :nth-child(1) :nth-child(2){
  display: none;
}
.other_content {
  display: flex;
}
.draft-noted-bloc ul li:nth-child(4),
.draft_player-list-details ul li:nth-child(4) {
   width: 20%;
}
.draft-noted-bloc ul li:nth-child(1),
.draft_player-list-details ul li:nth-child(1)
{
  width: 15%;
}

.other_content p {
  padding: 17px 30px !important;
  width: 66.66% !important;
}

.other_content p {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}


.draft_player-list-details .draft-list-item {
  display: flex;

}

/* .draft-list-item:nth-child(odd){
background: #0D0D0D;

}
.draft-list-item:nth-child(even){
background: #191919;

} */

.table_head {
  display: flex;
  width: 100%;
  justify-content: space-between;


}

.draft-cotain-wrapper {
  width: 100%;
}

.draft_player-list-details .draft-list-item ul {
  display: flex;
  justify-content: space-between;
}

.draft_player-list-details ul li {
  width: 16.67%;
  vertical-align: baseline;
}

.draft_player-list-details ul li {
  padding: 17px 30px;
  list-style: none;
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.dropdown-content p {

  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: italic;
  padding: 3px 30px 17px 30px;
  font-weight: 400;
  line-height: normal;
}

.draft-list-item .other_content ul p {
  padding: 17px 30px 17px 30px;
}

.draft-mobile-dropdown-icon {
  display: none;
}

.parent-row li:nth-child(3),
.parent-row li:nth-child(8) {
  display: none;
}


/* NHL DRAGFT CSS End here */





/* All Time Roster Start Here */

.roster_time-head-line {
  display: flex;
  padding: 20px 30px;
  justify-content: space-between;
}

.roster_time-head-line h3 {
  color: #FFF;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.roster_time-block {
  padding: 30px;
}

.roster-time_container {
  border-radius: 10px;


  border: 1px solid rgba(255, 255, 255, 0.50);
  margin-bottom: 60px;
}

.roster_time-block {
  border-top: 1px solid #808080;
}

.roster_time-item {
  display: flex;
  transition: 0.3s;
  justify-content: space-between;
  padding: 17px 25px;
  background: #191919;
}

.roster_time-item p {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.roster_time-block ol {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.roster_time-block ol ul li:hover {
  background: #272626;
}

.roster-dropdown-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  background: #f5f5f5;
  padding: 0 40px;
}

.active+.roster-dropdown-content {
  max-height: fit-content;
  /* Adjust this depending on your content */
  padding: 40px;
}

.roster-dropdown-content p {
  color: #FFF;
}

.roster-dropdown-content {
  background: #0D0D0D;

}

.roster-content-wrapper {
  display: flex;
  gap: 20px;
}

.roster_open-item {
  border-radius: 15px;
  border: 1px solid #FFF;
  padding: 30px;
  max-width: 310px;
  width: 100%;
}

.roster_open-item h5 {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 114.286% */
}

.roster_open-item h5 span {
  color: #FFF;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

.roster_open-item span {
  color: #FFF;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

.frd-number {
  padding-top: 15px;
  padding-bottom: 20px;
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.season-cls {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  padding-bottom: 5px;
  font-weight: 400;
  line-height: normal;
}

.roster_open-item h6 {
  color: #7AB2E0;
  font-family: Roboto;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  line-height: normal;
}

.roster_details-note {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-top: 20px;
}


/* All time roster end here */



/* Jersey Number CSS start Here */
.player_jersies {
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.player_jersies ul {
  max-width: 1200px;
  gap: 30px;
  width: 100%;
  padding-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
}


.player_jersies ul li {
  list-style: none;
}

.player_jersies h3 {
  padding: 28px 0px;
  color: #7AB2E0;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
  .jersey_item {
    width: calc(25% - 25px);
    position: relative;
    height: 298px;
    border-radius: 12px;
}


.jersey_item h3 {
  color: #FFF;
  text-align: center;
  padding-right: 10px;
  font-family: 'MammothRegular', sans-serif !important;
  font-size: 115px;
  font-weight: 500;
  line-height: normal;
}

.flip-card-front::after {
  content: '';
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  height: 15px;
  background-color: white;
}

.flip-card-front::before {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 15px;
  background-color: #7AB2E0;
}

.flip-card {
  width: 100%;
  height: 100%;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.jersey_item:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.jersey_item .flipped .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  border: 1px solid #ccc;
  border-radius: 8px;
}


.flip-card-back {
  transform: rotateY(180deg);
}

.flip_card-container {}

.flip_card-container h4 {
  color: #FFF;
  text-align: center;
font-family: 'MammothRegular', sans-serif !important;
  font-size: 55px;
  padding-right: 10px;
  font-weight: 500;
  line-height: normal;
}

.pagination {
  justify-content: center;
  display: flex;
  padding-bottom: 60px;
}

.flip_card-container .player_jersey-wore {
  color: #FFF;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 28px;
  padding-top: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.flip_card-container .dated-jersy {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.flip_card-container .player-worn {
  color: #FFF;
  padding-top: 15px;
  text-align: center;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Jersey Number End here */


/* Awards page Css Here */

.hockey-honors {
  justify-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.hockey-honors h3 {
  color: #7AB2E0;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  padding: 30px 0px;
  line-height: normal;
}

.list-awards-utah {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 958px;
  gap: 30px;
  width: 100%;
  padding-bottom: 60px;
}

.list-awards-utah {}

.list-award-item {
  display: flex;
  border-radius: 15px;
  gap: 51px;
  border: 1px solid #fff;
  padding: 25px 70px;
  flex-direction: column;
}

.trophy_award-headline {
  display: flex;
  align-items: center;
  gap: 45px;
  position: relative;
}

.tropy_headliner-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.tropy_headliner-container::after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #666666;
}

.tropy_headliner-container h5 {
  color: #FFF;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.tropy_headliner-container p {
  color: #FFF;
  font-family: Roboto;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}

.season-pros {
  display: flex;
  justify-content: center;
  gap: 80px;
}

.season-pros span {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.awards_season p,
.awards_player p,
.award_pos p {
  padding-top: 15px;
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.trophy-container-award img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.trophy-container-award {
  height: 110px;
  width: 110px;
}

/* Award Css End Here */

/*Players Css*/
.container {
  max-width: 1490px;
  margin: 0 auto;
  padding: 0px 25px;
}

.players_wrapper {
  background: #000;
  padding: 60px 0;
}

.players_tabs {}

.players_tab-links {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgb(255 255 255 / 30%);
  list-style: none;
}

.players_tab-links li {}

.players_tab-links a {
  display: block;
  padding: 11px 30px;
  text-decoration: none;
  background: transparent;
  color: #fff !important;
  border-radius: 5px;
  font-family: "Bebas Neue";
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
  border: 1px solid rgb(255 255 255 / 50%);
  cursor: pointer;
}

.players_tab-links li.active a,
.players_tab-links a:hover {
  background: #7AB2E0;
}

.players_tab-content {
  margin-top: 30px;
}

.players_tab-content .plasyer_tab {
  display: none;
}

.players_tab-content .plasyer_tab.active {
  display: block;
}

.players_tab-content h2 {
  font-family: "Bebas Neue";
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  color: #7AB2E0;
  text-align: center;
  margin-bottom: 50px;
}

.player_listing {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 32px;
}

.player_column {
  width: calc(25% - 24px);
}

.player_media {
  border: 1px solid rgb(255 255 255 / 50%);
  position: relative;
  height: 450px;
  overflow: hidden;
}

.player_media img {
  width: 100%;
  height: 100%;
  overflow-clip-margin: unset;
  object-fit: cover;
  transition: all 0.5s;
}

.player_num {
  background: #7AB2E0;
  color: #fff;
  font-family: "Bebas Neue";
  font-size: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px 0 0 0;
}

.player_content {
  margin-top: 25px;
  text-align: center;
}

.player_content h3 {
  font-family: "Bebas Neue";
  font-size: 35px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.player_content h3 a {
  color: #fff;
  text-decoration: none;
}

.player_content h5 {
  color: #7AB2E0;
  font-size: 16px;
  font-style: italic;
  font-family: Roboto;
  font-weight: 400;
}

.player_column:hover .player_content h3 a {
  color: #7AB2E0;
}

.player_column:hover img {
  transform: scale(1.08);
}

/*Players Single*/
.players_single_wrapper {
  padding: 30px 0 80px;
  background: #000;
}

.players_single_links {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #000;
  padding: 30px 0;
}

.players_single_links ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-bottom: 30px;
  list-style: none;
  border-bottom: 1px solid rgb(255 255 255 / 30%);
}

.players_single_links ul li a {
  display: block;
  padding: 11px 30px;
  text-decoration: none;
  background: transparent;
  color: #fff;
  border-radius: 5px;
  font-family: "Bebas Neue";
  font-size: 26px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid rgb(255 255 255 / 50%);
}

.players_single_links ul li.active a,
.players_single_links a:hover {
  background: #7AB2E0;
}

.players_single_detail {
  margin-top: 30px;
}

.backtoListing {}

.backtoListing a {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}

.backtoListing a svg {
  vertical-align: middle;
  margin-right: 20px;
}

.player_basicInfo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 50px 0 80px;
}

.single_player_media {
  position: relative;
  width: 25%;
  height: 450px;
  border: 1px solid rgb(255 255 255 / 50%);
}

.single_player_media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow-clip-margin: unset;
}

.single_player_info {
  padding-left: 40px;
  width: 75%;
}

.single_player_info h2 {
  color: #fff;
  font-family: "Bebas Neue";
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.basicInfo_list {
  display: flex;
  list-style: none;
  /*margin: 40px 0;*/
}

.basicInfo_list:not(:last-child) {
  margin-bottom: 40px;
}

.basicInfo_list_one {
  justify-content: space-between;
}

.basicInfo_list_two {
  gap: 120px;
}

.basicInfo_list li {
  font-family: Roboto;
}

.basicInfo_list li span {
  display: block;
  font-weight: normal;
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
}

.basicInfo_list li strong {
  display: block;
  font-weight: 400;
  color: #7AB2E0;
  font-size: 22px;
  font-style: italic;
}

.section_heading {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.player_highs_block {
  margin-bottom: 40px;
}

.player_highs_block h3 {
  color: #fff;
  font-family: "Bebas Neue";
  font-size: 38px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.player_highlights {
  margin: 50px 0;
}
.player_highlights .section_heading{
  text-align: center;
}

.player_highlights .accordion-item {
  margin-bottom: 30px;
  padding: 12px 24px;
  border: 1px solid rgb(255 255 255 / 50%);
  border-radius: 15px;
}

.player_highlights .accordion-header {
  cursor: pointer;
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-weight: 400;
  text-transform: uppercase;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M7.49999 16L15 8.5166L13.2912 6.81161L7.49999 12.59L1.70878 6.81161L0 8.5166L7.49999 16ZM7.49999 9.18837L15 1.705L13.2912 0L7.49999 5.7784L1.70878 0L0 1.705L7.49999 9.18837Z" fill="%237AB2E0"/></svg>') no-repeat;
  background-size: 16px;
  background-position: right center;
}

.player_highlights .accordion-item.active .accordion-header {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M7.50001 -6.5567e-07L1.69822e-06 7.4834L1.70877 9.18838L7.50001 3.40997L13.2912 9.18838L15 7.4834L7.50001 -6.5567e-07ZM7.50001 6.81163L1.10273e-06 14.295L1.70877 16L7.50001 10.2216L13.2912 16L15 14.295L7.50001 6.81163Z" fill="%237AB2E0"/></svg>') no-repeat;
  background-size: 16px;
  background-position: right center;
}

.player_highlights .accordion-content {
  display: none;
  border-top: none;
  color: #fff;
  padding-top: 10px;
  padding-right: 20px;
}

.player_highlights .accordion-item.active .accordion-content {
  display: block;
}

.player_highlights .accordion-content ul,
.highlights_block ul {
  list-style: none;
}

.player_highlights .accordion-content ul li,
.highlights_block ul li {
  color: #fff;
  font-size: 20px;
  font-family: Roboto;
  padding-left: 50px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 28 24" fill="none"><g clip-path="url(%23clip0_886_2991)"><path d="M22.7481 6.04751C25.9769 11.8661 23.9224 19.2864 18.0125 22.4835C8.65843 27.5427 -2.20567 19.1589 0.390079 8.96272C2.17999 1.92906 10.1466 -1.90424 16.9191 0.951563C17.4658 1.18271 20.1261 2.61925 20.23 3.0837C20.2639 3.23599 20.1458 3.26299 20.0539 3.32996C19.4908 3.73716 18.7604 4.07956 18.194 4.517C11.1328 -0.807933 1.10954 4.99009 2.66109 13.7411C4.47833 23.9892 19.891 24.0637 21.6416 13.5391C21.9925 11.4275 21.623 9.58055 20.7964 7.63635C20.8335 7.49486 21.8406 6.64157 22.0418 6.4828C22.1555 6.39315 22.6552 5.97947 22.7481 6.04859V6.04751Z" fill="white"/><path d="M26.8825 1.43442C27.2061 1.40418 28.1289 1.24108 27.9846 1.76493C27.9343 1.94639 25.7726 3.05998 25.3834 3.30193C20.7517 6.18474 16.5957 10.2913 14.0546 15.1172C13.5352 16.1034 13.1831 17.1932 12.6189 18.1318L12.1947 18.0378C11.2063 15.8258 9.99914 13.4117 8.15456 11.7678C7.33778 11.0398 6.0246 10.6596 6.28702 9.38834C6.52101 8.25098 7.81888 7.72605 8.89151 7.90859C9.66455 8.04036 10.8072 9.12911 11.3243 9.71777C11.5376 9.95971 12.4691 11.3801 12.6343 11.339C15.8051 6.8544 21.1038 1.98312 26.8825 1.43442Z" fill="white"/></g><defs><clipPath id="clip0_886_2991"><rect width="28" height="24" fill="white"/></clipPath></defs></svg>') no-repeat;
  background-size: 24px;
  background-position-y: 4px;
}

.player_highlights .accordion-content ul li:not(:last-child),
.highlights_block ul li:not(:last-child) {
  margin-bottom: 12px;
}

.highlights_block {
  margin-bottom: 30px;
  padding: 28px 30px;
  border: 1px solid rgb(255 255 255 / 50%);
  border-radius: 15px;
}

.highlights_block h3,
.personal_block h3 {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.personal_block {
  margin-top: 60px;
}

.personal_block p {
  color: #fff;
  font-size: 20px;
  font-family: Roboto;
}

.player_comparison {
  border: 1px solid rgb(255 255 255 / 50%);
  border-radius: 15px;
  margin-top: 80px;
  padding-bottom: 5px;
}

.player_comparison .section_heading {
  text-align: center;
  margin: 24px 0;
}

.player_table {}

.player_table table {
  width: 100%;
  border-collapse: collapse;
}

.player_table th,
.player_table td {
  color: #fff;
  font-family: Roboto;
  text-align: left;
  padding: 15px 20px;
}

.player_table th {
  font-size: 18px;
  text-transform: uppercase;
  background: #191919;
}
.player_table th:last-child {
    width: 700px;
}
.player_table td {
  font-size: 16px;
}

.player_table tbody tr:nth-child(odd) {
  background: #000;
}

.player_table tbody tr:nth-child(even) {
  background: #191919;
}

.player_statistics {
  border: 1px solid rgb(255 255 255 / 50%);
  border-radius: 15px;
  margin: 80px 0;
}

.player_statistics .section_heading {
  text-align: center;
  margin: 24px 0;
}

.career_stats {
  filter: invert(1) brightness(3.5);
}

.career_stats iframe {
  height: 600px;
}

.player_highs_list {
  flex-wrap: wrap;
  column-gap: 20px;
}

.player_highs_list li {
  width: 23%;
}

.player_highs_list li:not(:last-child) {
  margin-bottom: 35px;
}

/* Availabilities Css Start Here */

.sec_title-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #191919;
}


.sec_title-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.sec_title-container h1 {

  color: #FFF;
  margin: 0px !important;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.sec_title-container h1 span {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.sec-videos-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #000;
}

.container_wrapper {
  margin: 0 auto;
  max-width: 1488px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.videos-listing-container {
  border-radius: 10px;
  width: 100%;
  border: 1px solid #808080;
}

.videos-headline {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
}

.videos-headline h3 {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.videos-srch-filter {
  display: flex;
  align-items: center;
  gap: 20px;
}
.media-category-filter{
 appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background: url("/wp-content/uploads/2025/09/dropdown-chevron.svg") no-repeat right 0.75rem center !important;
  background-size: 1.2rem !important;
  padding-right: 2rem !important; /* space for the icon */
  
}


.search-box {
  padding: 14px 14px;
  border: 1px solid #666666;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

.search-box input {
  color: #7AB2E0;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: transparent;
  outline: none;
  border: none !important;
  padding: 0px !important;
}

.search-box svg {
  cursor: pointer;
}

.search-box input::placeholder {
  color: #7AB2E0;
  leading-trim: both;
  text-edge: cap;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.vidos-listing {
  padding: 20px 30px;
  border-top: 1px solid #808080;
}

.video-item-link {
  display: flex;
  justify-content: space-between;
}

.video-item-link h5 {
  color: #fff;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.vidos-listing ul .video-item-link:nth-child(1) p {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 700;
}

.item-title {
  width: 50%;
  padding: 17px 25px;
}

.item-dated {
  width: 50%;
  padding: 17px 25px;
}

.vidos-listing table {
  width: 100%;
}

.vidos-listing table thead {
  background-color: #191919;
}

.vidos-listing table thead th {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  text-align: start;
  padding: 17px 25px;
  font-style: normal;
  width: 50%;
  font-weight: 700;
  line-height: normal;
}

.vidos-listing tbody tr {
  cursor: pointer;
}

.vidos-listing tbody tr td {
  color: #FFF;
  padding: 17px 25px;
  width: 50%;
  text-align: start;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  border: none;
  border-collapse: collapse;
  font-weight: 400;
  line-height: normal;
}

.vidos-listing .pagination {
  padding: 20px 0px 0px 0px !important;
  justify-content: flex-end;
}

.vidos-listing tbody tr:nth-child(even) {
  background-color: #191919;
}

.vidos-listing tbody tr:nth-child(odd) {
  background-color: #0D0D0D;
}

.vidos-listing table,
th,
td {
  border: none;
  border-collapse: collapse;
}

.vid-modal {
  display: none;
  position: fixed;
  width: 100vw;
  inset: 0;
  background: rgba(0, 0, 0, 0.30);
  backdrop-filter: blur(7.5px);
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.vid-modal-content {
  background: #000;
  border-radius: 10px;
  border: 1px solid #fff;
  padding: 20px;
  position: relative;
}

.video-container {
  width: 80vw;
  max-width: 920px;
  height: auto;
  background: black;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

/* Video styling */
.video-container video {
  width: 100%;
  border-radius: 10px;
  height: 100%;
  object-fit: contain;
  background: black;
  display: block;
}


.simple-video-close-btn {
  position: absolute;
  top: -18px;
  z-index: 11;
  right: -18px;
  font-size: 28px;
  color: white;
  cursor: pointer;
}

/* Availabilities End Here */

/* 
Archives Css Start */
.sec_title-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #191919;
}


.sec_title-container {
  margin: 0 auto;
  max-width: 1648px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.sec_title-container h1 {

  color: #FFF;
  margin: 0px !important;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.sec_title-container h1 span {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.sec-videos-banner {
  padding: 60px 0px;
  width: 100%;
  background-color: #000;
}

.container_wrapper {
  margin: 0 auto;
  max-width: 1488px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 0px 24px;
}

.videos-listing-container {
  border-radius: 10px;
  width: 100%;
  border: 1px solid #808080;
}

.videos-headline {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
}

.videos-headline h3 {
  color: #7AB2E0;
  font-family: "Bebas Neue";
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.videos-srch-filter {
  display: flex;
  align-items: center;
  gap: 20px;
}

.search-box {
  padding: 14px 14px;
  border: 1px solid #666666;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

.search-box input {
  background: transparent;
  outline: none;
  border: none;
}

.search-box input::placeholder {
  color: #7AB2E0;
  leading-trim: both;
  text-edge: cap;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.vidos-listing {
  padding: 20px 30px;
  border-top: 1px solid #808080;
}

.video-item-link {
  display: flex;
  justify-content: space-between;
}

.video-item-link h5 {
  color: #fff;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.vidos-listing ul .video-item-link:nth-child(1) p {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 700;
}

.item-title {
  width: 50%;
  padding: 17px 25px;
}

.item-dated {
  width: 50%;
  padding: 17px 25px;
}

.vidos-listing table {
  width: 100%;
}

.vidos-listing table thead {
  background-color: #191919;
}

.vidos-listing table thead th {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  text-align: start;
  padding: 17px 25px;
  font-style: normal;
  width: 50%;
  font-weight: 700;
  line-height: normal;
}

.vidos-listing tbody tr {
  cursor: pointer;
}

.vidos-listing tbody tr td {
  color: #FFF;
  padding: 17px 25px;
  width: 50%;
  text-align: start;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  border: none;
  border-collapse: collapse;
  font-weight: 400;
  line-height: normal;
}

.vidos-listing .pagination {
  padding: 20px 0px 0px 0px !important;
  justify-content: flex-end;
}

.vidos-listing tbody tr:nth-child(even) {
  background-color: #191919;
}

.vidos-listing tbody tr:nth-child(odd) {
  background-color: #0D0D0D;
}

.vidos-listing table,
th,
td {
  border: none;
  border-collapse: collapse;
}




.vid-modal {
  display: none;
  position: fixed;
  width: 100vw;
  inset: 0;
  background: rgba(0, 0, 0, 0.30);
  backdrop-filter: blur(7.5px);
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.vid-modal-content {
  background: #000;
  border-radius: 10px;
  border: 1px solid #fff;
  padding: 20px;
  position: relative;
}

.video-container {
  width: 80vw;
  max-width: 920px;
  height: auto;
  background: black;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

/* Video styling */
.video-container video {
  width: 100%;
  border-radius: 10px;
  height: 100%;
  object-fit: contain;
  background: black;
  display: block;
}


.simple-video-close-btn {
  position: absolute;
  top: -18px;
  z-index: 11;
  right: -18px;
  font-size: 28px;
  color: white;
  cursor: pointer;
}

.archives-cards {
  padding: 60px 0px;
  width: 100%;
  background-color: #000000;
}

.archives-cards-container {
  margin: 0 auto;
  max-width: 1008px;
  width: 100%;
  padding: 0px 24px;
}

.archives-cards ul {
  gap: 60px 60px;
  display: flex;
  flex-wrap: wrap;
}

.archives-cards ul li {
  list-style: none;
  display: flex;
  flex-direction: column;
}

.card-image {
  width: 450px;
  height: 500px;
  flex-shrink: 0;
  overflow: hidden;
  display: flex;
  padding-bottom: 30px;
}

.card-image img {
  border: 1px solid #fff;
  border-radius: 10px;
  width: 100%;
  object-fit: cover;
  height: 100%;

}

.archive-card h3 {
  color: #FFF;
  text-align: center;
  font-family: "Bebas Neue";
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Archives Css End Here */

/*Opponents Css*/
.opponents_content h2 {
  margin-bottom: 10px;
}

.players_tab-content p {
  text-align: center;
  color: #fff;
  font-family: Roboto;
  font-weight: 400;
  font-size: 20px;
  max-width: 960px;
  margin: 0 auto;
}

.players_tab-content p a {
  color: #7AB2E0;
}

.opponents_listing {
  margin-top: 80px;
}

.opponents_division_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 27px;
  margin-bottom: 50px;
}

.opponents_column {
  border-radius: 15px;
  text-align: center;
  background-color: transparent;
  transition: all 0.3s ease;
  width: calc(25% - 21px);
  background: linear-gradient(to bottom, #fff, #666666) border-box;
  border-radius: 15px;
  border: 1px solid transparent;
}

.opponents_column_inner {
  background: #000;
  padding: 31px 10px;
  border-radius: 15px;
  height: 100%;
}

.opponents_column:hover {
  transform: scale(1.01);
  background-color: #191919;
}

.opponents_column a {
  color: #fff;
  text-decoration: none;
}

.opponents_column img {
  height: 50px;
  object-fit: contain;
}

.opponents_column h3 {
  font-family: "Bebas Neue";
  font-size: 35px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 20px 0;
  color: #fff;
}

.opponents_column h3 span {
  color: #7AB2E0;
}

.opponents_column h5 {
  font-size: 16px;
  font-family: Roboto;
  font-weight: 400;
  color: #fff;
}

/*Popup*/
.popup_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  backdrop-filter: blur(7.5px);
}

.popup_box {
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    max-width: 960px;
    width: 100%;
    /*left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;*/
    color: #fff;
    position: relative; 
}

.popup_content {
  max-height: 750px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 50px;
}

/* width */
.popup_content::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.popup_content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.popup_content::-webkit-scrollbar-thumb {
  background: #191919;
}

.popup_close {
  position: absolute;
  right: -20px;
  top: -20px;
  font-size: 28px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #000;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.opponent_logo {}

.opponent_logo img {
  height: 120px;
  object-fit: contain;
}

.popup_content h2 {
  font-family: "Bebas Neue";
  font-size: 48px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 30px 0;
}

.popup_content .basicInfo_list {
  flex-wrap: wrap;
}

.popup_content .basicInfo_list li {
  width: 33.33%;
}

.popup_content .basicInfo_list li:not(:last-child) {
  margin-bottom: 25px;
}

.popup_content .basicInfo_list li:nth-child(7),
.popup_content .basicInfo_list li:nth-child(8) {
  width: 100%;
}

.latest_transaction {
  border-top: 1px solid rgb(255 255 255 / 30%);
  padding-top: 50px;
  margin-top: 50px;
}

.latest_transaction h3 {
  font-family: "Bebas Neue";
  font-size: 35px;
  font-weight: 400;
  text-transform: uppercase;
  color: #7AB2E0;
  margin-bottom: 20px;
}

.latest_transaction p {
  color: #fff;
  font-size: 20px;
  font-family: Roboto;
  font-weight: 400;
}

/*Media Guide*/
.media_guide_wrapper {
  padding: 60px 0 100px;
  background: #000;
}

.media_guide_row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  max-width: 700px;
  margin: 0 auto;
}

.media_guide_column {
  position: relative;
  background: linear-gradient(to bottom, #fff, #666666) border-box;
  border-radius: 15px;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}

.media_guide_column a {
  color: #fff;
  text-decoration: none;
}

.media_guide_column_inner {
  background: #1F1F1F;
  padding: 25px 10px;
  border-radius: 15px;
  text-align: center;
  overflow: hidden;
}

.media_guide_column_inner:hover {
  background: #000;
}

.media_guide_icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #4C4C4C;
}

.media_guide_column_inner h3 {
  font-family: "Bebas Neue";
  font-size: 35px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  margin: 20px 0 15px;
}

.media_guide_column_inner h5 {
  font-family: "Bebas Neue";
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #7AB2E0;
}

/*Media Schedule*/
.media_schedule_wrapper {
  padding: 60px 0;
  background: #000;
}

.media_schedule_row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.media_schedule_column {
  position: relative;
  background: linear-gradient(to bottom, #fff, #666666) border-box;
  border-radius: 15px;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  width: calc(33.33% - 20px);
}

.media_schedule_inner {
  background: #1F1F1F;
  border-radius: 15px;
  height: 100%;
}

.media_event_top {
  padding: 30px 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.media_event_date {
  background: #7AB2E0;
  border-radius: 10px;
  font-family: "Bebas Neue";
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  text-align: center;
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.media_event_date span {
  font-size: 28px;
  display: block;
}

.media_event_detail {
  color: #fff;
  width: calc(100% - 100px);
}

.media_event_detail h3 {
  font-family: "Bebas Neue";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 5px;
}

.media_event_detail h3 span {
  color: #7AB2E0;
}

.media_event_detail p {
  font-size: 16px;
  font-family: Roboto;
  font-weight: 400;
}

.media_event_detail p span,
.media_event_detail p a {
  color: #7AB2E0;
  text-decoration: none;
}

.media_event_bottom {
  font-family: "Bebas Neue";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid rgb(255 255 255 / 30%);
}
body.no-scroll {
  overflow: hidden;
}


/* Search Page Container */
.search-heading-banner{
  width: 100%;
  background-color: #191919;
  padding: 60px 0px;
}
.serach-page-container{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0px 24px;
}
.page-search-body{
   width: 100%;
  background-color: #000000;
  padding: 60px 0px;
}
.search-page-cotainer{
    width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0px 24px;
}

.serach-page-container h1 {
    color: #FFF;
    margin: 0px !important;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-family: "Bebas Neue";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.entry-title a{
  color: #7AB2E0;
text-align: center;
font-family: "Bebas Neue";
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.entry-title a:hover{
  color: #5bbfe0 !important;
}
.search-page-cotainer .post{
  padding: 24px 0px;
  border-bottom: 1px solid #ffffff75;
  display: flex;
  gap: 24px;
}
.post-thumb{
  flex-shrink: 0;
  /* width: 450px;
  height: 500px; */
}
.post-thumb img{
  width: 350px;
    height: 400px;      
    object-fit: cover;  
    border-radius: 8px;
    display: block;
  border-radius: 8px;
  object-fit: cover
}
.pagination {
    justify-content: center;
    display: flex;
    gap: 24px;
    padding-bottom: 60px;
}
.pagination a span {
   padding-left: 8px;
}
.pagination a {
   color: #FFF;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
text-align: center;
line-height: 160%; /* 22.4px */
background: #191919;
display: flex;
padding: 4px 11px;
border-radius: 99px;
justify-content: center;
align-items: center;
}
.post-details{
  display: flex;
  flex-direction: column;
}
.post-excerpt:empty {
    display: none;
}

.post-details p{
  color: #FFF;
  padding-top: 24px;
text-align: left;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#applyDateFilter:hover{
  background-color: #7ab2e0;
}
div#dateRangePopup label input {
    font-family: 'Roboto';
    margin-top: 12px;
    background: transparent;
    color: #fff;
    font-size: 14px;
}

/* New line */
.staff-members-list{
    width: 100%;
}
.staff-members-list h3{
    color: #FFF;
    font-family: "Bebas Neue";
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #808080;
    padding: 15px 30px;
}
.staff-collection-listing{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 32px 30px 0px 32px;
}
.staff-collection-listing li{
    list-style: none;
    color: #808080;
    font-family: Roboto;
    display: flex;
    align-items: center;
    gap: 24px;
}
.staff-collection-listing li p{
    color: #FFF;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    border-left: 1px solid #808080;
    line-height: normal;
    padding-left: 24px;
}
.staff-collection-listing a{
    color: #7AB2E0;
    text-align: start !important;
    text-align: center;
    font-family: "Bebas Neue";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.staff-collection-listing span{
    color: #FFF;
    text-align: center;
    font-family: "Bebas Neue";
    text-align: start !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.staff-members-list{
    padding-top: 45px;
}
.media-schedule-disp{
  color: #FFF;
  padding-top: 8px;
  font-family: Roboto;
  font-size: 18px !important;
  font-style: normal;
  max-width: 80%;
  font-weight: 400;
  font-style: italic !important;
  line-height: normal;
}
.opponents-link-d {
  color: #7AB2E0 !important; 
  text-decoration: underline;
  transition: color 0.2s ease;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.opponents-link-d:hover {
  color: #023060 !important; 
}
/* Reponsive from start  */

@media (max-width: 1440px) {
  .hero-container {
    margin: 0 auto;
    max-width: 1260px;
    width: 100%;
    display: flex;
    gap: 60px;
    padding: 0px 24px;
    align-items: start;
    justify-content: space-between;
  }

  .press-container {
    margin: 0 auto;
    max-width: 1260px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0px 24px;
  }

  .media-container {
    max-width: 1260px;
    ;
  }

  .game-summry-container {
    max-width: 1260px;
  }

  .recent_meida-list {
    width: 46%;
  }

  .latest_media-post {
    display: flex;
    width: 50%;
    flex-direction: column;
  }

  .press_post-item p {
    padding: 4px 25px 0px 14px;
  }

  .press_post-item h3 {
    padding: 25px 25px 0px 14px;
  }

  .info_press-detail a img {
    width: 40px !important;
    height: 34px !important;
  }

  .meta-info {
    display: flex;
    gap: 9px;
    align-items: center;
    padding: 46px 2px 15px 14px;
  }

  .hero-highlighted-text h1 {
    font-size: 48px;
    padding: 12px 0px;
  }

  .hero-highlighted-text p {
    font-size: 18px;
    padding: 12px 0px 20px 0px;
  }


  .summary-slide-container {

    max-width: 1260px;

  }

  .game_summary-items .item {
    flex: 1 1 calc(33% - 24px);
    box-sizing: border-box;
  }

  .list_items-press_post-container {

    max-width: 1260px;

  }

  .press_single-item {
    width: calc(33% - 18px);
    box-sizing: border-box;
  }

  /*Players Css*/
  .container {
    max-width: 1260px;
  }

  .player_media {
    height: 380px;
  }

  /*Players Singlr Page*/
  .basicInfo_list li span {
    font-size: 18px;
  }

  .basicInfo_list li strong {
    font-size: 20px;
  }

  .Records-hostory-cat-container {
    max-width: calc(1260px);
  }

  .container_wrapper {
    max-width: calc(1260px);
  }
  .player_table th:last-child{
    width: 500px;
  }

  /*Media Schedule*/
  .media_event_top {
    padding: 30px 20px;
  }

  .media_event_detail h3 {
    font-size: 22px;
  }

  .media_event_date {
    width: 70px;
    height: 70px;
  }

  .media_event_date {
    font-size: 32px;
  }

  .media_event_date span {
    font-size: 22px;
  }
  .latest-video-container{
  height: 378px;
  margin-top: 48px;
  width: 100%;
}

  .media_event_detail p {
    font-size: 14px;
  }

  .media_event_bottom {
    font-size: 26px;
    padding: 15px 0;
  }
}

@media screen and (max-width:1366px) {
  .single_player_media {
    width: 30%;
  }

  .single_player_info {
    width: 70%;
  }

  /*Opponents Popup*/
  .popup_content {
    max-height: 600px;
    padding: 30px 50px;
  }

  .opponent_logo img {
    height: 100px;
  }

  .popup_content h2 {
    font-size: 42px;
    margin: 20px 0;
  }
}

@media screen and (max-width:1280px) {}

@media (max-width: 1200px) {
  .hero-highlighted-text a {
    padding: 16px 30px;
    margin: 14px 0px;
  }

  .hero-highlighted-text h1 {
    font-size: 40px;
    padding: 12px 0px;
  }

  .hero-highlighted-text p {
    font-size: 16px;
    padding: 8px 0px 14px 0px;
  }

  .media-in-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .game-summry-container {
    margin: 0 auto;
    max-width: 1260px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0px 12px;
  }

  .col-player {
    padding: 0px 12px;
    text-align: start;
    width: 268px;
  }
  .player_jersies ul{
    max-width: 958px;
  }
  .jersey_item {
    width: calc(33% - 25px);
    position: relative;
    height: 298px;
    border-radius: 12px;
}


  .game_summary-items .item {
    flex: 1 1 calc(33% - 24px);
    box-sizing: border-box;
  }

  .press_single-item {
    width: calc(33% - 18px);
    box-sizing: border-box;
  }
}

@media (min-width: 1024px) {

  .bg-dark {
    background-color: #191919;

  }

  .bg-light {
    background-color: #0D0D0D;
  }
}

@media (max-width: 1024px) {
  .hero-container {
    flex-direction: column-reverse;
    gap: 24px;
    text-align: start;
    padding: 40px 20px;
  }

  .hero-container {
    margin: 0 auto;
    max-width: 1140px;
    width: 100%;
    display: flex;
    gap: 40px;
    padding: 0px 40px;
    align-items: start;
    justify-content: space-between;
  }

  .hero-img {
    width: 100%;
  }

  .hero-highlighted-text {
    width: 100%;
  }

  .title-btn-heading {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    
  }

  .title-btn-heading .avil-btn {
    visibility: hidden;
    display: none !important;
  }

  .table-section-banner {
    display: none;
    visibility: hidden;
  }

  .end-line-btn {
    visibility: visible;
    display: block;
    margin-top: 48px;
  }

  .game_summary-items .item {
    flex: 1 1 calc(50% - 24px);
    box-sizing: border-box;
    max-width: 478px;
  }

  .press_single-item {
    width: calc(50% - 18px);
    box-sizing: border-box;
    max-width: 478px;
  }

  .staff_category {
    display: none;
  }

  .mobile-dropdown {
    display: block;
    margin: 20px 0px;
  }



  .franchise_category {
    display: none;
  }

  .franchise-mobile-dropdown {
    display: block;
    margin: 20px 0px;
  }

  .season-list {
    width: 100%;
  }

  .season-details::before {
    display: none;
  }

  .season-details>li:nth-child(even) {
    margin-top: 0px;
  }

  .season-details>li:nth-child(1) {
    border-top: 0px;
  }

  .season-list {

    padding: 20px 0px;

  }

  .season-details {
    padding: 20px 15px;
  }

  .season-list {
    gap: 25px;
  }

  .first-accordian-season {
    background: none;
  }

  .second-accordian-season {
    background: none;
  }

  .fruchise-name-year {
    padding: 20px 15px;
  }

  .buttom_logos-banner {
    background-color: #191919;
  }

  .franchise_category {
    display: none;
  }

  .franchise-mobile-dropdown {
    display: block;
    margin: 20px 0px;
  }

  .season-list {
    width: 100%;
  }

  .season-details::before {
    display: none;
  }

  .season-details>li:nth-child(even) {
    margin-top: 0px;
  }

  .season-details>li:nth-child(1) {
    border-top: 0px;
  }

  .season-list {

    padding: 20px 0px;

  }

  .season-details {
    padding: 20px 15px;
  }

  .season-list {
    gap: 25px;
  }

  .first-accordian-season {
    background: none;
  }

  .second-accordian-season {
    background: none;
  }

  .player-noted-bloc li {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
    border: 1px solid #808080;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    background: none !important;
  }

  .player-noted-bloc li span {
    color: #7AB2E0;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .player-noted-bloc li p {
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .player-trans-content-detail {
    padding: 15px;
  }





  /* Staff page */
  .press_single-item {
    max-width: 100%;

    box-sizing: border-box;
  }

  .staff-headline {
    display: flex;
    gap: 30px;
    flex-direction: column;
    align-items: start;
  }

  .staff-headline img {
    height: 100%;
    width: 100%;
    max-width: 100%;
  }

  .staff-details {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-right: 0px;
  }

  .staff-headline h5 {
    font-size: 35px;
  }

  .staff-headline span {
    font-size: 16px;
  }

  .staff-headline p {
    font-size: 14px;

  }

  .staff-detailed-bio p {

    font-size: 14px;
  }

  .staff-list {
    max-width: calc(33% - 16px);
  }




  .draft-mobile-dropdown-icon {
    display: block;
  }

  .parent-row li:nth-child(6),
  .parent-row li:nth-child(7) {
    display: none;
  }

  .other_content {
    display: none;
  }

  .parent-row li:nth-child(1),
  .parent-row li:nth-child(2) {
    display: none;
  }

  .draft_player-list-details ul li {
    width: 100%;
    vertical-align: baseline;
  }

  .table_head li:nth-child(6),
  .table_head li:nth-child(2) {
    display: none;
  }

  .table_head li:nth-child(4) span {
    display: block;

  }

  .table_head li:nth-child(5) span {
    display: none;

  }

  .table_head li:nth-child(5) {
    width: 10% !important;
  }

  .table_head li {
    width: 30% !important;
  }

  .parent-row li:nth-child(3) {
    display: block;
  }

  .parent-row li:nth-child(8) {
    display: block;
    width: 10% !important;
  }

  .draft_player-list-details ul li {
    width: 30% !important;
  }

  .draft_player-list-details ul li {
    padding: 14px 10px;
  }

  .draft_player-list-details .draft-list-item ul {
    display: flex;
    justify-content: flex-start;
  }

  .draft_player-list-details .parent-row:nth-child(odd) {
    background-color: #0D0D0D !important;
  }

  .draft_player-list-details .parent-row:nth-child(even) {
    background-color: #191919 !important;
  }

  .dropdown-content {
    max-height: 0;
    overflow: hidden;
    transition: height 0.3s ease;

  }

  .dropdown-content.open {
    transition: height 0.3s ease;
    margin-bottom: 12px;
    padding: 0px 10px;
    max-height: max-content;
  }

  .dropdown-content p {


    border-top: 1px solid #3B3B3B;

    color: #FFF !important;
    font-family: Roboto;
    font-size: 18px;
    font-style: italic;
    padding: 16px 0px 10px 0px;
    font-weight: 400;
    line-height: normal;
  }

  .draft-noted-bloc {
    padding: 0px;
    overflow: hidden;
    border-radius: 0px 0px 10px 10px !important;
  }

  .table_head li {
    padding: 17px 12px;
  }
  
  .draft-noted-bloc .table_head :nth-child(1) :nth-child(1){
  display: none;
}
.draft-noted-bloc .table_head :nth-child(1) :nth-child(2){
  display: block;
}
.single-post-img-contaner{
  height: 220px;
}



  /*Players Css */
  .player_column {
    width: calc(33% - 19px);
  }

  .player_media {
    height: 400px;
  }

  /*Single Player*/
  .players_single_links ul {
    gap: 15px;
  }

  .players_single_links ul li a {
    font-size: 24px;
    padding: 11px 20px;
  }

  .backtoListing a {
    font-size: 42px;
  }
  .select2-container--default .select2-selection--single {
    background-color: #7AB2E0 !important;
    border: 1px #BCD8F0 #aaa;
    border-radius: 4px;
}
  .single_player_info h2 {
    font-size: 42px;
  }
  .player_table th:last-child{
    width: auto;
  }

  .basicInfo_list_two {
    gap: 60px;
  }

  .single_player_media {
    height: 380px;
  }

  .archives-cards ul li {
    width: calc(50% - 30px);
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .card-image {
    width: 100%;
    height: fit-content;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    padding-bottom: 30px;
  }

  /*Opponents Css*/
  .opponents_column {
    width: calc(33% - 15px);
  }

  /*Media Schedule*/
  .media_schedule_column {
    width: calc(50% - 15px);
  }

  .franchise-mobile-dropdown {
    display: block;
    margin: 24px 0px !important;
  }

  .franchise-tab_container {
    border-top: 1px solid #4C4C4C;
  }

 
  .select2-container {
  display: block !important;
}
.media-in-container {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.latest_media-post {
    display: none;
}
.recent_meida-list{
  width: 100%;
}
}

@media screen and (max-width:991px) {

  /*Players Css*/
  .player_column {
    width: calc(50% - 18px);
  }

  .player_media {
    height: 450px;
  }

  /*Single Player*/
  .players_single_links ul li a {
    font-size: 20px;
    padding: 10px 14px;
  }

  .player_basicInfo {
    flex-direction: column;
  }

  .single_player_media {
    width: auto;
    height: 450px;
  }

  .single_player_info {
    padding-left: 0;
    margin-top: 40px;
    width: 100%;
  }

  .single_player_info h2 {
    text-align: center;
  }

  .player_highs_block .basicInfo_list {
    flex-wrap: wrap;
  }

  .player_highs_block .basicInfo_list li {
    width: 50%;
  }

  .player_highs_block .basicInfo_list li:not(:last-child) {
    margin-bottom: 25px;
  }

  .player_highs_list li {
    width: 31% !important;
  }

  .basicInfo_list li strong {
    font-size: 18px;
  }

  /*Opponents Css*/
  .opponents_column {
    width: calc(50% - 15px);
  }

  /*Opponents Popup*/
  .popup_box {
    max-width: 700px;
  }

  .popup_content {
    padding: 30px 30px;
  }

  .popup_content .basicInfo_list li {
    width: 50%;
  }

  .latest_transaction p {
    font-size: 18px;
  }

  .players_tab-links a {
    padding: 11px 20px;
    font-size: 22px;
  }

  .players_tab-links {
    gap: 10px;
  }

  .players_tab-content h2 {
    font-size: 42px;
  }

  .players_tab-content p {
    font-size: 18px;
  }
}

@media (max-width: 769px) {

  .media-categories {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    padding-bottom: 24px;
    gap: 10px;
  }

  .hero-highlighted-text a {
    width: 100%;
  }

  .hero-banner {
    padding: 40px 0px;
  }

  .press-release-banner {
    padding: 40px 0px;
  }

  .game-summry-banner {
    padding: 40px 0px;
  }

  .media-avil-banner {
    padding: 40px 0px;
  }

  .buttom_logos-banner {
    padding: 40px 0px;
  }

  .logos-group {
    justify-content: center;
    flex-wrap: wrap;
    display: flex;
    gap: 55px;
  }

  .media-cat {
    margin-top: 16px;
  }

  .hero-img img {
    height: 295px;
    width: 100%;
    object-fit: cover;
    border-radius: 12px;
  }

  .hero-container {
    margin: 0 auto;
    max-width: 1140px;
    width: 100%;
    display: flex;
    gap: 40px;
    padding: 0px 24px;
    align-items: start;
    justify-content: space-between;
  }

  .single-post h5 {
    color: #FFF;
    font-family: "Bebas Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .single-post img {
    border-radius: 4px !important;
  }

  .single-post {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 24px 0px;
  }

  .media-container {
    padding: 0px 20px;
  }

  .single-post .time-and-user span {
    font-size: 11px;
  }

  .game_summary-items .item {
    max-width: 100%;
    flex: 1 1 calc(100% - 24px);
    box-sizing: border-box;
  }

  .press_single-item {
    width: 100%;
    box-sizing: border-box;
  }

  .franchise-year-container h3 {
    font-size: 18px;
  }

  .top-section-banner {
    padding: 40px 0px;
  }

  .release-sect-banner {
    padding: 40px 0px;
  }

  .sec_title-banner {
    padding: 40px 0px;
  }

  .frachise_sec-banner {
    padding: 40px 0px;
  }

  .parent-row li:nth-child(4) {
    display: block;
    width: 44% !important;
  }

  .draft_player-list-details ul li {
    width: 22% !important;
  }

  .draft_player-list-details ul li {
    padding: 14px 4px 14px 12px;
  }

  .parent-row li:nth-child(8) {
    padding: 8px 0px;
  }

  .parent-row li:nth-child(8) img {
    width: 16px;
  }

  .roster-content-wrapper {
    display: flex;
    gap: 20px;
    flex-direction: column;
  }

  .roster_open-item {
    max-width: 100%;
    width: 100%;
  }

  .roster_time-block {
    padding: 4px;
  }

  .active+.roster-dropdown-content {
    max-height: fit-content;
    padding: 20px;
  }

  .roster_open-item {
    border-radius: 15px;
    border: 1px solid #FFF;
    padding: 16px;
  }

  .jersey_item {
    width: calc(50% - 15px);
  }

  .trophy_award-headline {
    display: flex;
    align-items: flex-start;
    flex-direction: column;

    gap: 24px;
    position: relative;
  }

  .season-pros {
    display: flex;
    justify-content: center;
    gap: 28px;
  }

  .list-award-item {
    display: flex;
    border-radius: 15px;
    gap: 51px;
    border: 1px solid #fff;
    padding: 25px 24px;
    flex-direction: column;
  }

  .staff-list {
    max-width: calc(50% - 14px);
  }

  /* Availabilities responsive css */
  .vidos-listing tr {
    display: flex;
    flex-direction: column;
  }

  .vidos-listing {
    padding: 20px 0px;
    border-top: 1px solid #fff;
  }

  .videos-headline {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0px 0px 20px 0px;
    gap: 12px;
  }

  .search-box {
    width: 100%;
    padding: 8px 14px;
    justify-content: space-between;
    border-radius: 10px;
    display: flex;
    align-items: center;
  }

  .search-box input {
    border: none;
    border-radius: none;
    padding: none;
  }

  .videos-listing-container {
    width: 100%;
    padding: 20px 0px;
    border: none;
  }

  .vidos-listing tbody {
    display: flex;
    flex-direction: column;
    gap: 15px;

  }
  .single-post-img-contaner{
  height: 150px;
  width: 150px;
}


  .vidos-listing thead {
    display: none;
  }

  .vidos-listing tbody tr td {

    width: 100%;

  }

  .container_wrapper {
    padding: 0px 20px;
  }

  .vidos-listing tr {
    background-color: #000 !important;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: #000;
  }

  .vidos-listing .pagination {
    justify-content: center;
  }

  .staff_img_popup {
    width: 100%;
    height: 300px;
  }

  .card-image {
    width: 100%;
    height: fit-content;
    flex-shrink: 0;
    overflow: hidden;
    display: flex;
    padding-bottom: 30px;
  }

  .archives-cards ul li {
    list-style: none;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .archives-cards-container {
    padding: 0px 64px;
  }

  .sec_title-container h1 {
    font-size: 40px !important;
  }

  .sec_title-container span {
    font-size: 40px !important;
  }

  .player_table {
    overflow-x: auto;
  }
  .player_table th, .player_table td {
    white-space: nowrap !important;
  }
  
  .search-page-cotainer .post {
      padding: 24px 0px;
      border-bottom: 1px solid #fff;
      display: flex;
      flex-direction: column;
      gap: 24px;
  }
  .post-thumb img {
      width: 100%;
      height: 500px;
      object-fit: cover;
      border-radius: 8px;
      display: block;
      border-radius: 8px;
      object-fit: cover;
  }
  .entry-title a {
      font-size: 32px;
  }
  .post-details p {
      padding-top: 8px;
      font-size: 14px;
  }
  .serach-page-container h1 {
    font-size: 40px;
  }
  .page-search-body {
      padding: 24px 0px;
  }
.staff-collection-listing{
        padding: 30px 0px 0px 0px;
    }
    .staff-collection-listing a{
        font-size: 24px;
    }
    .staff-collection-listing span{
        font-size: 24px;   
    }
    .staff-collection-listing li {
        align-items: flex-start;
    }
    .staff-collection-listing li p {
        padding-left: 0px;
        border-left: 0px;
        flex: 1;
        font-size: 16px;
    }
    .staff-members-list h3 {
    padding: 12px 12px;
    }
    .hero-highlighted-text a{
      margin: 8px 0px;
    }

}

@media screen and (max-width: 640px) {
  .player_column {
    width: 100%;
  }

  .players_tab_inner {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .players_tab-links {
    flex-wrap: nowrap;
    width: max-content;
  }

  .player_media {
    height: 400px;
  }

  /*Players Single*/
  .players_single_links {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .players_single_links ul {
    flex-wrap: nowrap;
    width: max-content;
  }

  .basicInfo_list {
    flex-wrap: wrap;
    gap: 0;
  }
  .basicInfo_list:not(:last-child) {
    margin-bottom: 20px;
  }
  .basicInfo_list li {
    width: 50%;
  }

  .basicInfo_list li:not(:last-child) {
    margin-bottom: 20px;
  }

  .basicInfo_list_two li {
    width: 100%;
  }

  .basicInfo_list_three li {
    width: 100%;
  }

  .career_stats iframe {
    height: 1100px;
  }

  .player_highs_list li {
    width: 50% !important;
  }

  .basicInfo_list li strong,
  .basicInfo_list li span {
    font-size: 16px;
  }

  /*Opponents Css*/
  .opponents_column {
    width: 100%;
  }

  /*Opponents Popup*/
  .popup_box {
    margin: 0 20px;
  }

  .popup_content {
    padding: 20px 20px;
  }

  .opponent_logo img {
    height: 80px;
  }

  .popup_content h2 {
    font-size: 36px;
  }

  .players_tab-content p {
    font-size: 16px;
  }

  .popup_content .basicInfo_list li {
    width: 100%;
  }

  .latest_transaction p {
    font-size: 16px;
  }

  .latest_transaction {
    padding-top: 30px;
    margin-top: 30px;
  }

  .popup_close {
    width: 40px;
    height: 40px;
  }
  .popup_close svg{
    width: 12px;
    height: 12px;
  }
  .latest_transaction h3 {
    font-size: 30px;
  }

  /*Media Guide*/
  .media_guide_row {
    grid-template-columns: repeat(1, 1fr);
  }

  /*Media Schedule*/
  .media_schedule_column {
    width: 100%;
  }
}


@media (max-width: 425px) {
  .jersey_item {
    width: 100%;
  }

  .staff-list {
    max-width: 100%;
  }

  .staff-img-contianer {
    width: 100%;
  }

}

/* Small tablets and larger mobile devices (481px - 768px) */
@media (max-width: 375px) {
  .single-post {
    gap: 8px;
}
.single-post .time-and-user {
  gap: 4px;
}
}

/* Game summry Css Ends here */