.faq-wrapper {
/*    max-width: 950px;*/
    margin: 0 auto;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding:0;
}

.faq-header {
    background: linear-gradient(135deg, #0a1d37 0%, #0f3460 30%, #16213e 70%, #1e5f9e 100%);
    padding: 2rem;
    text-align: center;
}

    .faq-header h2 {
        color: #fff;
        font-weight: 700;
        font-size: 1.8rem;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

        .faq-header h2 i {
            font-size: 2rem;
        }


    .faq-header p {
        color: #d4e3ff;
        font-size: 0.9rem;
        margin: 0;
    }

.accordion {
    padding: 1.5rem;
}

.accordion-item {
    border: none;
    margin-bottom: 12px;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.accordion-button {
    background: #f8fafc;
    padding: 1rem 1.5rem;
    font-weight: 600;
    font-size: 1rem;
    color: #55585b;
    border: 1px solid #eef2f8;
    border-radius: 12px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

    .accordion-button::after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-right: auto;
        content: "";
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform 0.2s ease-in-out;
    }

    .accordion-button:not(.collapsed)::after {
        transform: rotate(-180deg);
    }

.question-text {
    flex: 1;
    text-align: right;
}

.question-icon {
    font-size: 1.2rem;
    color: #0a4b6e;
    order: 2;
    margin-right: 10px;
}

.accordion-button:not(.collapsed) .question-icon {
    color: #dd2a7b;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: #cfe0f2;
}

.accordion-body {
    background: #ffffff;
    border: 1px solid #eef2f8;
    border-top: none;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    padding: 1.25rem 1.5rem;
    color: #4a5568;
    line-height: 1.7;
}

    .accordion-body ul {
        margin-top: 8px;
        margin-bottom: 0;
        padding-right: 1.2rem;
    }

    .accordion-body li {
        margin-bottom: 5px;
    }

    .accordion-body a {
        color: #0f6b9c;
        text-decoration: none;
        border-bottom: 1px dashed #9ac2db;
    }

        .accordion-body a:hover {
            color: #e67e22;
            border-bottom-color: #e67e22;
        }

.footer-note {
    background: #f8fafd;
    text-align: center;
    border-top: 1px solid #e2e8f0;
    padding: 1rem;
    font-size: 0.8rem;
    color: #6c7a89;
}

    .footer-note i {
        margin-left: 5px;
    }

@media (max-width: 576px) {
    .accordion {
        padding: 1rem;
    }

    .accordion-button {
        font-size: 0.85rem;
        padding: 0.8rem 1rem;
    }

    .faq-header h2 {
        font-size: 1.3rem;
    }

    .faq-header {
        padding: 1.5rem;
    }
}