.newsPageTop{
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.newsItem span:first-of-type {
    color: #605858 !important;
}

.myPaginationSelected {
    border: 1px solid #C6A563;
    border-radius: 4px;
}

.myPaginationBtn {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

.newsInnerPopularNews {
    transition: padding-top 0.5s ease;
}

.newsInnerPopularNews.scrolled {
    padding-top: 100px; /* Установите желаемое значение padding-top */
}
.layoutInner{
    padding-block: 56px 40px;
    flex: 1;
}
.newsPageAllNews:hover{
  background: var(--c-secondary);
  color: var(--c-white);
  cursor: pointer;
}
.newsPageAllNews{
  width: 162px;
  height: 48px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter";
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 1px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: var(--c-text);
  border: 1px solid #E5E5E5;
  background: var(--c-white);
}
.newsPage{
  box-shadow: 0px 10px 20px 0px #29292A12;
  padding: 32px;
  background-color: var(--c-white);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 40px;
}


.newsPageList{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 24px;


}

.newsPageList a, .newsPageItem a {
    text-decoration: none;
    color: black;
}

.newsPageItem:hover{
  .newsPageText{
    background: #1B2238CC;
    backdrop-filter: blur(4.701762676239014px);
    color: var(--c-white);
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
  .newsPageDate{
    color:#C6A563;
  }
}
.newsPageItem{
  border-radius: 18px;
  border: 2px solid var(--c-line);
  background: var(--c-white);
  text-decoration: none;
 
  .newsPageImg{
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    width: 100%;
    height: 260px;
    object-fit: cover;

  }
  .newsPageDate{
    margin-top: -32px;
    background: rgba(21, 24, 52, 1);
    backdrop-filter: blur(4px);
    font-family: "Inter";
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--c-white);
    padding-inline: 16px;
    padding-block: 8px;
  }
  .newsPageText{
    padding: 16px;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:var(--c-text-darker);
    height: 128px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4; /* Максимум 4 строки */
      -webkit-box-orient: vertical;
  }
}

.galleryNews{
  box-shadow: 0px 10px 20px 0px #29292A12;
  background-color: var(--c-white);
  padding: 32px;
  gap: 56px;
  margin-top: 40px;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
}

.galleryNewsTop{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  .galleryNewsTopTitle{
    font-family: "Inter";
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 1px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:var(--c-text)
  }
}

.photoGalleryList::-webkit-scrollbar {
  display: none;
}
.photoGalleryList{
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  gap: 24px;
  .photoGalleryItem{
    img{
      object-fit: cover;
      width: 266px;
      height: 331px;
      border-radius: 16px;
    }
  }
  .photoGalleryItemSelected{
    img{
      width: 556px;
      height: 331px;
    }
  }
}


.galleryNewsAction{
  display: flex;
  align-items: center;
  gap: 32px;
  margin-top: 32px;
  .photoGalleryChevron{
    display: flex;
    gap: 8px;
  }

  #photoGalleryItemSelectedID{
    font-weight: 700;
    color:var(--c-primary);
  }
  .photoGalleryItemNumbers{
    font-family: "Inter";
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:var(--c-number);
    display: flex;
    gap: 8px;
  }
  .photoGalleryChevron{
    display: flex;

    #photoGalleryRight{
      transform: rotate(180deg);
    }
  }
  .photoGalleryLine{
    height: 3px;
    width: 100%;
    background: var(--c-line);
  }
}
.vidoeGalleryList{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 24px;
}

.myIndicators{
    background: #00000080;
    border-radius: 40px;
    height: 32px;
    padding-inline: 16px;
    display: flex;
    align-items: center;
    z-index: 1000;
}
.myIndicators button{
    width: 8px!important;
    height: 8px!important;
    border-radius: 8px!important;
    opacity: 40%;
    border: none!important;
    background: #FFFFFF;
}

