.intro-v {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 80px 0 88px 0;
  border-bottom: 2px solid #89b7de;
  width: 100%;
}
.center {
  display: flex;
  align-items: center; /* Изменено на center для вертикального выравнивания */
  justify-content: center; /* Добавлено для горизонтального центрирования */
  gap: 36px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; /* Изменено для центрирования блока */
  padding: 0 20px; /* Добавлено для отступов по краям */
}

.robot-bagage {
  position: relative;
  top: -0.3em; /* Точная подгонка по вертикали */
  flex-shrink: 0;
  width: 20%;
  height: 20%;
  margin-right: 30px;
  min-width: 150px;
  align-items: center;
}



.mixvel-platform {
  display: block;
  flex-grow: 1;
  position: relative;
  width: 100%;
  max-width: 900px;
  color: #4d89b9;
  font-family: Montserrat, var(--default-font-family);
  font-size: 22px;
  font-size: clamp(13px, 2.5vw, 22px);
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  letter-spacing: 0.33px;
  z-index: 5;
  padding: 0px
}

.robot-baggage-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 1024px) {
  .mixvel-platform {
    max-width: 100%;
  }
}

@media (max-width: 1150px) {
  .robot-bagage {
    width: 32%;
  }

  .robot-baggage-img {
    height: auto;
  }
}

@media (max-width: 768px) {
  .mixvel-platform {
    padding: 20px 0 0 0;
    max-width: 100%;
  }

  .robot-bagage {
    width: 37%;
    margin-right:40px;
  
  }

  .robot-baggage-img {
    height: auto;
  }
}

@media (max-width: 580px) {
  .robot-bagage {
    width: 50%;
    margin-right: 40px;
    top: 3em;
  }

}



  @media (max-width: 495px) {
    .mixvel-platform {
      padding: 10px 0 0 0;
      max-width: 100%;
    }

    .center {
      flex-wrap: wrap;
      margin-left: 10px;
    }

    robot-bagage {
      min-width: 300px;
      min-height: 300px;
    }

    .robot-baggage-img {
      height: auto;
      min-width: 270px;
      min-height: 270px;
    }
  }


  .video-v {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    flex-wrap: wrap;
    flex-shrink: 0;
    position: relative;
    padding: 80px 20px 104px 0;
    z-index: 124;
    border-bottom: 2px solid #89b7de;
  }





  .plyr video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .video-container {
    position: relative;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    border: 2px solid #89b7de;
    right: 20px;
    /* aspect ratio 16:9 via padding trick */
    padding-bottom: 56.25%;
    height: 0;
  }

  .video-container video {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
  }

  @media (max-width: 1250px) {
    .video-container {
      margin-left: 30px;
    }
  }


  .cashier-promo-mix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 1s ease-out;
    z-index: 10;
  }

    /* Само изображение превью */
    .cashier-promo-mix img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.polygon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15vw;
  height: 15vw;
  min-width: 80px;
  max-width: 200px;
  min-height: 80px;
  max-height: 200px;
  background: url('../images/Polygon.png') no-repeat center center;
  background-size: contain;
  cursor: pointer;
  z-index: 15; /*
    border-radius: 50%;*/
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, height 0.3s ease;
  opacity: 0.65;
}

    .polygon:hover {
      opacity: 1;
    }


  .plyr__controls {
    background-color: #C4E1F8;
    border: none !important;
  }

  .plyr--video {
    --plyr-video-controls-background: #C4E1F8 !important;
  }

    .plyr--video .plyr__controls {
      background: linear-gradient(transparent, rgba(173, 216, 230, 0.75)) !important;
    }


  .plyr__control--overlaid {
  }

  .plyr__control {
    color: #2C3E50; /* Темно-синий цвет для кнопок */
  }

  .plyr__progress {
    background-color: rgba(255, 255, 255, 0.3); /* Светлая линия прогресса */
  }

  .plyr__progress--played {
    background-color: #2980b9; /* Синий цвет для прогресса */
  }

  .plyr__progress--buffer {
    background-color: #7f8c8d; /* Серый цвет для буферизации */
  }

  .plyr__time {
    color: #2C3E50;
  }

  .plyr__volume {
    background-color: #2980b9; /* Голубая кнопка громкости */
  }

  .plyr__fullscreen {
    background-color: #2980b9; /* Голубая кнопка полноэкранного режима */
  }

  /* Класс для скрытия элементов */
  .hidden {
    opacity: 0;
    pointer-events: none;
  }



  .cashier-promo-mix, .polygon {
    transition: opacity 1s ease-in-out;
  }

  .hidden {
    opacity: 0;
    pointer-events: none; /* Чтобы нельзя было кликнуть на скрытые элементы */
  }

  .cashier-promo-mix.hidden {
    opacity: 0; /* Сделать картинку прозрачной */
    pointer-events: none; /* Отключить кликабельность, когда она скрыта */
  }

  video {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block; /* Убедитесь, что видео не скрыто */
  }

  @media (max-width: 1150px) {
    .content {
      width: 100%;
    }
  }


  .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    transform: translate(-50%, -50%);
    z-index: 20; /* Выше всех элементов */
  }

  /* Анимация вращения */
  @keyframes spin {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
      transform: translate(-50%, -50%) rotate(360deg);
    }
  }
