/* INDEX
----------------------------------------------------------------------------------------
01. FAQs Page Css

-------------------------------------------------------------------------------------- */

/************************************/
/***       01. FAQs Page Css      ***/
/************************************/

.page-faqs{
    padding: 100px 0;
}

.faq-sidebar{
    position: sticky;
    top: 30px;
    margin-right: 35px;
}

.faq-catagery-list{
	border: 1px solid var(--divider-color);
	padding: 40px;
    margin-bottom: 40px;
	overflow: hidden;
}

.faq-catagery-list ul{
    list-style: none;
    margin: 0;
	padding: 0;
}

.faq-catagery-list ul li{
	line-height: normal;
    margin-bottom: 20px;
}

.faq-catagery-list ul li:last-child{
    margin: 0;
}

.faq-catagery-list ul li a{
    position: relative;
    display: block;
	font-weight: 400;
    text-transform: capitalize;
    color: var(--text-color);
	padding-right: 25px;
    transition: all 0.3s ease-in-out;
}

.faq-catagery-list ul li:hover a{
    color: var(--primary-color);
}

.faq-catagery-list ul li a::before{
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    top: 50%;
	transform: translateY(-50%);
    font-size: 14px;
    color: var(--text-color);
    transition: all 0.3s ease-in-out;
}

.faq-catagery-list ul li:hover a::before{
    transform: translateY(-50%) rotate(-90deg);
	color: var(--primary-color);
}

.page-faq-accordion{
	margin-bottom: 60px;
}

.page-faq-accordion:last-child{
	margin-bottom: 0;
}