/* # FAQs Shortcode Styles
---------------------------------------------------------------------------------------------------- */

.faqs-search .search input {
	padding-left: 58px;
}

.faqs-search .search {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
}

.faqs-search .search-icon {
	position: absolute;
	top: 20px;
	left: 24px;
	width: 25px;
	height: 25px;
}

.all-faqs .faqs-container {
	padding: 40px;
	border-radius: 24px;
	background-color: #f3f9ff;
}

.all-faqs .faqs-no-results {
	text-align: center;
}

.all-faqs .faqs-container:not(:last-child) {
	margin-bottom: 40px;
}

.all-faqs .faqs-container h2 {
	margin-bottom: 32px;
}

.all-faqs .faqs-container .faqs-item .faqs-item__question {
	color: #094676;
	font-weight: 700;
	padding: 24px 54px 24px 24px;
	margin-bottom: 0;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
}

.all-faqs .faqs-container .faqs-item .faqs-item__question::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #6c7581;
	bottom: 0;
	left: 0;
}

.all-faqs .faqs-container .faqs-item .faqs-item__question:not(:first-child) {
	margin-top: 2px;
}

.all-faqs .faqs-container .faqs-item .faqs-item__question:focus {
	outline: 0;
}

/* .all-faqs .faqs-container .faqs-item .faqs-item__question:focus, */
.all-faqs .faqs-container .faqs-item .faqs-item__question:hover,
.all-faqs .faqs-container .faqs-item .faqs-item__question.ui-state-active {
	background-color: #267afb;
	color: #ffffff;
}

.all-faqs .faqs-container .faqs-item .faqs-item__question.ui-state-active {
	border-radius: 8px 8px 0 0;
}

/* .all-faqs .faqs-container .faqs-item .faqs-item__question:focus::after, */
.all-faqs .faqs-container .faqs-item .faqs-item__question:hover::after,
.all-faqs .faqs-container .faqs-item .faqs-item__question.ui-state-active::after,
.all-faqs .faqs-no-results {
	display: none;
}

.all-faqs .faqs-container .faqs-item .faqs-item__question .ui-accordion-header-icon {
	position: absolute;
	top: 50%;
	right: 24px;
	transform: translateY(-50%);
}

.all-faqs .faqs-container .faqs-item .faqs-item__question .ui-accordion-header-icon.ui-icon-triangle-1-e::before {
	content: url('/wp-content/uploads/2025/06/blue-arrow-down-icon.svg');
	/* position: absolute;
	top: 0;
	right: 0; */
}

/* .all-faqs .faqs-container .faqs-item .faqs-item__question:focus > .ui-accordion-header-icon.ui-icon-triangle-1-e::before, */
.all-faqs .faqs-container .faqs-item .faqs-item__question:hover > .ui-accordion-header-icon.ui-icon-triangle-1-e::before {
	content: url('/wp-content/uploads/2025/06/white-arrow-down-icon.svg');
}

.all-faqs .faqs-container .faqs-item .faqs-item__question .ui-accordion-header-icon.ui-icon-triangle-1-s::before {
	content: url('/wp-content/uploads/2025/06/white-arrow-up-icon.svg');
	/* position: absolute;
	top: 0;
	right: 0; */
}

.all-faqs .faqs-container .faqs-item .faqs-item__answer {
	padding: 0 24px 16px;
	background-color: #267afb;
	color: #ffffff;
	border-radius: 0 0 8px 8px;
}

@media only screen and (max-width: 1024px) {
	.faqs-search .search input {
		padding-left: 52px;
	}

	.faqs-search .search-icon {
		position: absolute;
		top: 18px;
		left: 21px;
		width: 20px;
		height: 20px;
	}

	.all-faqs .faqs-container {
		padding: 30px;
	}
	
	.all-faqs .faqs-container:not(:last-child) {
		margin-bottom: 35px;
	}
	
	.all-faqs .faqs-container h2 {
		margin-bottom: 28px;
	}
	
	.all-faqs .faqs-container .faqs-item .faqs-item__question {
		padding: 21px 54px 21px 21px;
	}
	
	.all-faqs .faqs-container .faqs-item .faqs-item__answer {
		padding: 0 21px 14px;
	}
}

@media only screen and (max-width: 767px) {
	.faqs-search .search input {
		padding-left: 46px;
	}

	.faqs-search .search-icon {
		position: absolute;
		top: 16px;
		left: 18px;
		width: 16px;
		height: 16px;
	}

	.all-faqs .faqs-container {
		padding: 20px;
	}
	
	.all-faqs .faqs-container:not(:last-child) {
		margin-bottom: 30px;
	}
	
	.all-faqs .faqs-container h2 {
		margin-bottom: 24px;
		text-align: center;
	}
	
	.all-faqs .faqs-container .faqs-item .faqs-item__question {
		padding: 18px 54px 18px 18px;
	}
	
	.all-faqs .faqs-container .faqs-item .faqs-item__answer {
		padding: 0 18px 12px;
	}
}