@charset "UTF-8";
/* CSS Document */

#faqTab {
	list-style-type:none;
	display: flex;
}
#faqTab li {
	width: 50%;
	padding: 5px 10px;
}
#faqTab a {
	color: white;
	padding: 20px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	background-color: #ff9e11;
	box-shadow: 0 5px 8px #E6E6E6;
	border-radius: 10px;
	cursor: pointer;
}
#faqTab a:hover {
	background-color: #FFFFFF;
	color: black;
}
.trendingQnsBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ff9e11;
	font-family: 'DINRoundPro-Medium', Helvetica, Arial, "sans-serif";
	padding: 15px 0;
}
.trendingQnsBox a {
	color: #000000;
}
.trendingQnsBox a:hover {
	color: #FF9E11;
}
.trendingQnsBox a img:hover {
/*	filter: saturate(350%);*/
}

.faqTextPosition {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 0 80px 5%;
}
.faqTextPosition .subtext {
	width: 80%
}
/*==================================MINIMUM==================================*/
@media (min-width: 768px) {

}
@media (min-width: 992px) {


}
@media (min-width: 1200px) {

}
@media (min-width: 1280px) {

}
/*==================================MAXIMUM==================================*/
@media (max-width: 576px) {

}
@media (max-width: 767px) {
	#faqTab li {
		width: 100%;
	}
	#faqTab a {
		height: inherit;
	}
	.faqTextPosition {
		padding: 0 5% 30px 5%;
		margin-top: -20px;
	}
	.faqTextPosition .subtext {
		width: 92%
	}
@media (max-width: 991px) {

}
/*==================================MINIMUN - MAXIMUM==================================*/
@media screen and (min-width: 576px) and (max-width: 767px) {

}
@media screen and (min-width: 768px) and (max-width: 991px) {

}