.splide__pagination{
    position: relative;
    margin-top: 16px;
}
.splide__pagination__page.is-active{
    background-color: #f00 ;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
 font-family: "Montserrat", sans-serif;
}
/* Главный заголовок (Anton) */
h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-weight: 400; /* Anton всегда выглядит Bold */
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Подзаголовки (Montserrat) */
h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 28px;
  font-weight: 600;
}

h3 {
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  font-weight: 500;
}
h4 {
 font-family: "Montserrat", sans-serif;

  font-size: 20px;
  font-weight: 500;
}
h6 {
  font-size: 18px;
}

p {
   font-family: "Montserrat", sans-serif;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 8px;
  color: #2f2f2f;

}
 .ellipsis-multiline {
     display: -webkit-box;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
  
}
.ellipsis{
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
  
}
.ellipsis-two-line{
    display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .header {
     box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.6);
     background: #fff;
}
 .container {
     position: relative;
     margin-right: auto;
     margin-left: auto;
     max-width: 1440px;
     padding: 0 15px;
}
 .header__wrap {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-bottom: 15px;
     padding-top: 15px;
}
 .main {
     flex: auto;
}
 .footer__wrap {
     padding-bottom: 30px;
     padding-top: 30px;
}
 .logo__link {
     max-width: 150px;
     display: block;
}
 .w-100 {
     width: 100%;
     -o-object-fit: cover;
        object-fit: cover;
}
 .nav {
     align-items: center;
     display: flex;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
 .nav__link {
     text-decoration: none;
     color: rgb(0, 0, 0);
     font-weight: 400;
     font-size: 16px;
     transition: 0.3s all;
     text-transform: uppercase;
     cursor: pointer;
     padding-bottom: 10px;
     border-style: solid;
     border-width: 0;
     border-bottom-width: medium;
     border-bottom-color: rgba(0, 0, 0, 0);
     font-size: 14px;
}
 .nav__link:hover {
     color: rgb(60, 179, 195);
     border-bottom-color: rgb(60, 179, 195);
}
.nav{
    display: flex;
    flex-direction: column;
    align-items:flex-start;
    padding: 12px;
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 32px;
    
}
.nav-btns{
    display: flex;
    gap: 12px;
}
.nav-btns a, .nav-btns span{
    color: #9b9b9b;
    font-size: 14px;
}
.nav-btn.nav-btn-active{
    color: #151515;
  
}
 .section {
     padding-bottom: 15px;
     padding-top: 15px;
}
.main-latest-news-link{
    border: 1px solid #ddd;
}
.main-latest-news-cards{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}
.main-latest-news-linkimg-wrapp-desc{
    padding: 0 12px 12px 12px;
}
.main-latest-news-linkimg-wrapp{
    height: 200px;
    overflow: hidden;
}
.main-latest-news-linkimg-img{
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
        transition: 0.3s all;
}
.main-latest-news-link h3{
    text-transform: capitalize;
    color: #151515;
    transition: 0.3s all;
    
}
.main-latest-news-linkimg-img:hover{
    transform: scale(1.1);
   
}

 .news__block {
     margin-bottom: 32px;
}
 .news__block-item {
     position: relative;
     display: block;
     width: 100%;
}
 .news__block-item-img {
     width: 100%;
     -o-object-fit: cover;
        object-fit: cover;
     height: 100%;
}
 .news__block-item-desc {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
     transition: 0.3s all;
     cursor: pointer;
     padding: 10px;
}
.news__block-item-desc p{
color: #9b9b9b;
}

 .news__block-item-desc:hover {
     opacity: 0.7;
}
 .c-white {
     color: rgb(255, 255, 255);
}
 .mb-0 {
     margin-bottom: 0;
}
.mb-8{
    margin-bottom: 8px;
}
 .news__block-items {
     display: flex;
     grid-gap: 16px;
}
 .p-4 {
     padding-bottom: 16px;
     padding-left: 16px;
     padding-right: 16px;
     padding-top: 16px;
}
 .text-center {
     text-align: center;
     margin-bottom: 8px;
}
 .uppercase {
     text-transform: uppercase;
}
 .c-black {
     color: rgb(0, 0, 0);
}
 .underline-none {
     text-decoration: none;
}
 .semi-bold {
     font-weight: 600;
     text-transform: capitalize;
}
 .team {
     align-items: center;
     display: flex;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.achiv_card{
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.team_achiv-img{
    height: 250px;
    margin-bottom: 12px;
 
}
 .icon-50 {
     width: 50px;
     height: 50px;
}
 .mb-6 {
     margin-bottom: 24px;
}
.mb-32{
margin-bottom: 32px;
}
 .footer__items {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
}
 .bg__black {
     background-color: rgb(82, 82, 82);
}
 .footer__item {
     color: rgb(255, 255, 255);
}
 .footer__links {
     display: flex;
     flex-direction: column;
     row-gap: 6px;
}
 .footer__link {
     font-weight: 600;
     cursor: pointer;
}
 .footer__link:hover {
     opacity: 0.7;
}
 .matches__item {
     align-items: center;
     cursor: pointer;
     display: grid;
     transition: 0.3s all;
     grid-template-columns: 1fr 2fr;
     grid-gap: 24px;
     padding-bottom: 12px;
     padding-left: 12px;
     padding-right: 12px;
     padding-top: 12px;
     box-shadow: 0px 0px 10px 0px rgb(218, 218, 218);
     border: 1px solid #ddd;
     border-radius: 12px;
}
 .matches__item:hover {
     background-color: rgb(235, 235, 235);
}
 .relative {
     position: relative;
}
 .matches__item-img {
     -o-object-fit: cover;
        object-fit: cover;
     height: 100%;
     width: 100%;
}
 .bg__black-grad-abs {
     align-items: flex-start;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding-bottom: 10px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 10px;
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     transition: 0.3s all;
     z-index: 2;
}
 .bg__black-grad-abs:hover {
     opacity: 0.7;
}
 .video-play {
     width: 40px;
     height: 40px;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     z-index: 1;
}
 .video-post-small{
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}
 .font-20 {
     font-size: 20px;
}
 .enter__btn {
     background-color: rgb(255, 0, 0);
     color: rgb(255, 255, 255);
     text-align: center;
     padding-top: 6px;
     padding-bottom: 6px;
     padding-left: 10px;
     padding-right: 10px;
     font-weight: 600;
     transition: 0.3s all;
     border-radius: 8px;
     cursor: pointer;
     text-decoration: none;
}
 .enter__btn:hover {
     background-color:#bc0000;
}

 .h-100 {
     height: 100%;
}
 .mb-4 {
     margin-bottom: 16px;
}
 .game__table-head-fr {
     padding-bottom: 16px;
     padding-left: 16px;
     padding-right: 16px;
     padding-top: 16px;
     border-width: thin;
     border-color: rgb(255, 0, 0);
     border-style: solid;
     border-top-width: 0;
     border-right-width: 0;
     border-left-width: 0;
}
 .table-row-sm-fr {
     padding-bottom: 8px;
     padding-left: 8px;
     padding-right: 8px;
     padding-top: 8px;
     border-style: solid;
     border-color: rgb(240, 240, 240);
     border-width: 2px;
     border-top-width: 0;
     border-right-width: 0;
     border-left-width: 0;
     transition: 0.3s all;
}
 .table-row-sm-fr:hover {
     background-color: rgb(255, 255, 255);
}
 .game__table-head-fr-2 {
     padding-top: 8px;
     padding-right: 8px;
     padding-left: 8px;
     padding-bottom: 8px;
}
 .icon-30 {
     height: 30px;
     width: 30px;
}
 .competion-table__head {
     display: grid;
     grid-template-columns: 7fr 1fr 1fr 1fr 1fr 1fr;
     grid-gap: 4px;
}
 .competion__row {
     grid-template-columns: 7fr 1fr 1fr 1fr 1fr 1fr;
     display: grid;
     grid-gap: 4px;
     align-items: center;
     transition: 0.3s all;
     cursor: pointer;
     border-bottom:1px solid #ddd;
}
 .competion__row:hover {
     background-color: rgb(240, 240, 240);
}
 .competion__row-first {
     display: flex;
     align-items: center;
     -moz-column-gap: 6px;
          column-gap: 6px;
}
.competion__row-first p{
    transition:0.3s all;
}
.competion__row-first p:hover{
       color: rgb(255, 0, 0);
}
 .teams {
     align-items: center;
     display: flex;
     justify-content: center;
     row-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
     flex-wrap: wrap;
}
 .content-aside {
     display: grid;
     grid-template-columns: 2fr 1fr;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
 .full_table {
     display: flex;
     justify-content: flex-end;
     transition: 0.3s all;
}
 .full_table:hover {
     color: #3cb3c3;
}
 .h-80 {
     height: 80px;
}
 .header-list {
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
     display: flex;
     grid-gap: 24px;
}
 .main-news-content {
     display: grid;
     grid-template-columns: 1fr 2fr 1fr;
     grid-gap: 24px;
     background: #fff;
     padding-bottom: 24px;
     padding-left: 24px;
     padding-top: 24px;
     padding-right: 24px;
     border-radius: 12px;
     height: 100%;
     max-height: 100%;
}
 .main-news-content-l {
     height: 100%;
     max-height: 100%;
     display: flex;
     flex-direction: column;
}
 .main-news-content-l-list {
     display: flex;
     flex-direction: column;
     max-height: 100%;
     height: 100%;
     justify-content: space-between;
}
 .main-news-content-l-link {
     display: grid;
     align-items: center;
     grid-gap: 12px;
     padding-bottom: 12px;
     padding-left: 12px;
     padding-right: 12px;
     padding-top: 12px;
     border-style: solid;
     border-width: 0;
     border-bottom-width: 1px;
     border-bottom-color: rgb(189, 189, 189);
     transition: 0.3s all;
     grid-template-columns: 1fr 2fr;
}
 .main-news-content-l-link:hover {
     box-shadow: 0px 0px 10px 0px rgb(156, 156, 156);
}
 .res-list {
     list-style: none;
     padding-left: 0;
     margin-bottom: 0;
}
 .news-link-img {
     height: 100px;
     width: 120px;
}
 .resl-link {
     text-decoration: none;
     color: rgb(21, 21, 21);
}
 .news-link-text-desc {
     color: rgb(42, 42, 42);
     font-size: 13px;
}
 .news-link-text-label {
  margin-bottom: 8px;
     font-size: 18px;
     transition: 0.3s all;
}
 .news-link-text-label:hover {
     color: rgb(60, 179, 195);
}
 .content-center-big-card {
     position: relative;
     display: flex;
     color: rgb(255, 255, 255);
}
 .content-center-big-card-overlay {
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.37);
     display: flex;
     position: absolute;
}
 .qual-rev {
     display: flex;
     align-items: center;
     grid-gap: 12px;
     position: absolute;
     top: 10px;
     right: 10px;
}
 .col-white {
     color: rgb(255, 255, 255);
}
 .content-center-big-card-overlay-text {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-end;
     padding-bottom: 12px;
     padding-left: 12px;
}
 .big-card-title {
     padding-bottom: 6px;
     padding: 6px 12px;
     color: rgb(255, 255, 255);
     background: #e5192c;
     font-size: 12px;
}
 .main-news-center-cards, .videos-cards {
     display: flex;
     grid-gap: 16px;
     border-width: 0;
     border-bottom-color: rgb(186, 186, 186);
}
.videos_top.grid-2{
    gap: 16px;
}
 .main-news-center-card-img {
     position: relative;
     height: 180px;
}
 .main-news-center-card {
     display: flex;
     flex-direction: column;
     grid-gap: 12px;
     width: 100%;
     padding-bottom: 12px;
     padding-left: 12px;
     padding-right: 12px;
     padding-top: 12px;
     transition: 0.3s all;
     border-style: solid;
     border-width: 1px;
     border-color: rgb(206, 206, 206);
}
 .main-news-center-card:hover {
     box-shadow: 0px 0px 10px 0px rgb(178, 178, 178);
     color: rgb(60, 179, 195);
}
 .mb-16 {
     margin-bottom: 16px;
}
 .main-news-content-r {
     flex-direction: column;
     display: flex;
}
 .flex {
     display: flex;
}
 .gap-16 {
     grid-gap: 16px;
}
 .pt-b-40 {
     padding-bottom: 40px;
     padding-top: 40px;
}
 .main-match {
     border-radius: 12px;
}
 .main-match-cards {
     grid-template-columns: 1fr 1fr;
     display: grid;
     grid-gap: 16px;
}
 .contain {
     -o-object-fit: contain;
        object-fit: contain;
}
 .matches__item-team {
     display: flex;
     align-items: flex-end;
    
     white-space: nowrap;
     grid-gap: 12px;
}
.matches__item-team p{
     font-size: 16px;
     font-weight: 600;
}
.breadcrumbs{
    display: flex;
    align-items: center;
    gap: 16px;
     font-size: 14px;
}
.col-light-gray{
    color: #9b9b9b;
   
}
 
 .al-center {
     align-items: center;
     display: flex;
}
 .match-score {
     font-size: 18px;
     white-space: nowrap;
     display: flex;
     grid-gap: 12px;
}
 .revers {
     flex-direction: row-reverse;
}
 .just-betwen {
     justify-content: space-between;
}
 .title {
     text-transform: uppercase;
}
.sub-title{
    font-size: 18px;
    text-transform: uppercase;
    color: #494949;
}
.sub-title-img{
    width: 30px;
    height: 30px;
}
 .title-wrapp {
     display: flex;
     align-items: center;
     grid-gap: 12px;
}
 .bg-main {
     background-color: rgb(231, 231, 231);
     min-height: 100dvh;
    /* новые браузеры */
     min-height: 100vh;
    /* запасной вариант */
     display: flex;
     flex-direction: column;
}
 main.container {
     flex: 1 0 auto;
}
.no-scroll{
    overflow: hidden;
}
 .bg-white {
     background: #fff;
     padding-bottom: 24px;
     padding-left: 24px;
     padding-right: 24px;
     padding-top: 24px;
     border-radius: 12px;
}
 .icon-40 {
     height: 40px;
     width: 40px;
}
  .main-team-cards, .main-player-cards,.team-cards {
     display: grid;
     grid-gap: 16px;
  
     grid-template-columns: 1fr 1fr 1fr;
}
.team-cards{
    display: none;
}
.team-cards.active {
  display: grid; 
}

.teams-content .main-team-cards{
display: none;
     grid-template-columns: 1fr 1fr 1fr;
     gap: 16px;

}
.btn-teams.active {
  border-bottom: 2px solid #3cb3c3;
  color: #3cb3c3;
}
.main-team-cards.active{
    display: grid;
}
 .main-team-link {
     display: flex;
     flex-direction: column;
     color: rgb(38, 38, 38);
     border-style: solid;
     border-color: rgb(60, 179, 195);
     border-width: 1px;
     padding-bottom: 12px;
     border-radius: 12px;
     width: 100%;
     transition: 0.3s all;
}
 .main-team-link:hover {
     box-shadow: 0px 0px 10px 0px rgb(173, 173, 173);
     transform: translateY(-10px);
}
 .main-team-linkimg-wrapp {
     background: #3cb3c3;
     display: flex;
     justify-content: center;
     padding-left: 12px;
     padding-right: 12px;
     padding-top: 12px;
     border-radius: 12px 12px 0px 0px;
}
 .h-120 {
     height: 120px;
}
 .main-teams-link-info {
     display: flex;
     grid-gap: 12px;
     padding-left: 12px;
     padding-right: 12px;
}
 .main-teams-link-info-box {
     padding-bottom: 6px;
     padding-left: 12px;
     padding-right: 12px;
     padding-top: 6px;
     border-style: solid;
     border-width: 0;
     border-right-width: 1px;
     border-right-color: rgb(186, 186, 186);
     width: 100%;
}
.main-teams-link-info-box h6{
    font-weight: 600;
}
.main-teams-link-info-box .capitalize{
    font-size: 12px;
    color: #9b9b9b;
}
 .capitalize {
     text-transform: capitalize;
}
 .border-0 {
     border-width: 0;
}
 .just-center {
     justify-content: center;
     display: flex;
}
 .h-300 {
     height: 300px;
     -o-object-fit: contain;
        object-fit: contain;
}
 .p-b-12 {
     padding-bottom: 12px;
}
 .active-link {
     color: rgb(60, 179, 195);
     border-bottom-color: rgb(60, 179, 195);
}
 .gap-12 {
     grid-gap: 12px;
}
 .pt-40 {
     padding-top: 32px;
}
 .pb-40 {
     padding-bottom: 40px;
}
 .flex-col {
     display: flex;
     flex-direction: column;
}
 .gap-24 {
     grid-gap: 24px;
}
 .btn-more {
     color: rgb(60, 179, 195);
     padding-bottom: 12px;
     padding-left: 24px;
     padding-right: 24px;
     padding-top: 12px;
     border-style: solid;
     border-width: 1px;
     border-color: rgb(60, 179, 195);
     border-radius: 12px;
     transition: 0.3s all;
}
 .btn-more:hover {
     color: rgb(40, 124, 135);
     border-color: rgb(40, 124, 135);
}
 .col-win {
     color: rgb(0, 187, 3);
     font-weight: 700;
}
 /* Кастомный селект */
    .custom-select {
      position: relative;
      width: 127px;
      user-select: none;
    }
    .select-selected {
      background-color: #e2e2e2;
      padding: 10px;
      border-radius: 8px;
      cursor: pointer;
      font-size: 14px;
    }
    .custom-select:first-child{
        width: 200px;
    }
    .select-selected:after {
      content: "▼";
      position: absolute;
      right: 10px;
      top: 12px;
      font-size: 12px;
      pointer-events: none;
    }
    .select-items {
      position: absolute;
      background-color: #e2e2e2;
     
      border-radius: 8px;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 99;
      display: none;
      max-height: 200px;
      overflow-y: auto;
    }

    .select-items div {
      padding: 10px;
      cursor: pointer;
      position: relative;
       border-bottom:1px solid #ccc;
       font-size: 12px;

    }
    .select-item {
  position: relative;
  padding-right: 20px; /* место под индикатор */
}

.match-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

    .select-items div:hover {
      background-color: #3cb3c3;
      color:#fff;
    }
    .custom-select.open .select-items {
      display: block;
    }

    /* Индикатор матча в списке дней */
    .has-match-indicator::after {
      content: "●";
      color: #ff5252;
      font-size: 12px;
      position: absolute;
      right: 8px;
      top: 50%;
      transform: translateY(-50%);
    }

    .selected-info {
      margin-top: 5px;
      font-size: 18px;
      font-weight: bold;
      color: #030303;
      margin-bottom: 16px;
    }
    #toTopBtn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none; /* скрыта по умолчанию */
  padding: 10px 15px;
  font-size: 18px;
  border: none;
  border-radius: 8px;
  background: #3cb3c3;
  color: rgb(0, 0, 0);
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

#toTopBtn.show {
  display: block;
  opacity: 0.8;
}

#toTopBtn:active {
  opacity: 1;
}

  
    .match {
      margin-bottom: 8px;
      padding: 6px;
      border-bottom: 1px solid #444;
    }
    .filters {
      display: flex;
      flex-wrap: wrap;
     
      gap: 15px;
      margin-bottom: 15px;
    }
 .calendar-nav {
     display: flex;
     justify-content: space-between;
     grid-gap: 24px;
}
 .contact-nav{
     display: grid;
     grid-template-columns: 1fr;
     grid-gap: 24px;
}
 .calendar_dates {
     display: flex;
     gap: 12px;
     overflow-x: scroll;
}
 .calendar_dates::-webkit-scrollbar {
     display: none;
}
 .active-calendar {
     background: #3cb3c3;
     color: rgb(255, 255, 255);
}
 .review-top {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-gap: 32px;
}
 .review-top-r {
     display: flex;
     grid-gap: 24px;
     font-size: 20px;
     color: rgb(121, 121, 121);
     justify-content: center;
}
 .fz-32 {
     font-size: 32px;
}
 .review-top-players {
     align-items: flex-end;
     display: flex;
     flex-direction: column;
     grid-gap: 12px;
}
 .review-top-players-link {
     color: rgb(13, 13, 13);
     display: flex;
     align-items: center;
     grid-gap: 12px;
}
.review-top-players-link .icon-30{
    width: 20px;
    height: 20px;
}
 .review-top-players-link-name, .review-top-players-link h5 {
     font-size: 12px;
     color: #777777;
}
.review-top .uppercase{
    font-weight: 600;
}

 .al-start {
     align-items: flex-start;
}
 .review-top-contantent {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 24px;
}
 .review-top-contantent-link {
     color: rgb(0, 0, 0);
     display: flex;
     align-items: center;
     grid-gap: 16px;
}
 .h-40 {
     height: 40px;
}
 .h-500 {
     height: 500px;
     -o-object-fit: cover;
        object-fit: cover;
}
 .pb-0 {
     padding-bottom: 0;
}
 .just-around {
     justify-content: space-around;
}
 .hover-col {
     transition: 0.3s all;
}
 .hover-col:hover {
     color: rgb(60, 179, 195);
}
 .btn-teams {
     padding-bottom: 12px;
     padding-left: 24px;
     padding-right: 24px;
     padding-top: 12px;
     display: flex;
     align-items: center;
     grid-gap: 12px;
     border-style: solid;
     border-width: 1px;
     border-radius: 12px;
     transition: 0.3s all;
     width: 100%;
     justify-content: center;
}
 .btn-teams:hover {
     border-color: rgb(60, 179, 195);
}
 .team-table-row {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding-bottom: 12px;
     padding-top: 12px;
     font-size: 18px;
     font-weight: 600;
     border-style: solid;
     border-width: 0;
     border-bottom-width: 1px;
     border-bottom-color: rgb(193, 193, 193);
}
 .ri7g198b{
     width: 70px;
     text-align: right;
}
.contact-form label {
  display: block;
  margin-bottom: 6px;
font-size: 12px;
}
.privacy ol {
list-style: decimal;
  padding-left: 20px;
  color: #282828;
}
.privacy ul {
  list-style: disc;
    padding-left: 20px;
  }
  .privacy h2{
    text-align: center;
    color: #ffffff;
    margin-bottom: 16px;
  }
 
 
  .contact-info-privacy{
display: flex;
flex-direction: column;
gap: 8px;
  }
  .privacy ol>li{
    margin-bottom: 32px;
  }
  .privacy li{
    margin-bottom: 8px;
  }

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color 0.3s ease;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #3cb3c3;
  outline: none;
}
.contacts-box{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
}

