body {
      font-family: 'Montserrat', sans-serif;
      background-image: url('/img/bg.webp');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      color: #ffffff;
    }
html {
  scroll-behavior: smooth;
}
    .gradient-header {
      background: linear-gradient(to right, #0f172a, #1e293b);
    }
    .service-card:hover,  {
      transform: translateY(-5px);
      transition: all 0.3s ease-in-out;
      box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    }
    .cta-button {
      background-color: #ffb800;
      color: #141822;
      transition: all 0.2s linear;
    }
    .cta-button:hover {
      background-color: #f59e0b;
    }
    .section-title {
      text-align: center;
      font-size: 2rem;
      font-weight: 800;
      color: #ffffff;
    }
    input::placeholder {
      color: #ccc;
    }
    input, textarea {
      background-color: rgba(255, 255, 255, 0.1);
      color: #fff;
    }
    .input-error {
      border-color: red !important;
    }
    .error-message {
      display: none;
      color: red;
      font-size: 0.875rem;
    }
    .success-message {
      color: green;
      font-size: 1.25rem;
      font-weight: bold;
    }

    /* Добавление стиля для неактивной кнопки */
    .cta-button[disabled] {
      background-color: #d1d5db; /* Серый цвет для неактивной кнопки */
      color: #6b7280; /* Цвет текста для неактивной кнопки */
      cursor: not-allowed;
    }

     /* Цвета компании */
    .text-yellow {
      color: #ffb800;
    }
    .border-yellow {
      border: 1px solid #ffb800;
    }
    .border-yellow:hover {
      transform: translateY(-5px);
      transition: all 0.3s ease-in-out;
      box-shadow: 0 10px 20px rgba(0,0,0,0.1); 
    }
    .bg-yellow {
      background-color: #ffb800;
    }

      /* Табы этапов */
  .steps-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    align-items: center;
  }

  .step-item {
    background-color: #2d3748;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  }

  /* Адаптивная верстка для шагов*/
  @media (max-width: 1024px) {
    .steps-container {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 768px) {
    .steps-container {
      grid-template-columns: 1fr;
    }
  }
  
  /* Добавление стилей для анимации аккордеона */
  .faq-item button {
    outline: none;
    transition: all 0.3s ease;
  }
  .faq-item button:focus {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
  }

  /* Высота блоков в карусели */
  .h-fix-carousel {
    height: 368px!important;
  }
  .no-hover:hover {
      transform: translateY(0px);
      transition: all 0.3s ease-in-out;
      box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  }
  @media (max-width: 1090px) {
    .h-fix-carousel {
    height: 440px !important;
    }
   }
  @media (max-width: 1070px) {
    .h-fix-carousel {
    height: 420px !important;
    }
   }
  @media (max-width: 1024px) {
    .h-fix-carousel {
    height: 308px !important;
    }
   }
  @media (max-width: 880px) {
    .h-fix-carousel {
    height: 360px !important;
    }
   }
  @media (max-width: 780px) {
    .h-fix-carousel {
    height: 440px !important;
    }
   }

  @media (max-width: 648px) {
    .h-fix-carousel {
    height: 480px !important;
    }
   }

  @media (max-width: 550px) {
    .h-fix-carousel {
    height: 420px !important;
    }
   }
    @media (max-width: 371px) {
    .h-fix-carousel {
    height: 520px !important;
    }
   }