.passengers-page .intro-v,
.partners-page .intro-v {
  padding: 60px 0 88px 0;
  border-bottom: unset;
  border-top: 2px solid #89b7de;
}

.passengers-page .content-mix-v,
.partners-page .content-mix-v {
  padding: 120px 0 0 0;
}

.passengers {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  padding: 64px 0 88px 0;
  border-bottom: 2px solid #89b7de;
  z-index: 1;
}


.passengers-page .content-mix-v {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  min-height: 0;
  padding: 120px 0 0 0;
  min-height: calc(100vh - 200px);
}

@media (min-width: 1850px) {
  .content-mix-v {
    width: 100%;
  }
}

.passengers-1 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 13px;
  color: #ffffff;
  font-family: Montserrat, var(--default-font-family);
  font-size: 18px;
  font-weight: 600;
  line-height: 13px;
  text-align: left;
  font-style: italic;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 0.27px;
  z-index: 15;
}

@media (max-width: 400px) {
  .passengers-1 {
    right: 30px;
  }
}

.passengers-page .sub-title,
.partners-page .sub-title {
  display: flex;
  align-items: center;
  width: 600px;
}

.passengers-2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  z-index: 20;
}

.face-man {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(../images/697edda1-79d0-49de-b0b6-051d644d2a4e.png) no-repeat center;
  background-size: cover;
  z-index: 8;
  overflow: hidden;
}

.face-woman {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(../images/89c5622b-d51f-42f9-bf77-d46e93d42881.png) no-repeat center;
  background-size: cover;
  z-index: 9;
  overflow: hidden;
}

.face-boy {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(../images/556eba84-31ba-4196-b60a-fcbfb5211fbd.png) no-repeat center;
  background-size: cover;
  z-index: 10;
  overflow: hidden;
}

.face-girl {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(../images/e2b8ed32-240a-4a0a-8b04-bca0ed6177bb.png) no-repeat center;
  background-size: cover;
  z-index: 11;
  overflow: hidden;
}

.face-infant {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 24px;
  background: url(../images/4427ef48-325a-415c-b07d-b29de114ad3d.png) no-repeat center;
  background-size: cover;
  z-index: 12;
  overflow: hidden;
}

.robot-stright {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 243px;
  height: 362px;
  z-index: 13;
}

.robot-stright-cc-hi {
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-width: 0;
  min-height: 0;
  background: url(../images/c8a61fce5377575ed3f5aea6ca0766a772c38b45.png) no-repeat center;
  background-size: cover;
  z-index: 14;
}

.txt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  width: 100%;
  padding: 50px 0 0 0;
}

.passengers-page .center {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  gap: 36px;
  position: relative;
  z-index: 2;
}

.platform-mixvel {
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 845px;
  height: 314px;
  color: #4d89b9;
  font-family: Montserrat, var(--default-font-family);
  font-style: italic;
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  letter-spacing: 0.33px;
  z-index: 16;
  padding: 20px;
  font-size: clamp(13px, 2.5vw, 22px);
}


@media (max-width: 900px) {
  .platform-mixvel {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    padding: 20px;
  }
}

@media (max-width: 629px) {
  .platform-mixvel {
    margin-bottom: 60px;
  }
}

@media (max-width: 490px) {
  .platform-mixvel {
    margin-bottom: 170px;
  }
}

@media (max-width: 360px) {
  .platform-mixvel {
    margin-bottom: 230px;
  }
}

/* Стили для пунктов с точками */
.ticket-item {
  color: #4d89b9;
  position: relative;
  padding-left: 25px;
  font-size: 20px;
  display: inline-block; /* Оставляем текст на одной строке */
  margin-bottom: 8px; /* Отступ между пунктами */
}

  /* Стили для точек перед элементами */
  .ticket-item::before {
    content: '•';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #89b7de;
    font-size: 20px; /* Размер точки */
  }