.contact-form button {
  width: 100%;
  padding: 12px;
  background: #3cb3c3;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.contact-form button:hover {
  background: #308b99;
}
 .team-top {
     display: flex;
     align-items: center;
     padding-bottom: 12px;
     padding-left: 12px;
     padding-right: 12px;
     padding-top: 12px;
     border-style: solid;
     border-radius: 12px;
     border-width: 1px;
     border-color: rgb(193, 193, 193);
}
 .team-top-info {
     display: flex;
     flex-direction: column;
     grid-gap: 16px;
}
 .team-top-info-box {
     display: flex;
     flex-direction: column;
}
 .team-top-stats-content {
     display: flex;
     flex-direction: column;
     padding-left: 12px;
     padding-right: 24px;
     grid-gap: 12px;
     border-style: solid;
     border-width: 0;
     border-right-width: 1px;
     border-right-color: rgb(238, 238, 238);
}
.team-top-stats-content .fz-24{
font-size: 18px;
}
.team-top-stats-content .col-gray, .team-top-stats-content .font-20, .team-top-info .font-20{
    font-size: 13px;
}

 .h-200 {
     height: 200px;
}
 .team-img {
     background: #3cb3c3;
     padding-bottom: 24px;
     padding-left: 48px;
     padding-right: 48px;
     padding-top: 24px;
     border-radius: 50%;
}
 .col-gray {
     color: rgb(152, 152, 152);
}
 .fz-24 {
     font-size: 24px;
}
 .fw-600 {
     font-weight: 600;
}
 .pagination {
     display: flex;
     align-items: center;
     justify-content: center;
     grid-gap: 12px;
     font-size: 24px;
}
 .pagination-link {
     padding-bottom: 6px;
     padding-left: 12px;
     padding-right: 12px;
     padding-top: 6px;
     box-shadow: 0px 0px 10px 0px rgb(213, 213, 213);
     transition: 0.3s all;
}
 .pagination-link:hover {
     color: rgb(255, 255, 255);
     background: #3cb3c3;
}
 .pagination-link-active {
     background: #3cb3c3;
     color: rgb(255, 255, 255);
}
 .grid-2 {
     display: grid;
     grid-template-columns: 2fr 1fr;
     grid-gap: 24px;
}
 .pl-0 {
     padding-left: 0;
}
 .scroll {
     position: sticky;
     top: 0;
}
/* Burger */
 .menu-burger {
     width: 30px;
     height: 20px;
     background-color: transparent;
     cursor: pointer;
     border: none;
     padding: 0;
     z-index: 100;
     position: relative;
}
 .menu-burger::after, .menu-burger::before {
     content: "";
     position: absolute;
     left: 0;
}
 .menu-burger::before {
     top: 0;
     transition: transform 0.3s, top 0.3s 0.3s;
}
 .menu-burger::after {
     bottom: 0;
     transition: transform 0.3s, bottom 0.3s 0.3s;
}
 .menu-burger__line, .menu-burger::after, .menu-burger::before {
     display: block;
     width: 100%;
     border-radius: 10px;
     height: 2px;
     background-color: #100f0f;
}
 .menu-burger--active .menu-burger__line {
     display: none;
}
 .menu-burger--active::before {
     transform: translateY(-50%) rotate(45deg);
     top: 50%;
     transition: top 0.3s, transform 0.3s 0.3s;
}
 .menu-burger--active::after {
     transform: translateY(50%) rotate(-45deg);
     bottom: 50%;
     transition: bottom 0.3s, transform 0.3s 0.3s;
}
 .menu-burger {
     display: none;
}
 .burger_overlay {
     position: fixed;
     inset: 0;
     background: rgba(0, 0, 0, 0.5);
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.3s ease;
     z-index: 99;
}
 .burger_overlay--active {
     opacity: 1;
     pointer-events: auto;
}
 .pagination-dots {
     text-align: center;
     margin-top: 12px;
     display: none;
    /* по умолчанию скрыта */
}
 .pagination-dots button {
     border: none;
     background-color: #ccc;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     margin: 0 6px;
     cursor: pointer;
     transition: background-color 0.3s;
}
 .pagination-dots button.active {
     background-color: #f00;
}
/* TABLE */
 .league-table {
     width: 100%;
     border-collapse: collapse;
     background-color: #ddd;
}
 .league-table__wrap {

     width: 100%;
     border: 1px solid rgb(209, 209, 209);
     border-radius: 12px;
     overflow-x: auto;
    /* Добавляем горизонтальную прокрутку */
     -webkit-overflow-scrolling: touch;
    /* Для улучшения прокрутки на мобильных устройствах */
     background-color: #fff;
}
/* Заголовок таблицы */
 .league-table__header {
     background-color: #fff;
     color: #1d1c1c;
     border-bottom: 1px solid rgb(255, 0, 0);
}
 .league-table__header .league-table__row .league-table__cell:nth-child(2) {
     text-align: start;
}
 .league-table__body {
     background-color: #fff;
}
 .league-table__row {
     transition: background-color 0.3s ease;
     position: relative;
}
 .league-table__body .league-table__row {
     border-bottom: 1px solid #ddd;
}
 .league-table__body .league-table__row:hover {
     background-color: #e3e3e3c4;
}
 .league-table__cell {
     padding: 12px;
     text-align: center;
}
/* Стилизация для заголовков */
 .league-table__header th {
     font-weight: bold;
     text-transform: uppercase;
}
 .league-table__team {
     display: flex;
     align-items: center;
     gap: 8px;
     flex-grow: 1;
     text-transform: capitalize;
     font-weight: 700;
     transition: color 0.3s ease;
     text-align: left;
     color: #151515;
     text-decoration: none;
}
 .league-table__team:hover {
     color: #005eb8;
}
 .league-table__logo {
     height: 32px;
     width: 32px;
     -o-object-fit: contain;
        object-fit: contain;
}
/* Стили для полосы прокрутки */
 .league-table__wrap {
     width: 100%;
     overflow-x: auto;
    /* Горизонтальная прокрутка */
     -webkit-overflow-scrolling: touch;
}
/* Изменение внешнего вида полосы прокрутки */
 .league-table__wrap::-webkit-scrollbar {
     height: 10px;
    /* Высота полосы прокрутки */
}
/* Ползунок полосы прокрутки */
 .league-table__wrap::-webkit-scrollbar-thumb {
     background-color: rgb(255, 0, 0);
    /* Например, красный цвет для ползунка */
}
/* Фон полосы прокрутки */
 .league-table__wrap::-webkit-scrollbar-track {
     background-color: #ffffff;
    /* Светлый фон для полосы прокрутки */
}
.league-table__row td:first-child {
     position: sticky;
     left: 0;
     background: #fff;
}
 .league-table__header th:first-child {
     position: sticky;
     left: 0;
     background-color: #fff;
     border-bottom: 1px solid rgb(255, 0, 0);
}
 .league-table__header th:first-child {
     position: sticky;
     min-width: 50px;
     left: 0;
     top: 0;
     bottom: 0;
     background-color: #fff;
     border-bottom: 1px solid rgb(255, 0, 0);
}
 .league-table__header th:nth-child(2) {
     position: sticky;
   
     left: 50px;
     top: 0;
     bottom: 0;
     background-color: #fff;
}
 .league-table__row td:first-child {
     position: sticky;
     min-width: 50px;
     left: 0;
     top: 0;
     bottom: 0;
     background-color: #fff;
}
 .league-table__row td:nth-child(2) {
     position: sticky;
    
     padding-right: 12px;
     left: 50px;
     top: 0;
     bottom: 0;
     background-color: #fff;
}
/* Адаптивность для мобильных экранов */
 @media (max-width: 992px) {
     .league-table__cell {
         padding: 8px;
        /* Уменьшаем отступы для мобильных */
         font-size: 0.9rem;
        /* Уменьшаем размер шрифта */
    }
     .league-table__logo {
         height: 24px;
         width: 24px;
        /* Уменьшаем логотип на маленьких экранах */
    }
}
/* Адаптивность для мобильных экранов */
 @media (max-width: 992px) {
     .league-table__cell {
         padding: 8px;
        /* Уменьшаем отступы для мобильных */
         font-size: 0.9rem;
        /* Уменьшаем размер шрифта */
    }
     .league-table__logo {
         height: 24px;
         width: 24px;
        /* Уменьшаем логотип на маленьких экранах */
    }
}
/* game statistic =================================================================== */
 .game-stat {
     background: #fff;
     overflow: hidden;
     border-radius: 5px;
}
 .game-stat__item:not(:last-child) {
     border-bottom: 1px solid #f4f2f6;
}
 .game-stat__item:last-child {
     border-bottom-width: 0;
}
 .item-game-stat {
     padding: 0.75rem;
}
 .item-game-stat__top {
     display: flex;
     -moz-column-gap: 20px;
     column-gap: 20px;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 10px;
}
 .item-game-stat__value {
     width: 50px;
     text-align: center;
     font-size: 16px;
     font-weight: 600;
     line-height: 100%;
     color: rgb(0, 0, 0);
}
.line {
  transform: scaleX(0);
  transform-origin: left; /* чтобы линия заполнялась слева направо */
  transition: transform 1s ease-in-out; /* плавная анимация */
}

