/* =========================
       FAQ SECTION
    ========================= */
    .faq-section {
        background-image: url('https://gtechsinfo.online/aaanew/img/10.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 70px 0 75px;
        position: relative;
    }

   

    /* Small heading */
    .faq-subtitle {
        color: #087df5;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 12px;
    }

    /* Main heading */
    .faq-title {
        color: #082d5c;
        font-size: 36px;
        font-weight: 500;
        line-height: 1.2;
        margin: 0 0 36px;
    }

    /* FAQ column */
    .faq-column {
        display: flex;
        flex-direction: column;
        gap: 28px;
    }

    /* FAQ item */
    .faq-item {
        background: #ffffff;
        border: 1px solid #d8e4f2;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(20, 60, 100, 0.03);
    }

    /* FAQ button */
    .faq-button {
        width: 100%;
        min-height: 58px;
        border: 0;
        background: #ffffff;
        color: #071f43;
        padding: 17px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.4;
        cursor: pointer;
        transition: all 0.25s ease;
    }

    .faq-button:hover {
        background: #f8fbff;
    }

    /* Active button */
    .faq-button:not(.collapsed) {
        background: #0b3d73;
        color: #ffffff;
    }

    /* Arrow */
    .faq-icon {
        flex: 0 0 auto;
        font-size: 14px;
        margin-left: 15px;
        transition: transform 0.25s ease;
    }

    .faq-button:not(.collapsed) .faq-icon {
        transform: rotate(180deg);
    }

    /* Answer */
    .faq-answer {
        background: #ffffff;
        color: #315477;
        font-size: 14px;
        line-height: 1.8;
        padding: 16px 20px 20px;
    }

    .faq-answer p {
        margin: 0;
    }


    /* =========================
       TABLET
    ========================= */
    @media (max-width: 991.98px) {

        .faq-section {
            padding: 60px 20px;
        }

        .faq-container {
            max-width: 900px;
        }

        .faq-title {
            font-size: 32px;
        }

        .faq-column {
            gap: 20px;
        }
    }


    /* =========================
       MOBILE
    ========================= */
    @media (max-width: 767.98px) {

        .faq-section {
            padding: 50px 15px 55px;
            background-position: center;
        }

        .faq-subtitle {
            font-size: 11px;
            margin-bottom: 10px;
        }

        .faq-title {
            font-size: 28px;
            line-height: 1.25;
            margin-bottom: 28px;
        }

        .faq-row {
            display: block;
        }

        .faq-column {
            gap: 14px;
        }

        .faq-column + .faq-column {
            margin-top: 14px;
        }

        .faq-button {
            min-height: 58px;
            padding: 16px 15px;
            font-size: 13px;
        }

        .faq-answer {
            padding: 14px 15px 17px;
            font-size: 13px;
            line-height: 1.7;
        }

        .faq-icon {
            font-size: 13px;
            margin-left: 10px;
        }
    }


    /* =========================
       SMALL MOBILE
    ========================= */
    @media (max-width: 480px) {

        .faq-section {
            padding: 40px 12px 45px;
        }

        .faq-title {
            font-size: 25px;
        }

        .faq-button {
            font-size: 12.5px;
            padding: 15px 13px;
        }

        .faq-answer {
            font-size: 12.5px;
            padding: 13px;
        }
    }