#faq{
	margin: 30px auto!important;
    // background: #fff!important;
	width: 85%!important;
	font-size: 18px;
	display: flex;

	.category{
		width: 35%;
	    border-right: 1px solid #ddd;

		&__title{
			font-size: 33px;
		    font-weight: 700;
		    color: #004f9c;
		    padding: 30px 0;
		}

		&__item{
			padding: 0;
    		margin: 0;

    		li{
    			display: block;
    			padding: 10px 0;
    			cursor: pointer;
    		}
		}
		.dropdown{
			display: none;
		}
	}

	.faq_content{
		width: 75%;
		padding-left: 5%;

		&__title{
			font-size: 33px;
		    font-weight: 700;
		    color: #004f9c;
		    padding: 30px 0;
		}
	}

    .question{
    	display: none;
    	&__title{
		    padding: 20px 35px 20px 0;
		    border-bottom: 1px solid #ddd;
		    cursor: pointer;
		    position: relative;
		    display: flex;
    		align-items: center;

		    &:after{
		    	font-size: 30px;
		    	content: '+';
	    	    position: absolute;
    			right: 20px;
		    }
    	}

    	&__detail{
    		display: none;
    		padding: 20px;
    		border: 1px solid #ddd;
		    border-width: 0 1px 1px 1px;
    		// box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
    	}
    }

    @media only screen and (max-width: 992px){
    	flex-wrap: wrap;

    	.category{
    		width: 100%;
    		border: 0;

    		&__title{
			    font-size: 20px;
    			padding: 0;
    		}

    		.dropdown{
				display: block;
				cursor: pointer;
				.dropdown-toggle{
				    border: 1px solid #ddd;
				    width: 100%;
				    text-align: left;
				    margin-top: 10px;
				    font-weight: 100;
			        display: flex;
    				align-items: center;
    				cursor: pointer;
    				font-size: 18px;
				}
				.caret{
					right: 20px;
    				position: absolute;
				}
				.dropdown-menu>li>a{
					font-weight: 100;
					font-size: 18px;
				}
			}
    	}
    	.faq_content{
    		width: 100%;
    		padding-left: 0;
    	}
    }
}