html {
    scroll-behavior: smooth;
  }
  
  .vdmsl-teamdetails {
      position: relative;
      margin-bottom: 50px;
      padding: 0px 15px;
  }
  
  .vdmsl-teamdetails .pe-0 {
      padding-right: 0px;
  }
  
  .vdmsl-teamdetails .p-0 {
      padding: 0px;
  }
  
  .vdmsl-teamdetails .pl-0 {
      padding-left: 0px;
  }
  
  .teamdetails {
      position: relative;
      padding: 0px 0px;
  }
  
  .teamdetails-logo-card,
  .teamdetails-card,
  .team-detail-card {
      min-height: 310px;
  }
  
  .teamdetails-logo-card {
      padding: 20px 20px;
      background: #000;
      border: 0;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .teamdetails-card {
      padding: 20px 20px;
      background: #ccc;
      border: 0;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      --space: clamp(1rem, 1.43vw + 0.71rem, 2rem);
  }
  
  .teamdetails-card h3 {
      font-size: 80px;
      font-family: "Public Sans", Arial, Helvetica, sans-serif;
      font-weight: 600;
      line-height: normal;
      margin: 0px 0px 20px;
      text-align: center;
  }
  
  .teamdetails-card .rating-value[rating-value="1"] { --star-rev: 1}
  .teamdetails-card .rating-value[rating-value="2"] { --star-rev: 2}
  .teamdetails-card .rating-value[rating-value="3"] { --star-rev: 3}
  .teamdetails-card .rating-value[rating-value="4"] { --star-rev: 4}
  .teamdetails-card .rating-value[rating-value="5"] { --star-rev: 5}
  
  .teamdetails-card .rating-value {
    --_star-size: 30px;
    --_gap: var(--space);
  
    --gap-max-size: min(var(--_gap), var(--_star-size) / 5);
    --gap-calc: calc( (var(--star-rev, 0) - 1) * var(--gap-max-size) );
  
    height: var(--_star-size);
    width: calc(var(--star-rev, 0) * var(--_star-size) + var(--gap-calc));
    background-image: 
      url(https://api.iconify.design/material-symbols:star-rounded.svg?color=%23000);
    background-repeat: space no-repeat;
    background-size: var(--_star-size);
  }
  
  .team-detail-card {
    padding: 20px 20px;
    background: #000;
    border: 0;
    max-height: 310px;
    color: #fff;
    overflow: auto;
  } 

    .team-detail-card::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .team-detail-card::-webkit-scrollbar {
	    width: 6px;
	    background-color: #F5F5F5;
    }

    .team-detail-card::-webkit-scrollbar-thumb {
	    background-color: #d8b35a;
    }
  
  .team-detail-card p {
      font-family: "Public Sans", Arial, Helvetica, sans-serif;
      font-size: 16px;
      font-weight: 500;
      line-height: 25px;
      margin: 0px 0px 15px;
      color: #fff;
  }
  
  .team-detail-card p:last-child {
      margin: 0px 0px 0px;
  }
  
  .vdmsl-trophyslide {
      position: relative;
      padding: 40px 0px;
      overflow: hidden;
  }
  
  .swiper-trophyslide {
      position: relative;
  }
  
  .trophyslide-card {
      background: #fff;
      padding: 20px 20px;
      border: 0;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
  }
  
  .trophyslide-card h4 {
      font-family: "Public Sans", Arial, Helvetica, sans-serif;
      font-size: 25px;
      font-weight: 600;
      line-height: 40px;
      margin: 0px 0px;
      color: #222;
      max-width: 50%;
      text-align: center;
  }
  
  .trophy-icon svg {
      width: 150px;
      height: 150px;
      margin-bottom: 10px;
      fill: #ccc;
  }
  
  .swiper-button-next:after, .swiper-button-prev:after {
      content: '' !important;
  }
  
  .trophyslide-prev {
      transform: rotate(180deg);
  }
  
  .trophyslide-prev svg,
  .trophyslide-next svg {
      width: 30px !important;
      height: 30px !important;
      fill: #ddb967;
  }
  
  .custom-tabs {
      display: none;
  }
  
  .custom-tabs-title {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
  }
  
  .custom-tabs-title span {
      display: inline-block;
      width: 70px;
  }
  
  .custom-tabs-title h3 {
      font-size: 20px;
      font-family: "Public Sans", Arial, Helvetica, sans-serif;
      font-weight: 600;
      line-height: normal;
      margin: 0px 0px 0px;
      color: #fff;
  }
  
  .custom-tabs {
      padding: 10px 10px;
      background: #000;
  }
  
  .custom-tabs ul {
      margin: 0px 0px;
      padding: 0px 0px;
      list-style: none;
  }
  
  .custom-tabs ul li {
      display: inline-block;
      margin: 0px 15px;
      padding: 0px 0px;
      font-size: 16px;
      line-height: 25px;
      font-weight: 600;
      color: #fff;
      position: relative;
  }
  
  .custom-tabs ul li a {
      color: #fff;
  }
  
  .custom-tabs ul li.active:before {
      content: '';
      width: 80%;
      height: 2px;
      border-radius: 50px;
      background: #ddb967;
      position: absolute;
      left: 50%;
      /* right: 0; */
      bottom: -5px;
      transform: translate(-50%, -50%);
  }
  
  .custom-title h3 {
      font-size: 40px;
      font-family: "Public Sans", Arial, Helvetica, sans-serif;
      font-weight: 600;
      line-height: normal;
      margin: 0px 0px 20px;
      text-transform: capitalize;
  }
  
  .custom-tabs {
      position: sticky;
      top: 0; /* Sticks to the top when scrolling */
      z-index: 1000; /* Keeps it above other content */
  }

  .vdmsl-teambanner {
    text-align: center;
  }
  
  .sp-event-performance .sp-performance-icons .sp-icon-shoe {
    color: #ddb967 !important
}

.sp-event-performance .sp-performance-icons .sp-icon-soccerball {
    color: #ddb967 !important
}

  @media (max-width: 992px) {
      .custom-tabs {
          display: block;
          width: 100%;
      }
  
      .trophyslide-card h4 {
          font-size: 20px;
          line-height: 30px;
          max-width: 100%;
      }
  
      .sp-fixtures-results {
          width: 100%;
      }
  
      .player-list {
          width: 100%;
      }
  
      .teamdetails-logo-card, .teamdetails-card, .team-detail-card {
          min-height: auto;
      }
  
      .teamdetails-card {
          padding: 50px 20px;
      }
  
      .teamdetails-card h3 {
          font-size: 60px;
      }
  
      .team-detail-card {
          padding: 50px 20px;
      }
  }
  
  @media (max-width: 767px) {
  
      .teamdetails-logo-card, .teamdetails-card, .team-detail-card {
          min-height: 250px;
      }
  
      .vdmsl-teamdetails {
          width: 100%;
      }
  
      .custom-title h3 {
          font-size: 30px;
      }
  
      .teamdetails-card h3 {
          font-size: 40px;
          margin: 0px 0px 10px;
      }
  
      .custom-tabs ul {
          white-space: nowrap;
          overflow: hidden;
          overflow-x: auto;
      }
  
      .teamdetails-card {
          padding: 20px 20px;
      }
  
      .team-detail-card {
          padding: 20px 20px;
      }
  } 

.sp-header.sp-header-loaded {
    display: none;
}

.sp-section-content-timeline .sp-template-event-timeline .sp-timeline hr {
    width: calc(100% - 50px);
    margin: 0 auto !important;
}