/* ========================
           Секция "FAQ" (Часто задаваемые вопросы)
               ======================== */
            .faq-section {
                padding: 6rem 0;
                background-color: #f3f7f5; /* Светло-зеленовато-серый фон */
                position: relative;
                overflow: hidden;
            }
        
            /* Декоративные фоновые элементы (весы и фемида как на фоне) */
            .faq-section::before,
            .faq-section::after {
                content: '';
                position: absolute;
                top: 0;
                bottom: 0;
                width: 400px;
                background-size: contain;
                background-repeat: no-repeat;
                opacity: 0.05; /* Очень прозрачный водяной знак */
                z-index: 0;
                pointer-events: none;
            }
            .faq-section::before {
                left: -100px;
                background-position: left center;
                /* Раскомментируйте, когда будут нужные паттерны: background-image: url('path-to-left-bg.svg'); */
            }
            .faq-section::after {
                right: -100px;
                background-position: right center;
                /* Раскомментируйте: background-image: url('path-to-right-bg.svg'); */
            }
        
            /* Левая колонка со статичным контентом */
            .faq-static-col {
                position: relative;
                z-index: 2;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding-right: 2rem;
            }
        
            .faq-main-title {
                font-size: clamp(2.5rem, 4vw, 3.2rem);
                font-weight: 700;
                color: #295341; /* Темно-зеленый из макета */
                margin-bottom: 2rem;
                line-height: 1.1;
                letter-spacing: -0.5px;
            }
        
            .btn-faq {
                background-color: #295341;
                color: #ffffff;
                font-weight: 600;
                font-size: 0.95rem;
                padding: 1rem 1.5rem;
                border-radius: 4px;
                border: none;
                transition: all 0.3s ease;
                text-decoration: none;
                display: inline-block;
                align-self: flex-start;
            }
        
            .btn-faq:hover {
                background-color: #1e3d30;
                color: #ffffff;
            }
        
            /* Правая колонка с каруселью */
            .faq-slider-wrapper {
                position: relative;
                z-index: 2;
                height: 100%;
            }
        
            .faqSwiper {
                padding-bottom: 4rem; /* Место под навигацию снизу */
            }
        
            .faq-slide-img {
                width: 100%;
                border-radius: 16px;
                object-fit: cover;
                aspect-ratio: 4 / 6; /* Вытянутые пропорции как на макете */
                box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            }
        
            /* Блок с текстом вопроса и ответа */
            .faq-text-content {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
        
            .faq-question {
                font-size: clamp(1.4rem, 2vw, 1.8rem);
                font-weight: 700;
                color: #295341;
                margin-bottom: 1.5rem;
                line-height: 1.3;
            }
        
            .faq-answer {
                font-size: 1.05rem;
                line-height: 1.7;
                color: #111;
                font-weight: 500;
            }
        
            /* Навигация (Стрелки и дроби) */
            .faq-controls {
                position: absolute;
                bottom: 0;
                right: 15px; /* Выравнивание по правому краю колонки */
                display: flex;
                align-items: center;
                gap: 1rem;
                z-index: 10;
            }
        
            .faq-nav-btn {
                background: transparent;
                border: none;
                color: #111;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: color 0.3s ease, transform 0.3s ease;
                padding: 0;
            }
        
            .faq-nav-btn:hover {
                color: #295341;
                transform: scale(1.1);
            }
        
            .faq-nav-btn svg {
                width: 32px;
                height: 32px;
            }
        
            .faq-pagination {
                font-size: 1.5rem;
                font-weight: 500;
                color: #111;
                letter-spacing: 2px;
                display: inline-block;
                min-width: 60px; /* Чтобы ширина не прыгала */
                text-align: center;
            }
        
            /* Адаптив */
            @media (max-width: 991px) {
                .faq-static-col {
                    margin-bottom: 3rem;
                    align-items: center;
                    text-align: center;
                    padding-right: calc(var(--bs-gutter-x) * .5);
                }
                .btn-faq {
                    align-self: center;
                }
                .faq-text-content {
                    text-align: center !important;
                    margin-top: 2rem;
                }
                .faq-controls {
                    right: 50%;
                    transform: translateX(50%);
                }
                .faqSwiper {
                    padding-bottom: 5rem;
                }
            }

/* ========================