
.tabs > div{
	/* padding-bottom: 10px; */
	border-bottom: 3px solid rgba(0,0,0,0);
}

/* .tabs > div:hover{
	color: var(--yellow);
	border-bottom: 3px solid var(--yellow);
} */

.tabs > div.active{
	/* background-color: var(--colour-light) !important;  */
	border: 1px solid #FFF;

	background-color: var(--colour-primary) !important;
	color: var(--colour-secondary);
	
} 


.tabs > div.active .icon_square_base{
	background-color: var(--colour-secondary) !important;
}


.tab_cons{
	text-align: left;
	display: none;
}

.tab_cons.active{
	display: block;

	
}

.faq_con{
	background-color: #FFF;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	font-size: var(--font-size-gen);
	color: var(--colour-primary);
	margin-bottom: 30px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
    cursor: pointer;

    	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.07);
	
}

.faq_con:hover{
     box-shadow: 0px 0px 30px -5px rgba(156, 76, 180, 0.50);
    -webkit-box-shadow: 0px 0px 30px -5px rgba(156, 76, 180, 0.50);
}


.faq_con .tab_question{
	font-family: 'tt_norms_bold';
	background-image: url('../assets/icon_plus.svg');
	background-repeat: no-repeat;
	background-position: right;
	background-size: 15px;
	cursor: pointer;
	padding-right: 30px;
	
}

.faq_con.active .tab_question{

	background-image: url('../assets/icon_min.svg');
	background-repeat: no-repeat;
	background-position: right;
	
}

.faq_con .tab_answer{
	font-family: 'tt_norms';
	display: none;
	margin-top: 30px;
}

.faq_con .tab_answer a{
	color: var(--colour-secondary);
}

.faq_con .tab_answer a:hover{
	color: #FFF !important;
}

.faq_con .tab_answer p{
	margin-bottom: 10px;
}

.faq_con.active{
	background-color: var(--colour-primary);
	/* background-color: var(--colour-secondary); */
	color: #FFF;

     box-shadow: 0px 0px 30px -5px rgba(156, 76, 180, 0.50);
    -webkit-box-shadow: 0px 0px 30px -5px rgba(156, 76, 180, 0.50);

}

.faq_con .tab_answer ul{
	list-style: square;
	margin-top: 20px;
}

.faq_con .tab_answer ul li{
	margin-bottom: 10px;
}

.faq_con.active .tab_answer{
	display: block;
}