/*Generated time: July 19, 2024 07:08This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.*/
.faq--colored{
	padding-top:5rem;
	padding-bottom:5rem;
	background-color:rgba(var(--color-foreground),.06)
}
.faq accordion-tab{
	display:block;
    
}
.faq accordion-tab+accordion-tab{
	margin-top:2rem
}
.faq .h3{
	margin-top:0
}
.faq .h3+.rte{
	margin-top:-1rem;
	margin-bottom:3rem
}
.faq accordion-tab+.h3{
	margin-top:4rem
}
.faq{
	margin:0 auto
}
@media screen and (min-width:750px){
	.faq accordion-tab+.h3{
		margin-top:6rem
}
}
.faq details summary{
	text-transform:capitalize;
	letter-spacing:.06rem;
	font-size:1.55rem;
	color:#000
}
.faq details summary>span{
	display:flex;
	align-items:center
}
.faq details summary .icon{
	position:relative;
	flex:0 0 3.4rem;
	width:3.4rem;
	height:3.4rem;
	border-radius:50%;
	margin-inline-end:1.5rem;
	color:rgb(var(--color-foreground));
	background-color:rgb(var(--color-background));
	box-shadow:0 0 0 .1rem rgb(var(--color-border));
	transition-property:transform,color,background-color;
	transition-timing-function:ease;
	transition-duration:var(--duration-default)
}
.faq details summary .icon::before{
	width:1.2rem
}
.faq details summary .icon::after{
	height:1.2rem;
	transition:height var(--duration-default) ease
}
@media screen and (hover:hover){
	.faq details:not([open]) summary:hover .icon{
		transform:rotate(90deg)
}
}
.faq details summary~*{
	padding-top:1rem;
	padding-bottom:2rem
}
.faq details[open] summary .icon{
	box-shadow:none;
	color:rgb(var(--color-background));
	background-color:rgb(var(--color-foreground))
}
.faq details[open] summary .icon::after{
	height:0
}
