/* ==========================================================
FAQ
========================================================== */

.ua-faq {
    padding: 7rem 0;
    background: #fff;
}

/* ==========================================================
IMAGE
========================================================== */

.ua-faq-image {
    position: relative;
}

.ua-faq-image img {

    width: 100%;

    border-radius: 30px;

    object-fit: cover;

    min-height: 620px;

    box-shadow:
        0 25px 60px rgba(15, 23, 42, .08);

}

.ua-faq-card {

    position: absolute;

    left: 30px;

    right: 30px;

    bottom: 30px;

    padding: 1.8rem;

    background: rgba(255, 255, 255, .92);

    backdrop-filter: blur(18px);

    border-radius: 22px;

    box-shadow:
        0 15px 35px rgba(15, 23, 42, .08);

}

.ua-faq-card-label {

    display: inline-block;

    margin-bottom: .75rem;

    color: #d49b00;

    font-size: .78rem;

    font-weight: 700;

    letter-spacing: .12em;

    text-transform: uppercase;

}

.ua-faq-card h3 {

    margin-bottom: .75rem;

    font-size: 1.55rem;

    font-weight: 700;

    color: #111827;

}

.ua-faq-card p {

    margin: 0;

    color: #6b7280;

    line-height: 1.8;

}

/* ==========================================================
ACCORDION
========================================================== */

.ua-faq-accordion .accordion-item {

    margin-bottom: 1rem;

    border: none;

    border-radius: 20px !important;

    overflow: hidden;

    background: #fff;

    box-shadow:
        0 10px 35px rgba(15, 23, 42, .05);

}

.ua-faq-accordion .accordion-button {

    padding: 1.4rem 1.6rem;

    font-size: 1rem;

    font-weight: 700;

    color: #111827;

    background: #fff;

    box-shadow: none;

}

.ua-faq-accordion .accordion-button:hover {

    color: #d49b00;

}

.ua-faq-accordion .accordion-button:not(.collapsed) {

    background: #fff;

    color: #111827;

    box-shadow: none;

}

.ua-faq-accordion .accordion-button:focus {

    box-shadow: none;

    border: none;

}

.ua-faq-accordion .accordion-body {

    padding: 0 1.6rem 1.5rem;

    color: #6b7280;

    line-height: 1.9;

    font-size: .96rem;

}

/* Bootstrap Icon */

.ua-faq-accordion .accordion-button::after {

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background-color: #f8fafc;

    background-position: center;

    transition: .3s;

}

.ua-faq-accordion .accordion-button:hover::after {

    background-color: #fff7df;

}

/* ==========================================================
RESPONSIVE
========================================================== */

@media (max-width:991px) {

    .ua-faq {

        padding: 5rem 0;

    }

    .ua-faq-image {

        margin-bottom: 2rem;

    }

    .ua-faq-image img {

        min-height: 420px;

    }

}

@media (max-width:768px) {

    .ua-faq {

        padding: 4rem 0;

    }

    .ua-faq-image img {

        min-height: 340px;

    }

    .ua-faq-card {

        left: 20px;

        right: 20px;

        bottom: 20px;

        padding: 1.4rem;

    }

    .ua-faq-card h3 {

        font-size: 1.25rem;

    }

    .ua-faq-accordion .accordion-button {

        padding: 1.2rem 1.25rem;

        font-size: .95rem;

    }

    .ua-faq-accordion .accordion-body {

        padding: 0 1.25rem 1.3rem;

    }

}