.myCarousel , .mainSocial {
  .carousel-control-next-icon {
    width: 32px;
    height: 32px;
    background-color: #0000004D;
    border-radius: 40px;
    font-size: 14px;
    background-size: 24px 24px;
  }
  .carousel-control-prev-icon{
    width: 32px;
    height: 32px;
    background-color: #0000004D;
    border-radius: 40px;
    font-size: 14px;
    background-size: 24px 24px;
  }
  @media screen and (max-width: 425px) {
    .carousel-control-next-icon {
      margin-right: 4px;
    }
    .carousel-control-prev-icon{
      margin-left: 12px;
    }
  }
}
.myCarousel .carousel-control-prev, .carousel-control-next{
    width: 25%!important;
}
.myIndicators .active{
    width: 24px!important;
    opacity: 100%;
}

.myCarouselMain .innerCarouselItem{
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 40px;
}

.moreInfo{
    background-color: #C6A563;
    font-family: 'Inter';
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
}

.news{
    padding-block: 40px;
}
.myCarouselMainTitle{
    font-family: 'Inter';
    font-size: 64px;
    line-height: 56px;
    font-weight: 700;
    letter-spacing: 1px;
    color:#FFFFFF;
}

.myCarouselNews{
    margin-bottom: 24px;
}
.myCarouselNews .carousel-item{
    height: 596px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
}
.myCarouselNews .innerCarouselItem{
    background: #1B2238CC;
    backdrop-filter: blur(6.382978439331055px);
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    z-index: 1;
    height: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.innterCarouselItemTitle{
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:#C6A563;
    margin-top: 24px;
}

.innterCarouselItemText{
    font-family: "Inter";
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:#FFFFFF;
}



.myCarouselAdvant .carousel-item {
    height: 504px;
    background-repeat: no-repeat;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}
.myCarouselAdvant .innerCarouselItem{
    z-index: 10;
    height: 100%;
    display: flex;
    padding-top: 56px;
    flex-direction: column;
}

.myCarouselAdvantTitle{
    color:#FFFFFF;
    font-family: "Inter";
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: 1px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 48px;
}

.myCarouselAdvantList{
    display: flex;
    flex-wrap: wrap;
    gap: 40px 24px;
}
.myCarouselAdvantListItem{
    width: 436px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.myCarouselAdvantListItemLeft{
    background: #C6A563;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 88px;
    height: 104px;
}

.myCarouselAdvantText{
    color:#fff;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.myCarouselAdvantListItemDate{
    font-family: "Roboto";
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:#151834;
    margin-bottom: 8px;
}

.myCarouselAdvantListItemMonth{
    font-family: "Roboto";
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:#151834;
}

.myCarouselAdvantListItemYear{
    font-family: "Roboto";
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}


  @media screen and (max-width: 769px) {
    .newsPage{
      padding: 24px;
    }
    .newsPageList{
      grid-template-columns: repeat(3,1fr);
      gap: 16px;

      .newsPageItem{
        max-width: 216px;
        .newsPageImg{
            max-width: 216px;
        }
      }
    }
    .newsPageAllNews{
      width: 142px;
      height: 40px;
      font-size: 14px;

    }
    .galleryNews {
      padding: 24px;
      .galleryNewsTop{
        .galleryNewsTopTitle{
          font-size: 32px;
          line-height: 40px;
        }
      
      }
      .vidoeGalleryList{
        gap: 16px;
        .newsPageItem{
          max-width: 332px;
          .newsPageImg{
              max-width: 332px;
          }
        }
      }
    }
    .galleryNewsAction {
      .photoGalleryItemNumbers{
        font-size: 18px;
        line-height: 24px;
      }
    }
    .photoGalleryList{
      .photoGalleryItem{
        img{
          height: 267px;
          width: 215px;
          object-fit: cover;
        }
      }
      .photoGalleryItemSelected{
        img{
          width: 449px;
          height: 267px;
          object-fit: cover;
        }
      }
    }
    .myCarouselMainTitle{
      font-size: 40px;
      line-height: 48px;
    }
    .innerCarouselItem{
      gap: 32px!important;
    }

    .mainSocial{
      gap: 24px;
      .mainSocialTitle{
        font-size: 28px;
        height: 40px;
        padding-block: 32px;
      }
    }
    .myCarouselAdvant .carousel-item{
      height: 592px;
    }

    .myCarouselAdvant{
      margin-inline: -20px;
      .innerCarouselItem {
        padding-top: 32px;
      }
      .myCarouselAdvantTitle{
        margin-bottom: 24px;
        font-size: 28px;
        line-height: 40px;
      }
      .myCarouselAdvantList{
        gap: 16px;
      }
    }
    .myCarouselNews .carousel-item{
      height: 362px;

    }
    .newsListTopTitle{
      font-size: 28px;
      line-height: 40px;
    }
    .moreNews{
      font-size: 14px;
      line-height: 24px;
      height: 40px;
      width: 146px;
    }
    .newsList{
      gap: 16px;
      overflow-y: auto;
      .newsItem{
        min-width: 282px;
      }
    }
    .myCarouselNews{
      .carousel-control-next , .carousel-control-prev {
        width: 7%!important;
      }

      .innterCarouselItemText{
        font-size: 16px;
        line-height: 24px;
      }
      .innterCarouselItemTitle{
        font-size: 12px;
        line-height: 16px;
        margin-top: 12px;
      }
      .innerCarouselItem{
        height: 96px;
      }

    }
    .myIndicators{
      height: 24px;
    }
    .carousel-indicators{
      margin-bottom: 12px!important;
    }
    .nationalTeam{
      padding-block: 32px;
      .nationalTeamTitle{
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 24px;
      }
    }
    .nationalTeamList{
      .nationalTeamItem{
        width: 356px;

      }
      img{
        width: 100%!important;
      }

      .natinalTeamBottom{
        height: 48px;
        font-size: 14px;
        line-height: 20px;
      }
    }

    .socialImg{
      height: 368px;
    }

    .partners{
      gap: 24px;
      .nationalTeamTitle{
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 0px;
      }
    }
  }


  @media screen and (max-width: 426px) {
    .modal{
      .shareNewsModal{
        width: 70%!important;
      }
    }
    .photoGalleryList{
      .photoGalleryItem{
        min-width: 100%!important;
        max-width: 100%!important;
        width: 100%!important;

        img{
          width: 100%!important;
          object-fit: cover;
        }
      }
      .photoGalleryItemSelected{
        img{
          min-width: 100%;
          max-width: 100%!important;
          width: 100%!important;
          object-fit: cover;
        }
      }
    }
    .galleryNewsTop{
      .galleryNewsTopTitle{
        font-size: 20px!important;
        line-height: 28px!important;
      }
    }
    .galleryNews {
      padding: 16px;
      .vidoeGalleryList{
        gap: 16px;
        grid-template-columns: 1fr!important;
        .newsPageItem{
          max-width: 100%!important;
          .newsPageImg{
            width: 100%;
            max-width: 100%;
          }
        }
      }
    }
    .newsPageList{
      grid-template-columns: 1fr!important;
      gap: 16px;

      .newsPageItem{
        max-width: 100%;
        .newsPageImg {
          max-width: 100%;
          img{
            max-width: 100%;
          }
        }
      }
      
    }
    .myCarouselMainTitle{
      font-size: 20px;
      line-height: 28px;
    }
    .innerCarouselItem{
      gap: 32px!important;
    }


    .myCarouselAdvant .carousel-item{
      height: 592px;
    }

    .myCarouselAdvant{
      .innerCarouselItem {
        padding-top: 24px!important;
      }
      .myCarouselAdvantTitle{
        font-size: 20px!important;
        line-height: 28px!important;
      }
      .myCarouselAdvantList{
        gap: 16px;
      }
    }
    .myCarouselNews .carousel-item{
      height: 200px!important;

    }


    .myCarouselNews{
      .carousel-control-next , .carousel-control-prev {
        width: 7%!important;
      }


      .innerCarouselItem{
        height: 67px!important;
      }

    }
    .myIndicators{
      height: 9px;
      padding-inline: 0px!important;
    }
    .myIndicators button{
      width: 3px!important;
      height: 3px!important;
    }
    .myIndicators .active{
      width: 9px!important;
    }
    .carousel-indicators{
      margin-bottom: 12px!important;
    }

    .nationalTeamList{
      flex-direction: column;
      img{
        width: 100%!important;
      }


    }


    .myCarousel-partners-item{
      flex: 0 0 100%!important;
      display: flex;
      justify-content: center;
    }
    .myCarousel-item {
      flex: 0 0 100%!important;
    }
  }

.newsPageTopTitle {

    top: 176px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    display: flex;
    align-items: center;
    letter-spacing: 1px;

    color: #1B2238;


}

.newsLayout {


    .searchBar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        position: relative;
        .searchBarInput {
            width: 100%;
            display: flex;
            align-items: center;
            input{
                border: 1px solid var(--c-line);
                border-radius: 4px;
                width: 100%;
                height: 48px;
                position: relative;
            }
            &::before{
                content: url("/img/iconSearch.svg");
                position: absolute;
                height: 24px;
                width: 24px;
                z-index: 10;
                left: 16px;
            }
        }
        .searchBarBtn{
            background: linear-gradient(90deg, #3D486C 0%, #1B2238 100%);
            height: 48px;
            width: 103px;
            border-radius: 4px;
            font-family: "Inter";
            font-size: 14px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: 1px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--c-white)
        }

    }
    .allNewsList{
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 24px;
        .newsPageItem:hover{

          .newsPageText{
            background: #1B2238CC;
            backdrop-filter: blur(4.701762676239014px);
            color: var(--c-white);
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
          }
          .newsPageDate{
            color:#C6A563;
          }
        }
        .newsPageItem{
            border-radius: 18px;
            border: 2px solid var(--c-line);
            background: var(--c-white);
            .newsPageImg{
                border-top-left-radius: 16px;
                border-top-right-radius: 16px;
            }
            .newsPageDate{
                margin-top: -32px;
                background: rgba(21, 24, 52, 1);
                backdrop-filter: blur(4px);
                font-family: "Inter";
                font-size: 12px;
                font-weight: 700;
                line-height: 16px;
                text-align: left;
                text-underline-position: from-font;
                text-decoration-skip-ink: none;
                color: var(--c-white);
                padding-inline: 16px;
                padding-block: 8px;
            }
            .newsPageText{
                padding: 16px;
                font-family: "Inter";
                font-size: 18px;
                font-weight: 500;
                line-height: 24px;
                text-align: left;
                text-underline-position: from-font;
                text-decoration-skip-ink: none;
                color:var(--c-text-darker);

            }
        }
    }
}

.modal{
    background: #151834CC;
    padding: 0px!important;
    .modal-dialog{
        min-width: 576px;
    }

    .shareNewsModal{
        background: #FEFEFE;
        border-radius: 16px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        .modal-header{
            border: none!important;
            padding-inline: 32px!important;
            padding-block-start: 32px!important;
            padding-block-end: 0px!important;
            .btn-close{
                width: 16px!important;
                height: 16px!important;
                padding: 0px!important;
                margin: 0px!important;
                color:#8B91A7;
            }
            .modal-title{
                font-family: "Inter";
                font-size: 24px!important;
                font-weight: 600;
                line-height: 32px;
                color:#1B2238;
            }
        }
        .modal-body{
            border: none!important;
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding-inline: 32px!important;
            padding-block-start: 0px!important;
            padding-block-end: 32px!important;
            .shareText{
                font-family: "Inter";
                font-size: 16px;
                font-weight: 500;
                line-height: 24px;
                text-align: center;
                color:#565861;
                margin-top: 16px;
            }
            .shareLink{
                display: flex;
                align-items: center;
                justify-content: space-between;
                border: 1px solid #E5E5E5;
                border-radius: 16px;
                padding-block: 16px;
                padding-inline-start: 16px;
                padding-inline-end: 8px;
                height: 53px;
                .link{
                    font-family: "Inter";
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 17.5px;
                    color:#3D5A8080;
                    width: 100%;
                    max-width: 440px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }
            }
            .listOfSocial{
                display: flex;
                justify-content: space-between;

                .listOfSocialItem a{
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    font-family: "Inter";
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 20px;
                    color:#1B2238;
                    gap: 8px;
                }
            }
        }
    }


}

.layoutAllNewsInner{
    display: flex;
    gap: 24px;
    position: relative;

    .layoutAllNewsInnerList{
        box-shadow: 0px 10px 20px 0px #29292A12;
        background: var(--c-white);
        padding: 32px;
        border-radius: 2px;

        .allNewsGoTop{
            position: fixed;
            bottom: 50px;
            right: 100px;
            z-index: 9999;
            img{
                height: 40px;
                width: 40px;
                transform: rotate(90deg)
            }

            &:hover{
                cursor: pointer;
            }
        }
    }
    .newsInnerPopularNews{
        display: flex;
        flex-direction: column;
        top:20px;
        position: sticky;
        height: 100%;

        .allNewsGoTop{
            margin-top: 16px;
            img{
                height: 40px;
                width: 40px;
                transform: rotate(90deg)
            }

            &:hover{
                cursor: pointer;
            }
        }
    }
    .layoutAllNewsInnerRight{
        box-shadow: 0px 10px 20px 0px #29292A12;
        background: var(--c-white);
        padding: 24px;
        border-radius: 2px;
        min-width: 412px;


        .newsInnerRightItem:not(:last-child){
            border-bottom: 1px solid #E5E5E5;
            padding-bottom: 24px;
            margin-bottom: 24px;
        }
        .newsInnerRightItem{
            display: flex;
            gap: 12px;
            width: 100%;
            justify-content: space-around;
            &:hover{
                cursor: pointer;
                transform: scale(1.009);
            }

            .newsInnerRightItemInfo{
                display: flex;
                flex-direction: column;
                gap: 16px;
                .newsInnerRightItemInfoTop{
                    display: flex;
                    gap: 8px;
                    color:#565861;
                    font-family: "Inter";
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 20px;
                }
                .newsInnerRightItemInfoTitle{
                    font-family: "Inter";
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 24px;
                    color:#1B1C1C;
                }

                .newsInnerRightItemInfoTitle a{
                    font-family: "Inter";
                    font-size: 16px;
                    font-weight: 600;
                    line-height: 24px;
                    color:#1B1C1C;
                    text-decoration: none;
                }
            }

            .newsInnerRightItemImg{
              position: relative;
              width: 108px;
              height: 108px;
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: top center;
                }

            }
        }
    }

    .allNewsInnerItem{
        display: flex;
        flex-direction: column;
        gap: 32px;

        &:not(:last-child){
            border-bottom: 1.5px solid var(--c-primary-lighter);
            padding-bottom: 32px;
            margin-bottom: 32px;
            padding-top: 32px;
        }

        .allNewsInnerItemTitle{
            font-family: Inter;
            font-size: 24px;
            font-weight: 600;
            line-height: 32px;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color:var(--c-title)
        }

        .allNewsInnerItemMiddle{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            gap: 24px;
            .allNewsInnerInfo{
              display: flex;
              justify-content: space-between;
            }
            .allNewsInnerItemTextList{
                font-family: "Inter";
                font-size: 18px;
                font-weight: 400;
                line-height: 28px;
                display: flex;
                flex-direction: column;
                gap: 16px;
                max-width: 700px;
                color:var(--c-subtitle)

            }
            .allNewsInnerItemImg{
                border-radius: 16px;
                width: 468px;
                height: 352px;
            }
        }
        .allNewsInnerItemTextList figure {
        display: contents;
        }
        .allNewsInnerItemText{
            font-family: "Inter";
            font-size: 18px;
            font-weight: 400;
            line-height: 28px;
            color:var(--c-subtitle)
        }

        .allNewsInnerBottom{
            display: flex;
            justify-content: space-between;
            align-items: center;

            .allNewsInnerBottomItem{
                color: var(--c-subtitle-secondary);
                display: flex;
                align-items: center;
                gap: 8px;
                font-family: "Inter";
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
                text-align: left;
                text-underline-position: from-font;
                text-decoration-skip-ink: none;

            }

            .allNewsInnerBottomItemShare{
                display: flex;
                align-items: center;
                gap: 6px;
                border: 1px solid #E5E5E5;
                border-radius: 4px;
                height: 40px;
                color:#151834;
                font-family: Inter;
                font-size: 14px;
                font-weight: 600;
                line-height: 16px;
                letter-spacing: 0.4000000059604645px;
                padding-inline: 12px;
            }
        }
    }
}

