.faq-header-container .faq-main-title{
    color: var(--color-primary);
    font-weight: 700;
    font-size: 2.6rem;
    margin-bottom: 2rem;
}

.faqs-item{
	width: 100%;
	padding-bottom: 2rem;
}
    .faqs-item{
        margin-bottom: 4rem;
    }

.faqs-item__list{
	list-style: none;
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0px;
    padding-left: 2.5rem;
    padding-right: 1rem;
    padding-top: 1rem;
}

.faqs-item__list-item:not(:last-child){
    margin-bottom: .5rem;
}

.faqs-item__list-item__question{
	font-size: 1.5rem;
	font-weight: bold;
    color: #3d3d3d;
}
    .faqs-item__list-item__desc{
        color: #4F4F4F;
        font-size: 1.4rem;
    }


.faqs-banner-top{

	background-image: url("../../../img/banners-top/faqs.webp");

}


.faqs > div{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
    .faqs > div > div.card{
        border: none;
    }
    .faqs .faq-card-title{
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem 2.5rem;
        background-color: var(--color-primary);
        border: 1px solid #e5e5e5;
        border-radius: 8px;
    }
    .faqs .faq-card-title i{
        transition: transform .4s ease;
    }
    .faqs .faq-card-title:has(+ div.show) i{
        transform: rotate(180deg);
    }
        .faqs .faq-card-title h5{
            font-family: sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
            color: #f5f5f5;
            margin-bottom: 0;
        }
        .faqs .faq-card-title i{
            color: #f5f5f5;
        }
        .faqs > div > div.card .card-body{
            padding-left: 4rem;
        }
    .card .collapse{
        background-color: #fefefe;
    }

@media(max-width: 992px){
    .faqs-item__list{
        padding-left: 1rem;
    }
}