body {
   margin: 0 auto;
 }

 #carouselMainIndicators {

   .carousel-item-next,
   .carousel-item-prev {
     animation: flipOut 0.6s forwards;
   }

   .carousel-item.active {
     animation: flipIn 0.6s forwards;
   }

   .carousel-inner {
     perspective: 1000px;
   }

   .carousel-item {
     transition: transform 0.8s ease, opacity 0.8s ease;
     backface-visibility: hidden;
     transform-style: preserve-3d;
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url(./img/main/1920х504.png);
   }

   .carousel-item-next.carousel-item-start,
   .carousel-item-prev.carousel-item-end {
     transform: rotateY(90deg);
     opacity: 0;
   }

   .carousel-item-next,
   .carousel-item-prev {
     transform: rotateY(0);
     opacity: 1;
   }
 }

 @keyframes flipIn {
   0% {
     transform: rotateY(-90deg);
     opacity: 0;
   }

   50% {
     transform: rotateY(-45deg);
     opacity: 0.5;
   }

   100% {
     transform: rotateY(0);
     opacity: 1;
   }
 }

 @keyframes flipOut {
   0% {
     transform: rotateY(0);
     opacity: 1;
   }

   50% {
     transform: rotateY(45deg);
     opacity: 0.5;
   }

   100% {
     transform: rotateY(90deg);
     opacity: 0;
   }
 }


 .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-partners-container .carousel-control-prev-icon, .carousel-control-next-icon {
     width: 32px;
     height: 32px;
     background-color: #0000004D;
     border-radius: 40px;
     font-size: 14px;
     background-size: 24px 24px;
 }

 .myCarouselMain .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: space-between;
   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:570px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  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;
 }

 .newsListTop {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 24px;
 }

 .newsListTopTitle {
   color: #151834;
   font-family: 'Inter';
   font-size: 40px;
   line-height: 48px;
   font-weight: 700;
 }

 .moreNews {
   color: #151834;
   font-family: 'Inter';
   font-size: 14px;
   line-height: 24px;
   font-weight: 700;
   text-transform: uppercase;
   background: #fff;
   border: 1px solid #E5E5E5;
   height: 48px;
   width: 162px;
 }

 .newsList {
   display: flex;
   justify-content: space-between;
   gap: 24px;
 }

 .newsItem {
   border-radius: 16px;
   width: 282px;
   height: 424px;
   position: relative;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .newsItemBottom {
   background: #1B2238CC;
   backdrop-filter: blur(4.701762676239014px);
   height: 116px;
   position: absolute;
   bottom: 0px;
   left: 0px;
   right: 0px;
   border-bottom-left-radius: 16px;
   border-bottom-right-radius: 16px;
   padding: 12px;
   display: flex;
   flex-direction: column;
 }

 .newItemTitle {
   font-family: "Inter";
   font-size: 14px;
   font-weight: 600;
   line-height: 20px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #C6A563;
 }

 .newItemText {
   font-family: "Inter";
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   text-align: left;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #FFFFFF;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .myCarouselAdvantMain .carousel-item {
  height: 507px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

 .myCarouselAdvantMain .innerCarouselItem {
   z-index: 10;
   height: 100%;
   display: flex;
   padding-top: 56px;
   flex-direction: column;
   gap: 44px;
 }

 .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;
   color: #151834;
 }


 .mainSocial {
   padding-block: 40px;
   display: flex;
   flex-direction: column;
   gap: 40px;
   background: rgba(198, 165, 99, 0.3);
   text-align: center;
   position: relative;
 }

 .mainSocial::before {
   content: "";
   background-image: url('../../assets/img/social/bg.png');
   background-repeat: repeat-x;
   background-position: bottom;
   position: absolute;
   top: 0px;
   right: 0px;
   bottom: 0px;
   left: 0px;
   opacity: 0.2;
 }

 .mainSocialTitle {
   font-family: "Inter";
   font-size: 40px;
   font-weight: 700;
   line-height: 56px;
   letter-spacing: 1px;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #151834;
   height: 1px;
 }


 .myCarouselSocial .innerCarouselItem {
   display: flex;
   justify-content: center;
   gap: 24px;
   z-index: 10;

 }

 .socialImg {
   border-radius: 16px;
 }

 .nationalTeam {
   padding-block: 40px;
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .nationalTeamList {
   display: flex;
   gap: 24px
 }

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

 .natinalTeamBottom {
   background-color: #151834;
   height: 80px;
   font-family: "Inter";
   font-size: 24px;
   font-weight: 700;
   line-height: 24px;
   letter-spacing: 1px;
   text-transform: uppercase;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: #fff;
   border-bottom-left-radius: 16px;
   border-bottom-right-radius: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .partners {
   display: flex;
   flex-direction: column;
   gap: 40px;
   padding-block: 40px;
 }

 .myCarouselPartners .carousel-item {
   height: 230px;
 }

 .myCarouselPartners .innerCarouselItem {
   gap: 16px;
   display: flex;
   justify-content: center;
   align-items: center;
 }



 .partnersItem {
   border: 1px solid #E5E5E5;
   width: 219px;
   height: 152px;
   display: flex;
   flex-direction: column;
 }

 .parntersLogo {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .partnersName {
   background-color: rgba(198, 165, 99, 1);
   font-family: "Inter";
   font-size: 12px;
   font-weight: 700;
   padding: 8px 0;
   line-height: 16px;
   text-align: center;
   text-underline-position: from-font;
   text-decoration-skip-ink: none;
   color: rgba(27, 34, 56, 1);
   height: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-transform: uppercase;
 } .partnersName a {
   color: rgba(27, 34, 56, 1);
 }

 .partnersName a:hover {
          color:white;
 }


 .partnersName:hover{
  background: linear-gradient(to left, rgba(239, 68, 68, 1), rgba(165, 28, 48, 1));
  color:white;
 }

 .myCarouselPartners {

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

 .myCarousel-container {
   position: relative;
   width: 100%;
   max-width: 1200px;
   margin: auto;
   overflow: hidden;
 }

 .myCarousel-wrapper {
   overflow: hidden;
   width: 100%;
 }

 .myCarousel-inner {
   display: flex;
   transition: transform 0.5s ease-in-out;
 }

 .myCarousel-item {
   flex: 0 0 33.333%;
   text-align: center;
   border: 1px solid #ddd;
   padding-inline: 10px;
   box-sizing: border-box;
 }

 .myCarousel-control-prev,
 .myCarousel-control-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background: none;
   border: none;
   font-size: 24px;
   cursor: pointer;
   z-index: 1000;
 }

 .myCarousel-control-prev {
   left: -16px;
 }

 .myCarousel-control-next {
   right: -7px;
 }

 .myCarousel-partners-container {
   position: relative;
   width: 100%;
   max-width: 1240px;
   /* Ширина карусели */
   margin: auto;
   overflow: hidden;
 }

 .myCarousel-partners-wrapper {
   width: 100%;
   padding-inline-start: 16px;
 }

 .myCarousel-partners-inner {
   display: flex;
   transition: transform 0.5s ease-in-out;
 }

 .myCarousel-partners-item {
   flex: 0 0 20%;
   /* Каждый элемент занимает 20% ширины контейнера, чтобы было 5 элементов */
   text-align: center;
   padding-inline: 8px;
   box-sizing: border-box;
     display: flex !important;
     justify-content: center;
 }

 .myCarousel-partners-control-prev,
 .myCarousel-partners-control-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background: none;
   border: none;
   font-size: 24px;
   cursor: pointer;
   z-index: 1000;
   filter: invert(100%);
 }

 .myCarousel-partners-control-prev {
   left: -14px;
 }

 .myCarousel-partners-control-next {
   right: -16px;
 }

 .myIndicators-partners {
   text-align: center;
   margin-top: 10px;
 }

 .myIndicators-partners button {
   width: 8px;
   height: 8px;
   margin: 0 5px;
   border: none;
   border-radius: 8px;
   background: #ccc;
   cursor: pointer;
 }

 .myIndicators-partners button.active {
   background: #333;
   width: 24px;
 }

 /*html, body {*/
 /*    margin: 0;*/
 /*    padding: 0;*/
 /*    height: 100%;*/
 /*}*/

 .MainBackground {
     position: relative;
     width: 100%;
 }

 .MainBackground img {
     top: 0;
     left: 0;
     width: 100%;
     display: block;
 }


 /* Фон контейнера */
 .ministerContainer {
     background: linear-gradient(to bottom, rgba(185, 28, 28, 1), rgba(83, 13, 13, 1));
 }

 /* Стили для блока */
 .ministerItem {
     background-color: #fff;
     max-width: 1200px;
     margin: 0 auto;
     /* Убираем фиксированную высоту, чтобы контейнер автоматически расширялся */
     position: relative;
 }

 /* Псевдоэлемент для рамки */
 .ministerItem::after {
     content: "";
     position: absolute;
     top: 10px;
     left: 10px;
     right: 10px;
     bottom: 10px;
     border: 2px solid rgba(198, 165, 99, 1);
     pointer-events: none;
     z-index: 0; /* Рамка располагается позади содержимого */
 }

 /* Содержимое с описанием располагаем выше рамки */
 .ministerItemText {
     z-index: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 /* Стили для кнопки */
 .descButton {
     background: linear-gradient(to left, rgba(239, 68, 68, 1), rgba(165, 28, 48, 1));
     border: none;
     border-radius: 4px;
     padding: 12px 32px;
     font-size: 14px;
     font-weight: 700;
     line-height: 28px;
     color: #fff;
     cursor: pointer;
     transition: background 0.3s;
 }

 .descButton:hover {
     background: linear-gradient(to left, rgba(61, 72, 108, 1), rgba(27, 34, 56, 1));
 }

 .actionsContainer {
     display: flex;
     justify-content: space-between;
     max-width: 1200px;
     gap: 24px;
     margin: 0 auto;
     margin-top: 40px;
     flex-wrap: wrap;
     align-items: stretch; /* Растягивает элементы до одинаковой высоты */
 }

 .actionsItem {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 20px;
     padding: 32px;
     background: linear-gradient(to bottom, rgba(27, 34, 56, 1), rgba(61, 72, 108, 1));
     border-radius: 8px;
     width: 200px;
     font-size: 18px;
     font-weight: 700;
     line-height: 28px;
     color: white;
     border: none;
     cursor: pointer;
     text-decoration: none;
     min-height: 192px; /* Минимальная высота */
 }
 .actionsItem:hover{
     color: white;
 }
 .actionsItem .actionCont {
     background-color: white;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     color: #B91C1C;
     transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
 }

 .actionsItem:hover .actionCont {
     background-color: #B91C1C;
     color: rgb(253, 253, 253);
 }

 .newsContainer {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   padding: 80px 0;
   gap: 48px;
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
 }

 .newsTitle {
   font-weight: 700;
   font-size: 56px;
   line-height: 64px;
   text-align: center;
 }

 .newsDivider {
   width: 100%;
   height: 1px;
   background-color: #E5E5E5;
   position: relative;
   max-width: 1160px;
 }

 .newsDivider::after {
   content: '';
   width: 10%;
   background-color: rgba(198, 165, 99, 1);
   position: absolute;
   height: 6px;
   left: 50%;
   transform: translateX(-50%);
   top: -6px;
 }

 .newsBlockContainer {
     display: flex;
     justify-content: space-between;
     align-items: stretch; /* Выравнивание по высоте */
     gap: 24px;
 }

 .newsBlockItem {
     display: flex;
     flex-direction: column;
     gap: 10px;
     width: 100%;
     max-width: 370px;
     border: 1px solid #E5E5E5;
     border-radius: 4px;
     flex-grow: 1; /* Растягиваем все элементы до максимальной высоты */
 }


 .newsBlockItem a {
     display: contents;
 }


 .newsBlockItemDesc {
     padding: 24px;
     display: flex;
     flex-direction: column;
     gap: 10px;
     width: 100%;
     flex-grow: 1; /* Описание тоже тянем вниз */
     display: flex;
     justify-content: space-between; /* Распределяем контент равномерно */
 }


 .newsBlockItem span {
   word-wrap: break-word;
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   text-align: justify;
   color: rgba(9, 28, 68, 1);
 }
 .newsBlockItem .newsBlockItemImg {
     width: 100%; /* Растягиваем изображение по ширине блока */
     height: 270px; /* Фиксируем высоту */
     object-fit: cover; /* Обрезаем, чтобы сохранить пропорции */
     aspect-ratio: 4 / 3; /* Устанавливаем соотношение сторон */
     border-radius: 4px; /* Скругление углов, если нужно */
 }
 .allNewsItem {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   padding: 16px;
   /* Уменьшил padding */
   background-color: rgba(243, 245, 248, 1);
   width: 100%;
   max-width: 416px;
   font-weight: 400;
   gap: 24px;
   font-size: 14px;
   line-height: 20px;
   /* Уменьшил line-height */
   min-height: 100%;
   /* Чтобы высота соответствовала соседним блокам */
   max-height: 535px;
   /* Ограничиваем высоту */
   overflow-y: auto;
   /* Добавляем скролл */
 }

 .newsItem {
   display: flex;
   flex-direction: column;
   gap: 4px;
   /* Уменьшил gap */
   width: 100%;
   height: auto;
   padding-bottom: 8px;
   /* Добавил немного отступа снизу */
 }

 .allNewsButton {
   background: linear-gradient(to left, rgba(61, 72, 108, 1), rgba(27, 34, 56, 1));
   border-radius: 4px;
   padding: 12px 32px;
   font-size: 14px;
   font-weight: 700;
   line-height: 28px;
   color: white;
   border: none;
   cursor: pointer;
 }
 /* Основной контейнер галереи */
 .photoGalleryContainer {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 32px; /* Отступ между заголовком и галереей */
     padding: 80px 0;
     width: 100%;
     margin: 0 auto;
     /* Градиент, как был в исходном примере: красно-бордовый */
     background: linear-gradient(to bottom, rgba(185, 28, 28, 1), rgba(83, 13, 13, 1));
 }

 /* Заголовок */
 .photoGalleryTitle {
     font-weight: 700;
     font-size: 48px;
     line-height: 56px;
     text-align: center;
     color: #ffffff;
     margin-bottom: 16px;       /* Небольшой отступ снизу */
 }

 /* Общий контейнер галереи (2 колонки) */
 .photoGalleryBlockContainer {
     display: flex;
     gap: 32px;             /* Отступ между колонками */
     max-width: 1200px;
     width: 100%;
     align-items: flex-start; /* или stretch, если нужно выравнивать по высоте */
     padding: 0 20px;
 }

 /* === СТИЛИ ДЛЯ БОЛЬШОЙ КАРТИНКИ (СЛЕВА), которая теперь в <a> === */
 .photoGalleryBlockContainer > a {
     flex: 1;               /* Одна часть ширины */
     display: block;        /* Делает ссылку блочным элементом */
     border-radius: 10px;
     overflow: hidden;
     position: relative;     /* Для удобства дальнейшей стилизации, если потребуется */
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     height: 526px;
 }

 /* При наведении на саму ссылку (большую картинку) */
 .photoGalleryBlockContainer > a:hover {
     transform: scale(1.03);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
 }

 /* Картинка внутри ссылки (большая) */
 .photoGalleryBlockContainer > a img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 10px; /* Радиус скругления такой же, как у ссылки */
     transition: transform 0.3s ease; /* Если хотите анимацию именно на изображении */
 }

 /* Правая колонка (div), в котором 2 маленьких сверху и 1 широкая снизу) */
 .photoGalleryBlockContainer > div {
     display: flex;
     flex-direction: column;
     gap: 32px;
     flex: 1;               /* Занимает вторую половину контейнера */
 }

 /* Верхний блок (2 маленькие картинки) */
 .photoGalleryBlockContainer > div > div {
     display: flex;
     gap: 32px;
     width: 100%;
     flex: 1; /* чтобы поделить доступную высоту между верхним и нижним блоком */
 }

 /* КАЖДАЯ из двух маленьких картинок теперь в ссылке */
 .photoGalleryBlockContainer > div > div a {
     flex: 1;
     display: block;
     max-height: 250px;
     border-radius: 10px;
     overflow: hidden;
     position: relative;
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .photoGalleryBlockContainer > .smalls > .smallsImages a {
     flex: 1;
     display: block;
     height: 275px;
     width: 275px;
     border-radius: 10px;
     overflow: hidden;
     position: relative;
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 /* Ховер-эффект на маленьких ссылках */
 .photoGalleryBlockContainer > div > div a:hover {
     transform: scale(1.03);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
 }

 /* Картинка внутри каждой маленькой ссылки */
 .photoGalleryBlockContainer > div > div a img {
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 10px;
     transition: transform 0.3s ease;
 }

 /* Блок для широкой картинки внизу (класс .wide), внутри которого ссылка */
 .photoGalleryBlockItem.wide {
     flex: 1;
     display: block;
     overflow: hidden;
     position: relative;
 }

 .photoGalleryBlockItem.wide a {
     display: block;
     width: 100%;
     height: 100%;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .photoGalleryBlockItem.wide a:hover {
     transform: scale(1.03);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
 }

 .photoGalleryBlockItem.wide a img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 10px;
     display: block;
     transition: transform 0.3s ease;
 }
@media screen and (max-width: 1100px)
{
    .actionsContainer {
        justify-content: center;
        padding-right: 16px;
        padding-left: 16px;
    }

}

 @media screen and (max-width: 768px) {
    .actionsItem
    {
        width: 180px;
    }
     .carousel-item {
         background-position: 77% center!important;
     }


     .photoGalleryBlockContainer {
         flex-direction: column;
         flex-wrap: wrap;
     }
     .photoGalleryBlockContainer > div
     {
         flex-direction: column;
         flex-wrap: wrap;
         width: 100%;
     }

     .photoGalleryBlockContainer > div > div
     {
         flex-wrap: wrap;
     }
 }




 @media screen and (max-width: 768px) {
     .myCarouselMainTitle {
         font-size: 40px;
         line-height: 48px;
     }

     .innerCarouselItem {
         gap: 32px !important;
     }

     .mainSocial {
         gap: 24px;

         .mainSocialTitle {
             font-size: 28px;
             height: 40px;
             padding-block: 32px;
         }
     }

     .myCarouselAdvantMain .carousel-item {
         height: 592px;

     }

     .myCarouselAdvantMain {
         width: 100%;

         .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;
         }
     }
     .newsBlockContainer {
         display: flex;
         justify-content: center;
         align-items: flex-start;
         flex-wrap: wrap;
         flex-direction: column;
         gap: 24px;
     }
     .allNewsItem
     {
         max-width: 370px;
     }
     .ministerItem {
         flex-direction: column;
         max-height: 100%;
         justify-content: center;
         align-items: center;
         padding-top: 50px;
     }

 }


 @media screen and (max-width: 426px) {
     .actionsItem {
         min-width: 164px;
         width: 45%;
     }
     myCarouselAdvantList > a
     {
         width: 100%
     }
     .myCarouselAdvantText
     {
         display: inline-block;
         width: 90%;
     }
     .actionsContainer {
         justify-content: flex-start;
     }
     .carousel-image
     {
         display: block!important;
     }
     .carousel-image > img
     {
         width: 100%;
     }
     .myCarouselMain .innerCarouselItem
     {
         justify-content: space-between !important;
     }


     .myCarouselAdvantMain {
         background-color: #070918; /* Черный фон для всего слайдера */
     }

     .carousel-item {
         background-color: #070918; /* Черный фон для всего слайдера */
         background-image: none !important;
     }

     .innerCarouselItem {
         flex-grow: 1; /* Чтобы список событий заполнял пространство */
     }

     .carousel-item::after {
         content: "";
         display: block;
         width: 100%;
         height: 150px; /* Высота изображения */
         background-image: url('/img/logo.png'); /* Укажи путь к картинке */
         background-size: contain;
         background-position: center bottom;
         background-repeat: no-repeat;
     }

     .myCarouselAdvantList
     {
         padding-left: 25px;
     }
     .myCarouselMainTitle {
         font-size: 20px;
         line-height: 28px;
     }

     .innerCarouselItem {
         gap: 32px !important;
     }


     .myCarouselAdvantMain .carousel-item {
         height: 818px;
     }

     .myCarouselAdvantMain {
         .innerCarouselItem {
             padding-top: 24px !important;
         }

         .myCarouselAdvantTitle {
             font-size: 20px !important;
             line-height: 28px !important;
             padding-left: 25px;
         }

         .myCarouselAdvantList {
             gap: 16px;
         }
     }

     .myCarouselNews .carousel-item {
         height: 200px !important;

     }

     .academy-cards-container
     {
         margin-left: 1.5rem;
         margin-right: 1.5rem;
     }
     .heading-page
     {
         margin-left: 1.5rem;
     }
     .breadcrumb
     {
         margin-left: 1.5rem;
     }
     .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;
     }
 }