.faq__container {
     height: auto;
     /* Для адаптации на небольших экранах */
     display: flex;
     /* flex-wrap: wrap; */
     /* Разрешает перенос содержимого */
     align-items: center;
     justify-content: center;
     gap: 300px;
     padding: 20px;
     /* position: relative;
     overflow: hidden; */
     background-color: white;
}

.faq__container img {
     max-width: 100%;
     /* Уменьшается для мобильных */
     height: auto;
     /* Сохраняет пропорции */
     border-radius: 15px;
     object-fit: cover;
     opacity: 0;
     transform: translateX(-100px);
     animation: fadeInLeft 1s ease forwards;
}

.faq__card {
     max-width: 500px;
     display: flex;
     flex-direction: column;
     /* Колонка */
     align-items: flex-start;
     /* Выравнивание по левому краю */
     justify-content: flex-start;
     gap: 15px;
     /* Общий разрыв между карточками */
     width: 100%;
}

.faq__box {
	padding:20px;
     width: 100%;
     max-width: 400px;
     /* Оптимальная ширина */
     min-height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     background-color: white;
     border: solid 2px #040029;
     border-radius: 8px;
     color: #333;
     font-size: 16px;
     line-height: 1.4;
     opacity: 0;
     transform: translateY(50px);
     animation: fadeInUp 0.6s ease forwards;
     cursor: pointer;
}

.faq__box:nth-child(odd) {
     align-self: flex-start;
     /* Карточки с нечетным индексом ближе к левому краю */
     margin-left: 35px;
	 text-align: left;
     /* Смещение влево */
}

.faq__box:nth-child(even) {
     align-self: flex-end;
     /* Карточки с четным индексом ближе к правому краю */
     margin-right: -25px;
	 text-align: left;
     /* Смещение вправо */
}

.faq__box:hover {
     /* Легкий градиент на фоне */
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     /* Слабая тень для современности */
     transition: background 0.3s ease, box-shadow 0.3s ease;
     /* Плавные переходы */
     background-color: #efecff;
}

.faq__box:active {
     transform: translateY(2px);
     /* Легкое смещение при нажатии */
}
/* Анимация появления */
@keyframes fadeInUp {
     0% {
          opacity: 0;
          transform: translateY(50px);
     }

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

/* Медиазапросы */

@media screen and (max-width: 1200px) {
     .faq__container {
          flex-direction: column;
          /* Колонка для мобильных */
          gap: 10px;
     }

     .faq__container img {
          max-width: 80%;
          /* Изображение меньше */
     }

     .faq__box {
          font-size: 14px;
          max-width: 90%;
     }
}

/* Анимации */
@keyframes fadeInUp {
     0% {
          opacity: 0;
          transform: translateY(50px);
     }

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

@keyframes fadeInLeft {
     0% {
          opacity: 0;
          transform: translateX(-100px);
     }

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