/*:root{
	color-scheme: light dark;
	--text:#333;
	--czerwony_logotyp:#da251c;
	--pomarancz:#f99132;
	--ciemny_niebieski_logotyp:#ffd200;
	--jasny_niebieski_logotyp:#588a3f;
	--border_radius:0px 1em 1em 1em;
	--granatowy:#fff;
	--jasny_niebieski:#EBF6FF;
}*/

.faq{
		background-image:url(/images/tlo.webp);
	background-position:top right;
	background-repeat:no-repeat;  
}
#faq{
	display:flex;
	flex-wrap:wrap;
	background:none;
}
#faq>div{
	width:48%;
	margin:1em 2% 1em 0%;
}
#faq div a{
	display:block;
	padding:15px 3% 15px 3%;
	background:var(--zielony);
	cursor:pointer;
	margin-bottom:1em;
	color:#fff;
	border-radius:var(--border_radius);
	
}
#faq div a span{
	float:right;
	font-size:30px;
	position:relative;
	font-weight:bold;
	top:-10px;
}
#faq div a span::before{
	content:"+";
	color: var(--granatowy);
}
#faq div a.hover,#faq div a:hover{
	background:var(--zolty);
	color:#fff;
}
#faq div a.hover span::before,#faq div a:hover span::before{
	content:"-";
	color:#fff;
}
#faq>div>div{
	height:0px;
	overflow:hidden;
	padding:0px 3% 0px 3%;
	transition: height 0.5s linear;
}
#faq>div>div>*{
	margin-top:1em;
}
#faq h4{
	width:100%;
}
@media screen and (max-width: 640px){
	#faq{
		display:block;
	}
	#faq>div{
		width:100%;
		margin:1em 0% 1em 0%;
	}
}