/**
 * Elementor accordion (.custom-accordion): pseudo-element icons.
 *
 * Porto loads Font Awesome 6 optimized webfonts (see theme scss/plugins/fontawesome/_core.scss).
 * Custom CSS that still says "Font Awesome 5 Free" will not match @font-face, so no icon renders.
 *
 * FA6 solid chevron-down: \f078 (see porto _variables.scss $fa-var-chevron-down).
 */
.custom-accordion .elementor-accordion-item .elementor-tab-title {
	position: relative;
}

.custom-accordion .elementor-accordion-item .elementor-tab-title::after {
	position: absolute;
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f078";
	font-size: 16px;
	color: #212529;
	transition: transform 0.3s;
}

.custom-accordion .elementor-accordion-item .elementor-tab-title.elementor-active::after {
	transform: translateY(-50%) rotate(180deg);
}