// faq 1
.faq_area{
	@extend .section_padding_2;	
	&.faq_bg{ background: #00000059; }
	.faq_title{ 
		margin-bottom: 80px; 
		h2{ font-size: 36px; margin-bottom: 10px; color: $brand_2;}
		p{ font-size: 16px; line-height: 1.5; color: #fff; }
	}
}
.accordion_wrapper_2{
	width: 100%; 
	margin-bottom: 50px;
	h3{ font-size: 32px;  color: #fff;}
	.accordion{
		margin: 30px 10px 0;
		.card {
		    margin-bottom: 15px;
		    border-radius: 6px !important;
		    outline: none;
		    border: none;
		    background: none;
		    .card-header {
			    padding: 0;
			    border-radius: 10px !important;
			    border: none;
			    outline: none; 
			    @include transition(all, 0.3s,ease-in-out);
			    .btn.btn-link {
			    	position: relative;
				    width: 100%;
				    height: 100%;
				    text-align: left;
				    color: #fff;
				    @include firasans(500);
				    background: linear-gradient(to right, #4443c3 0%, #6616b1 100%);
				    border-radius: 5px 5px 0 0;
				    text-align: left;
				    text-decoration: none;
				    cursor: pointer;
				    border: none;
				    line-height: 1;
				    padding: 15px 30px 15px 15px;
				    white-space: normal;
				    &.collapsed{
				    	border-radius: 5px;
				    	&:after{
				    	content: '\e64b';
				    	}
				    }
				    &:after{
				    	position: absolute;
				    	@include transition(all,.3s,ease-in-out);
				    	left: auto;
				    	right: 10px;
				    	content: '\e648';
				    	top: calc(50% - 10px);
				    	font-family: 'themify';
				    	font-size: 16px;
				    	font-weight: 700;
				    }
				}
			}
			.card-body {
				color: $text;
				background: #ffffff1a; 	          
				padding:10px;
				font-size: 16px;
				line-height: 1.8;
				@include firasans(400);   
			}
		}
	}
}	



	// Responsive
@media #{$medium_device}{
}
@media #{$tab_device}{	
	.accordion_wrapper_2{
		margin-bottom: 45px;
	}
}
@media #{$small_mobile}{
	.faq_area{
		.faq_title{ 
			h2{ font-size: 28px; }
			p{ font-size: 14px;  }
		}
	}
	.accordion_wrapper_2{
		margin-bottom: 35px;
		h3{ font-size: 28px; }
		.accordion{
			.card {
			    margin-bottom: 5px;
			    border-radius: 6px;
			    outline: none;
			    border: none;
			    .card-header {
				    button.btn.btn-link {
					    font-size: 14px;
					    line-height: 1.5;
					    padding: 10px 25px 10px 10px;
					    &:after{
					    	right: 8px;
					    	top:calc(50% - 14px);
					    }
					}
				}
				.card-body {
			        font-size: 14px;
			        line-height: 1.5;
				}
			}
		}
	}
}
@media #{$large_mobile}{
	
}