.layoutAllNewsInnerRight.scrolled {
    padding-top: 100px; /* Установите желаемое значение padding-top */
}

.layoutAllNewsInnerRight {
    transition: padding-top 0.3s ease;
}


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


    .modal {
        .modal-dialog {
            min-width: 100%!important;
        }
    }
    .modal {
        .shareNewsModal {
            width: 95% !important;
            margin: 0 auto;
        }
    }
    .newsInnerPopularNews {
    display: none !important;
    }
  .layoutAllNewsInner {
    .layoutAllNewsInnerList{
      padding: 24px;
    }
     .allNewsInnerItem {
         .allNewsInnerItemMiddle{

          .allNewsInnerItemImg{
            width: 296px;
            height: 223px;
          }
        }
      }
  }
  .layoutNewsAll {
    padding: 24px;
    gap: 24px;
    .allNewsList{
      grid-template-columns: repeat(3,1fr)
    }
  }
}



@media screen and (max-width: 426px) {
    .layoutAllNewsInner {
        & .allNewsInnerItem {
            & .allNewsInnerBottom {
                .allNewsInnerBottomItem {
                    max-width: none !important;
                    min-width: auto !important;
                }
            }
        }
    }
    .allNewsInnerBottom
    {
      gap: 10%;
    }

        .modal {
            .shareNewsModal {
                width: 85% !important;
                margin: 0 auto;
            }
        }
        .shareNewsModal{
          .modal-header{
              .btn-close{
                  width: 24px!important;
                  height: 24px!important;
              }
              .modal-title{
                  font-size: 16px!important;
              }
          }
        }
      }
      }
      .layoutNewsAll {
        padding: 16px;
        gap: 16px;
        .allNewsList{
          grid-template-columns: repeat(1,1fr)!important;
        }
      }
    .allNewsInnerBottomItemShare:hover {
        background-color: #0A214F;
        color: #fff;
    }
    .allNewsInnerBottomItemShare:hover span {
        color: #fff;
    }
    .allNewsInnerBottomItemShare:hover path {
        stroke: #fff;
    }
    .allNewsInnerBottomItemShare path {
        stroke: #151834;
    }

    .allNewsInnerBottomItem {
        display: flex;
        align-items: center;
        gap: 6px; /* Отступ между иконкой и текстом */
    white-space: nowrap; /* Запрещаем перенос строки */
}
  .layoutAllNewsInner {

    .layoutAllNewsInnerList{
      padding: 16px;
    }
     .allNewsInnerItem {
        .allNewsInnerBottom{
          .allNewsInnerBottomItem{
            font-size: 12px;
            max-width: 120px;
            min-width: 112px;
          }
          .allNewsInnerBottomItemShare{
            padding-inline: 8px;
          }
        }
         .allNewsInnerItemMiddle{

          .allNewsInnerInfo{
            flex-direction: column-reverse;
          }
          .allNewsInnerItemImg{
            width: 100%;
            height: 100%;
            margin-bottom: 12px;
          }
        }
      }
    }
}