/* ###### Begin: Muhammad Yousaf id-395 started here ###### */



.FAQ {
    width: 100%;
    font-family: var(--font-family-primary);
    background-color: var(--primary-background-color1);
    color: var(--tertiary-color1);
}


.FAQ-h3 {
    color: var(--primary-color1);
    font-size: 24px;
    font-weight: 600;
    
}

.accordion-item {
    margin-top: 10px;
    gap: 0px;
    border-radius: 35px !important;
    background-color: var(--primary-background-color1);
    color: var(--quartenary-color1);
    border: 1px solid var(--primary-color1);
}

.accordion-button:focus {
    border: 1px solid var(--primary-color1);
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('../images/faq-page-image/Vector.svg') !important;
    transform: var(--bs-accordion-btn-icon-transform);
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    display: flex;
    align-items: end;


}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: url('../images/faq-page-image/Vector.svg') !important;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: var(--bs-accordion-btn-icon-transition);
    display: flex;
    align-self: end;
}

.accordion-button:not(.collapsed) {
    color: unset;
    background-color: unset;
    box-shadow: none;
}

.leaf-img{
    width: 400px;
    z-index: -1;
}

.accordion-button {

    border: 2px solid var(--primary-color1);
    border-radius: 45px 45px !important;
    background-color: var(--septenary-color1);
    color: var(--quartenary-color1);
    height: auto;
}

.accordion-button,
.accordion-body {
    font-size: 1rem;
}


.accordion-button:active {
    color: unset;
    border-color: unset;
}

/* carousel text overlay  */
.faq-carousel-inner-img {
    width: 100%;
    max-height: 450px;
    object-fit: fill;
}

.faq-para {
    font-size: 18px;
    margin-bottom: 15%;
}

@media(max-width:768px) {

    .accordion-button,
    .accordion-body {

        font-size: .75rem;
    }

    .accordion-button:not(.collapsed)::after {
        background-size: .75rem;
        display: flex;
        align-self: center;
    }

    .accordion-button::after {
        background-size: .75rem;
        display: flex;
        align-self: center;
    }


    .FAQ-h3 {
        color: var(--primary-color1);
        font-size: 20px;
        font-weight: 600;
        
    }

    .faq-carousel-caption {
        padding: 0px;
        margin: 0px;
    }
    .leaf-img{
        width: 300px;
    }

    .faq-carousel-heading {
        /* font-size: 28px; */
    }

    .faq-para {
        font-size: 8px;
    }
}
@media (max-width:576px){
    .leaf-img{
        width: 200px;
    }
}

@media (max-width:425px) {
    .accordion-button:not(.collapsed)::after {
        background-size: .50rem;
        display: flex;
        align-self: end;
    }
    .leaf-img{
        display: none;
    }

    .accordion-button::after {
        background-size: .50rem;
        display: flex;
        align-self: end;
    }

    .accordion-button,
    .accordion-body {

        font-size: .50rem;

    }

    .faq-carousel-caption {
        padding: 0px;
        margin: -14px;
    }


    .faq-para {
        font-size: 8px;
    }
}

@media (max-width:320px) {

    .FAQ-h3 {
        color: var(--primary-color1);
        font-size: 15px;
        font-weight: 600;
        
    }

    .faq-para {
        font-size: 7px;
    }
}






/* ###### End: Muhammad Yousaf id-395 ended here ####### */