.border-bottom-radius-24 {
      border-bottom-right-radius: 24px;
      border-bottom-left-radius: 24px;
  }

  .mb-6 {
      margin-bottom: 6rem !important;
  }

  .mt-6 {
      margin-top: 6rem !important;
  }

  .pb-6 {
      padding-bottom: 6rem !important;
  }

  .pt-6 {
      padding-top: 6rem !important;
  }

  body {
      font-family: 'Manrope';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 140%;
      color: #0B1219;
  }

  .container-cargo {
      padding: 0px;
      margin: 1rem 4rem 1rem 4rem;
  }

  @media (max-width: 960px) {
      .container-cargo {
          margin: 1rem;
      }
  }


  /*ФОНЫ*/
  .about_background {
      background-image: url('/uploads/design/About1.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      min-height: 700px;
      /* Вот как заставить его залезть наверх */
      margin-top: -80px;
      /* Отрицательный margin равен высоте хедера  */
      /* Если внутри есть текст, чтобы он не уехал под хедер */
      padding-top: 80px;
      /* Добавляем отступ сверху равный высоте хедера */
      box-sizing: border-box;
  }

  .about2_background {
      background-image: url('/uploads/design/About2.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      box-sizing: border-box;
  }

.home_background {
      background-image: url('/uploads/design/Hero_Desktop.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: calc(100vh - 72px);
      /* Вот как заставить его залезть наверх */
      margin-top: -80px;
      /* Отрицательный margin равен высоте хедера  */
      /* Если внутри есть текст, чтобы он не уехал под хедер */
      padding-top: 80px;
      /* Добавляем отступ сверху равный высоте хедера */
      box-sizing: border-box;
  }
@media (max-width: 768px) {
      .home_background {
          background-image: url('/uploads/design/Hero_Mobile.png');
          height: 100%;
      }
  }

.bg-brand-gray {background-color: #F0F5F9;}
  /*END ФОНЫ*/

  /*HEADER*/

  .header-cargo {
      height: 80px;
  }

  /* Класс, который добавится через JS при скролле */
  .header-cargo.header--scrolled .navbar-container {
      background-color: #FFF;
      /* Белый непрозрачный */
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      /* Легкая тень для объема */
  }

  .navbar-cargo {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      margin: 1rem 4rem 1rem 4rem;
  }

  @media (max-width: 768px) {
      .navbar-cargo {
          margin: 1rem;
      }
  }

  .navbar-cargo .nav-link {
      text-align: center;
  }

  .breadcrumb-cargo {
      margin: 0 4rem 0 4rem;
      background: transparent !important;
  }

  .breadcrumb-cargo .breadcrumb {
      background: transparent !important;
      margin: 0;
      padding: 0;
  }

  @media (max-width: 768px) {
      .breadcrumb-cargo {
          margin: 1rem;
      }
  }

  /*кнопки*/
  .btn-cargo {
      align-items: center;
      text-decoration: none !important;
  }

@media (max-width: 768px) {
      .btn-cargo {
      display: flex;
      flex-direction: row;
      justify-content: center;
      }
  }

  /* size*/
  .btn-big {
      padding: 12px 16px;
      height: 48px;
      min-height: 48px;
      border-radius: 12px;
  }

  /* Мобильная версия */
  @media (max-width: 768px) {
      .btn-big {
          padding: 8px 12px;
          height: 44px;
          min-height: 44px;
          border-radius: 10px;
      }
  }

  .btn-middle {
      padding: 10px 16px;
      height: 44px;
      min-height: 44px;
      border-radius: 12px;
  }

  /* Мобильная версия */
  @media (max-width: 768px) {
      .btn-middle {
          padding: 6px 12px;
          height: 40px;
          min-height: 40px;
          border-radius: 10px;
      }
  }

  .btn-icon-big {
      padding: 12px 16px;
      width: 48px;
      height: 48px;
      border-radius: 12px;
  }

  /* Мобильная версия */
  @media (max-width: 768px) {
      .btn-icon-big {
          padding: 12px;
          width: 44px;
          height: 44px;
          min-height: 44px;
          border-radius: 10px;
      }
  }

  .btn-icon-middle {
      width: 44px;
      height: 44px;
      border-radius: 12px;
  }

  /* Мобильная версия */
  @media (max-width: 768px) {
      .btn-icon-middle {
          padding: 10px;
          width: 40px;
          height: 40px;
          min-height: 40px;
          border-radius: 10px;
      }
  }

  .btn-small {
      padding: 10px 8px;
      width: 82px;
      height: 40px;
      border-radius: 10px;
  }

  .btn-icon-small {
      padding: 8px;
      width: 40px;
      height: 40px;
      border-radius: 24px;
  }

  /*blue-primary*/
  .btn-cargo-blue-primary {
      background: #1B75DB;
      color: #FFFFFF;
  }

  .btn-cargo-blue-primary:hover {
      background: #1568C4;
      color: #FFFFFF;
  }

  .btn-cargo-blue-primary:active {
      background: #0F529F;
      box-shadow: 0px 0px 0px 2px rgba(0, 105, 168, 0.2);
      color: #FFFFFF;
  }

  .bbtn-cargo-blue-primary:disabled {
      background: #1B75DB;
      opacity: 0.4;
      color: #FFFFFF;
  }

  /*end blue-primary*/

  /*blue-secondary*/
  .btn-cargo-blue-secondary {
      background: #E6F2FE;
      color: #0B3D7A;
  }

  .btn-cargo-blue-secondary:hover {
      background: #C6E3FB;
      color: #0B3D7A;
  }

  .btn-cargo-blue-secondary:active {
      background: #97C8F7;
      box-shadow: 0px 0px 0px 2px rgba(0, 105, 168, 0.2);
      color: #0B3D7A;
  }

  .bbtn-cargo-blue-secondary:disabled {
      background: #E6F2FE;
      opacity: 0.4;
      color: #0B3D7A;
  }

  /*end blue-secondary*/

  /*blue-tertiary*/
  .btn-cargo-blue-tertiary {
      background: #FFFFFF;
      color: #1E7FEA;
  }

  .btn-cargo-blue-tertiary:hover {
      background: #F3F9FF;
      color: #1E7FEA;
  }

  .btn-cargo-blue-tertiary:active {
      background: #E6F2FE;
      box-shadow: 0px 0px 0px 2px rgba(0, 105, 168, 0.2);
      color: #1E7FEA;
  }

  .btn-cargo-blue-tertiary:disabled {
      background: #FFFFFF;
      opacity: 0.4;
      color: #1E7FEA;
  }

  /*end blue-tertiary*/

  /*gray-primary*/
  .btn-cargo-gray-primary {
      background: #F0F5F9;
      color: #1C2F3F;
  }

  .btn-cargo-gray-primary:hover {
      background: #E2ECF4;
      color: #1C2F3F;
  }

  .btn-cargo-gray-primary:active {
      background: #CBDCEC;
      box-shadow: 0px 0px 0px 2px rgba(0, 105, 168, 0.2);
      color: #1C2F3F;
  }

  .bbtn-cargo-gray-primary:disabled {
      background: #F0F5F9;
      opacity: 0.4;
      color: #1C2F3F;
  }

  /*end gray-primary*/

  /*gray-secondary*/
  .btn-cargo-gray-secondary {
      background: #FFFFFF;
      color: #1C2F3F;
  }

  .btn-cargo-gray-secondary:hover {
      background: #F0F5F9;
      color: #1C2F3F;
  }

  .btn-cargo-gray-secondary:active {
      background: #E2ECF4;
      box-shadow: 0px 0px 0px 2px rgba(0, 105, 168, 0.2);
      color: #1C2F3F;
  }

  .bbtn-cargo-gray-secondary:disabled {
      background: #FFFFFF;
      opacity: 0.4;
      color: #1C2F3F;
  }

  /*end gray-secondary*/

  /*gray-tertiary*/
  .btn-cargo-gray-tertiary {
      background: #FFFFFF;
      color: #40607D;
  }

  .btn-cargo-gray-tertiary:hover {
      background: #F0F5F9;
      color: #40607D;
  }

  .btn-cargo-gray-tertiary:active {
      background: #E2ECF4;
      box-shadow: 0px 0px 0px 2px rgba(0, 105, 168, 0.2);
      color: #40607D;
  }

  .btn-cargo-gray-tertiary:disabled {
      background: #FFFFFF;
      opacity: 0.4;
      color: #40607D;
  }

  /*end gray-tertiary*/

  /*FORM*/
  .label-text-cargo {
      color: #40607D;
      font-size: 14px;
  }

  .input-cargo input,
  .input-cargo select {
      padding: 8px;
      height: 48px;
      background: #FFFFFF;
      opacity: 0.9;
      border: 1px solid #E2ECF4;
      border-radius: 12px;
  }

  @media (max-width: 768px) {

      .input-cargo input,
      .input-cargo select {
          padding: 6px;
          border-radius: 10px;
          height: 44px;
      }
  }

  .input-cargo input:hover,
  .input-cargo select:hover {
      border: 1px solid #97C8F7;
  }

  .input-cargo input:focus,
  .input-cargo select:focus {
      border: 1px solid #97C8F7;
      box-shadow: 0px 0px 0px 2px rgba(0, 105, 168, 0.2);
  }

  .input-cargo input:disabled,
  .input-cargo select:disabled {
      background: #F0F5F9;
      opacity: 0.9;
      border: 1px solid #E2ECF4;
      color: #7393B0;
  }

  .input-cargo input:invalid,
  .input-cargo select:invalid {
      background: #FFFFFF;
      opacity: 0.9;
      border: 1px solid #D32727;
  }

  /*END FORM*/


  /* Card */
  .card-cargo {
      padding: 24px;
      background: #F0F5F9;
      border-radius: 32px;
  }

  .review-cargo {
      padding: 24px;
      background: #F0F5F9;
      border-radius: 32px;
      min-height: 200px;
  }


  /* Обертка для позиционирования */
  .carousel-wrapper {
      position: relative;
      padding: 0 60px;
      /* Отступы для места под стрелки */
  }

  /* Базовые стили кастомных кнопок */
  .custom-carousel-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: transparent;
      border: none;
      cursor: pointer;
      z-index: 10;
      transition: opacity 0.2s ease;
  }


  .custom-carousel-prev {
      left: -8rem;
      /* Слева за пределами карусели */
  }

  .custom-carousel-next {
      right: -8rem;
      /* Справа за пределами карусели */
  }

  @media (max-width: 768px) {
      .carousel-wrapper {
          padding: 0 40px;
          /* Уменьшаем отступы на мобилках */
      }
  }

  .footer-cargo {
      display: flex;
      flex-direction: row;
      justify-content: center;
  }

  @media (max-width: 768px) {
      .footer-cargo {
          flex-direction: column;
      }
  }

  .container-cargo .carousel-indicators li {
      background-color: #97C8F7;
      border-radius: 12px;
      width: 25%;
      height: 8px;
  }