﻿/* FAQ COLLAPSE/EXPAND STYLES */
* {
  box-sizing: border-box;
}
.faqanswer {
	display: none;
	background: #fafafa;
	padding: 12px 20px;	
    max-height: 365px;
}

.faqanswer p {
	font-size: 13px;
	line-height: 17px;	
}

.fillter-left
{
	padding:7px 0;
}

.fillter-left a
{
	 font-size:14px;
	 color:#333333;
}

a.active {
	font-weight: bold;
}

.togglefaq {
	text-decoration: none;
	color: #484848;
	font-size: 14px;
	padding: 10px 15px;
	font-weight:500;
	line-height: 20px;
	display: block;
	border: 1px solid #ebebeb;
}
.icon-plus {
	color: #5ec4cd;
	margin-right: 20px;
	font-size: 20px;
	float:left;
	width: 10px;
    height: 10px;
	background-image:url('../images/plus.png');    
	background-size: contain;
}

.icon-minus {
	color: #5ec4cd;
	margin-right: 20px;
	font-size: 20px;
	float:left;
    width: 10px;
    height: 10px;
	background-image:url('../images/minus.png');    
	background-size: contain;
}


p {
  margin: 0;
  padding-bottom: 20px;
}

.price-filter {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	padding-top: 8px;
}

.price-input-modern {
	width: 100px;
	padding: 6px 10px;
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	background-color: #fff;
}

	.price-input-modern:focus {
		border-color: #5ec4cd;
		box-shadow: 0 0 0 2px rgba(94, 196, 205, 0.2);
		outline: none;
	}

.price-separator {
	font-size: 16px;
	color: #999;
	line-height: 1;
}

/* Responsive adjustments */
@media (max-width: 576px) {
	.price-filter {
		flex-direction: column;
		align-items: flex-start;
	}

	.price-input-modern {
		width: 100%;
	}
}