.line.team1 {
  background: #004b90; /* пример для первой команды */
  height: 10px;
 
}

.line.team2 {
  background: #c20000; /* пример для второй команды */
  height: 10px;
 
}

 .item-game-stat__label {
     font-weight: 600;
     font-size: 16px;
     text-align: center;
     line-height: 100%;
}
 .item-game-stat__row {
     display: grid;
     -moz-column-gap: 5px;
     column-gap: 5px;
     grid-template-columns: 1fr 1fr;
}
 .item-game-stat__line {
     height: 12px;
     background: #c20000;
}
 .item-game-stat__line:last-child {
     background-color: #004b90;
}
/* MEDIA */
 @media (max-width: 1300px) {
   
     .main-news-content-l-list li:last-child {
         display: none;
    }
     .main-news-content-l-list {
         justify-content: flex-start;
    }
}
 @media (max-width: 1200px) {
     .main-news-content-l {
         display: none;
    }
     .main-news-content {
         grid-template-columns: 2fr 1fr;
    }
     .main-teams {
         overflow: hidden;
    }
     .main-team-cards, .main-player-cards {
         overflow-x: scroll;
    }
     .main-team-cards::-webkit-scrollbar, .main-player-cards::-webkit-scrollbar {
         display: none;
    }
     .matches__item {
         grid-template-columns: 1fr;
    }
     .matches__item_video {
         height: 200px;
    }
     .player_cards{
         overflow-x: scroll;
    }
}
 @media (max-width: 1110px) {
     
     .content-aside {
         grid-template-columns: 1fr;
    }
    .content_team{
        
        margin-bottom: 32px;
    }
     .content-player{
         grid-template-columns: 2fr 1fr;
    }
     .team-top{
         justify-content: space-around;
    }
     .contact-nav{
         grid-template-columns: 1fr 1fr;
    }
     .btn-teams:last-child{
         grid-column: 1/ -1;
    }
}
 @media (max-width: 1030px) {
     .menu-burger {
         display: block;
    }
     .header_logo img {
         height: 60px;
    }
     .header-list {
         position: fixed;
         z-index: 99;
         overflow: scroll;
         width: 200px;
         background: rgb(241, 236, 236);
         color: #1f1f1f;
         flex-direction: column;
         padding-top: 50px;
         height: 100vh;
         top: 0;
         right: 0;
         bottom: 0;
         align-items: center;
         transform: translateY(-100%);
         transition: transform 0.3s ease;
    }
     .header-nav-list-mobile {
         align-items: center;
         color: #fff;
         transform: translateY(0);
    }
     .video-post-small .news__block-item-desc{
         font-size: 14px;
    }
     .video-post-small .news__block-item .video-play{
         height: 25px;
         width: 25px;
    }
    .btn-teams h3{
        font-size: 18px;
      
    }
    .btn-teams{
        padding: 6px 12px;
    }
}
@media(max-width:1000px){
    .main-team-cards.active{
        grid-template-columns: 1fr 1fr;
    }
    .team-cards{
        grid-template-columns: 1fr 1fr;
    }
}
 @media (max-width: 950px) {
     .matches__item-team {
         display: flex;
         flex-direction: column;
         align-items: center;
    }
     .footer__item:first-child {
         grid-column: 1 / -1;
         justify-items: center;
    }
     .footer__items {
         grid-template-columns: repeat(4, 1fr);
         gap: 16px;
    }
     .matches__item_team {
         justify-content: space-around;
    }
    h1 {
  font-family: "Anton", sans-serif;
  font-size: 48px;
  font-weight: 400; /* Anton всегда выглядит Bold */
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Подзаголовки (Montserrat) */
h2 {

  font-size: 24px;
 
}

h3 {
 
  font-size: 20px;
 
}

h6 {
  font-size: 16px;
}
}
 @media (max-width: 900px) {
     .main-news-content {
         grid-template-columns: 1fr;
    }
     .main-news-content-l-list {
         flex-direction: row;
         overflow-x: scroll;
    }
     .main-news-content-l-list::-webkit-scrollbar {
         display: none;
    }
     .main-news-content-r {
         overflow: hidden;
    }
     .main-news-content-l-list li {
         flex-shrink: 0;
    }
     .videos_top{
         grid-template-columns: 1fr;
         gap: 12px;
    }
     .video-post-small-cards{
         display: flex;
         gap: 12px;
    }
     .video_post_big-card{
         margin-bottom: 0;
    }
    .btn-teams h3{
        font-size: 14px;
    }
   .btn-teams .icon-30{
    width: 20px;
    height: 20px;

   }
   .teams-nav-btn{
    gap: 12px;
   }
   .video-post-small-cards .news__block-items{
    margin-bottom: 0;
   }
}
 @media(max-width:925px){
     .content-player{
         grid-template-columns: 1fr;
    }
     .aside{
         margin-top: 24px;
    }
}
 @media (max-width: 830px) {
     .review_video {
         display: none;
    }
     .review-top {
         grid-template-columns: 1fr;
    }
}
 @media (max-width: 800px) {
     .pt-b-40 {
         padding: 24px 0;
    }
     .pb-40 {
         padding-bottom: 24px;
    }
     .pt-40 {
         padding-top: 24px;
    }
     .content {
         overflow: hidden;
    }
     .main-news-center-cards {
         overflow-x: scroll;
    }
     .main-news-center-card {
         min-width: 265px;
    }
     .main-news-content-center {
         overflow: hidden;
    }
     .main-news-center-cards::-webkit-scrollbar, .main-news-content-l-list::-webkit-scrollbar {
         width: 5px;
         height: 8px;
    }
     .main-news-center-cards::-webkit-scrollbar-track, .main-news-content-l-list::-webkit-scrollbar-track {
         background: #f0f0f0;
         border-radius: 4px;
    }
     .main-news-center-cards::-webkit-scrollbar-thumb, .main-news-content-l-list::-webkit-scrollbar-thumb {
         background-color: #ff0000;
        /* цвет самого бегунка */
         border-radius: 4px;
         border: 2px solid #f0f0f0;
        /* внутренний отступ — как бы "вставлен" в трек */
    }
     .news_cards, .videos-cards {
         display: grid;
         grid-template-columns: 1fr 1fr;
    }
     .news-center-card:first-child, .videos-cards .main-news-center-card:first-child {
         grid-column: 1/ -1;
    }
     .rev_stat_img {
         height: 80px;
    }
     .h-40 {
         height: 20px;
    }
     .calendar-nav{
         grid-template-columns: 1fr;
    }
     .btn-teams{
         justify-content: flex-start;
    }
}
 @media (max-width: 800px) and (hover: none) {
     .main-team-link:hover, .card:hover {
         transform: none !important;
         box-shadow: none !important;
         background-color: inherit !important;
         color: inherit !important;
    }
}
@media(max-width:750px){
    .teams-nav-btn{
        overflow-x: scroll;
    }
    .teams-nav-btn .btn-teams{
        flex: 0 0 auto;
        max-width: 220px;
    }
    .teams-nav-btn::-webkit-scrollbar{
        display: none;
    }
    .main-latest-news-cards{
        overflow-x: scroll;
    }
    .main-latest-news-link{
       
        min-width: 300px;
    }
    .main-latest-news-cards::-webkit-scrollbar, .main-news-content-l-list::-webkit-scrollbar {
         width: 5px;
         height: 8px;
    }
     .main-latest-news-cards::-webkit-scrollbar-track, .main-news-content-l-list::-webkit-scrollbar-track {
         background: #f0f0f0;
         border-radius: 4px;
    }
    .main-latest-news-cards::-webkit-scrollbar-thumb, .main-news-content-l-list::-webkit-scrollbar-thumb {
         background-color: #ff0000;
        /* цвет самого бегунка */
         border-radius: 4px;
         border: 2px solid #f0f0f0;
        /* внутренний отступ — как бы "вставлен" в трек */
    }
}
 @media(max-width:700px){
     .team-img img{
         height: 150px;
    }
     .big-card-title{
         font-size: 18px;
    }
     .content-center-big-card-overlay-text h2{
         font-size: 20px;
    }
    .mb-32, .nav{
        margin-bottom: 24px;
    }
    .sub-title
{
    font-size: 16px;
}
.sub-title-img{
    width: 25px;
    height: 25px;
}
.main-team-cards.active{
    grid-template-columns: 1fr;
}
.team_achiv-img{
    height: 200px;
}
.team-cards{
    grid-template-columns: 1fr;
}
}
 @media (max-width: 650px) {
     .footer__items {
         grid-template-columns: 1fr 1fr;
         gap: 26px;
    }
     .matches__item-team img {
         width: 30px;
         height: 30px;
    }
     .matches__item-team p {
         font-size: 14px;
    }
     .match-score {
         font-size: 18px;
    }
     .enter__btn {
         font-size: 14px;
    }
     .main-news-content-center .news__block-items:last-child {
         display: none;
    }
     .main-news-content-center .news__block-items {
         flex-direction: column;
         gap: 16px;
    }
     .review-top-players-link-name {
         font-size: 16px;
    }
     .review-top-players-link img {
         width: 20px;
         height: 20px;
    }
     .review-top-r {
         font-size: 14px;
    }
     #paginationDots, #paginationDots1 {
         display: block;
    }
     .main-team-cards:not(.teams-content .main-team-cards) {
         overflow-x: visible;
         display: flex;
         gap: 8px;
    }
     .main-news-center-card {
         min-width: 100%;
    }
     .team-top{
         position: relative;
    }
     .team-img{
         position: absolute;
         padding: 0;
         background: transparent;
         top: 10px;
        right: 10px;
    }
     .team-top-info, .team-top-stats-content{
         width: 100%;
    }
     .team-img img{
         height: 80px;
    }
    .filters{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .league-table__team {
  font-size: 0;
}
    .league-table__team{
        justify-content: center;
    }
    .contacts-box{
        grid-template-columns: 1fr;
    }
}
 @media (max-width: 600px) {
     .main-match-cards {
         grid-template-columns: 1fr;
    }
     .btn-more {
         padding: 6px 12px;
    }
     .calendar_dates a {
         font-size: 14px;
    }
     .calendar-nav {
         gap: 12px;
    }
    
     .pagination-link {
         font-size: 18px;
    }
     .font-20{
         font-size: 18px;
    }
     .fz-32{
         font-size: 20px;
    }
     .fz-24{
         font-size: 18px;
    }
     .link_info_player{
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 0;
    }
     .player-link-info-box:nth-child(2){
         border: 0;
    }
     .player_img{
         height: 250px;
    }
     .ellipsis-multiline {
         -webkit-line-clamp: 1;
    }
     .news__block-item-desc{
         padding: 10px !important;
    }
     .qual-rev img{
         height: 20px;
         width: 20px;
    }
     .btn-teams img{
         width: 30px;
         height: 30px;
    }
}
 @media (max-width: 500px) {
     .main-team-linkimg-img {
         height: 80px;
    }
     .main-player-linkimg-img {
         height: 200px;
    }
     .main-teams-link-info-box {
         font-size: 14px;
    }
     .main-news-center-cards_none {
         display: none;
    }
     .news_cards, .videos-cards {
         grid-template-columns: 1fr;
    }
     .video-post-item-desc p, .video-post-item-desc h6, .video-post-small-cards .qual-rev{
         display: none;
    }
     .filters{
        grid-template-columns: 1fr 1fr;
        justify-items: center;
    }
    .team-cards .h-120{
        height: 80px;
    }
    .team-cards h4{
        font-size: 16px;
    }
    .team-cards .main-teams-link-info-box{
        padding: 6px;
    }
}
 @media(max-width:444px){
}
 @media (max-width: 400px) {
     .review-top-players, .review-top-players-link-name, .team-top-stats-content {
         font-size: 14px;
    }
     .player_img{
         position: absolute;
         height: 100px;
         right: 70px;
         top: 2px;
    }
     .link_info_player{
         display: flex;
         margin-bottom: 0 !important;
    }
     .font-20{
         font-size: 16px;
    }
     .player-link-info-box:nth-child(2){
         border-right: 1px solid rgb(186, 186, 186);
    }
}