/*==================================================
 Bareilly Taxi ERP V9
 Premium FAQ
 Part : 1
 File : assets/css/faq.css
==================================================*/

.bt-faq-v9{

	position:relative;

	padding:110px 0;

	background:#ffffff;

	overflow:hidden;

}

.bt-faq-v9::before{

	content:"";

	position:absolute;

	top:-220px;

	right:-220px;

	width:520px;

	height:520px;

	border-radius:50%;

	background:rgba(37,99,235,.05);

}

.bt-faq-v9::after{

	content:"";

	position:absolute;

	left:-180px;

	bottom:-180px;

	width:420px;

	height:420px;

	border-radius:50%;

	background:rgba(245,158,11,.08);

}

.bt-faq-v9 .bt-container{

	position:relative;

	z-index:5;

	max-width:1200px;

	margin:auto;

	padding:0 20px;

}

.bt-faq-header{

	text-align:center;

	margin-bottom:70px;

}

.bt-faq-header h2{

	margin:0;

	font-size:48px;

	font-weight:800;

	line-height:1.2;

	color:#0f172a;

}

.bt-faq-header p{

	max-width:760px;

	margin:20px auto 0;

	font-size:18px;

	line-height:32px;

	color:#64748b;

}

.bt-faq-wrapper{

	max-width:950px;

	margin:auto;

}

.bt-faq-item{

	background:#ffffff;

	border-radius:20px;

	margin-bottom:20px;

	box-shadow:0 15px 40px rgba(15,23,42,.08);

	overflow:hidden;

	transition:.35s;

}

.bt-faq-item:hover{

	transform:translateY(-4px);

	box-shadow:0 25px 60px rgba(15,23,42,.12);

}

.bt-faq-question{

	width:100%;

	display:flex;

	align-items:center;

	justify-content:space-between;

	padding:24px 30px;

	background:#ffffff;

	border:none;

	cursor:pointer;

	font-size:20px;

	font-weight:700;

	color:#0f172a;

	text-align:left;

	transition:.35s;

}

.bt-faq-question:hover{

	background:#f8fafc;

}

.bt-faq-question i{

	font-style:normal;

	font-size:28px;

	color:#2563eb;

	font-weight:700;

	flex-shrink:0;

	margin-left:20px;

}

.bt-faq-answer{

	display:none;

	padding:0 30px 28px;

}

.bt-faq-item.active .bt-faq-answer{

	display:block;

}

.bt-faq-answer p{

	margin:0;

	font-size:16px;

	line-height:30px;

	color:#64748b;

}/*==================================================
 FAQ BOTTOM
==================================================*/

.bt-faq-bottom{

	margin-top:80px;

	padding:60px;

	border-radius:30px;

	background:linear-gradient(
	135deg,
	#0f172a,
	#1e293b
	);

	text-align:center;

	color:#ffffff;

	position:relative;

	overflow:hidden;

	box-shadow:0 30px 70px rgba(15,23,42,.18);

}

.bt-faq-bottom::before{

	content:"";

	position:absolute;

	top:-140px;

	right:-140px;

	width:320px;

	height:320px;

	border-radius:50%;

	background:rgba(255,255,255,.06);

}

.bt-faq-bottom::after{

	content:"";

	position:absolute;

	left:-120px;

	bottom:-120px;

	width:240px;

	height:240px;

	border-radius:50%;

	background:rgba(245,158,11,.10);

}

.bt-faq-help{

	position:relative;

	z-index:2;

	max-width:760px;

	margin:0 auto;

}

.bt-faq-help h3{

	margin:0 0 18px;

	font-size:42px;

	font-weight:800;

	color:#ffffff;

}

.bt-faq-help p{

	margin:0;

	font-size:18px;

	line-height:32px;

	color:#cbd5e1;

}

.bt-faq-buttons{

	position:relative;

	z-index:2;

	display:flex;

	justify-content:center;

	flex-wrap:wrap;

	gap:20px;

	margin-top:40px;

}

.bt-faq-buttons .bt-book-btn,

.bt-faq-buttons .bt-call-btn,

.bt-faq-buttons .bt-whatsapp-btn{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	min-width:210px;

	height:60px;

	padding:0 30px;

	border-radius:14px;

	text-decoration:none;

	font-size:17px;

	font-weight:700;

	transition:.35s;

}

.bt-faq-buttons .bt-book-btn{

	background:#f59e0b;

	color:#ffffff;

	box-shadow:0 18px 40px rgba(245,158,11,.30);

}

.bt-faq-buttons .bt-book-btn:hover{

	background:#d97706;

	color:#ffffff;

	transform:translateY(-5px);

}

.bt-faq-buttons .bt-call-btn{

	background:#ffffff;

	color:#0f172a;

	box-shadow:0 18px 40px rgba(255,255,255,.18);

}

.bt-faq-buttons .bt-call-btn:hover{

	background:#f8fafc;

	transform:translateY(-5px);

}

.bt-faq-buttons .bt-whatsapp-btn{

	background:#22c55e;

	color:#ffffff;

	box-shadow:0 18px 40px rgba(34,197,94,.28);

}

.bt-faq-buttons .bt-whatsapp-btn:hover{

	background:#16a34a;

	color:#ffffff;

	transform:translateY(-5px);

}/*==================================================
 RESPONSIVE
==================================================*/

@media (max-width:1200px){

	.bt-faq-wrapper{

		max-width:100%;

	}

}

@media (max-width:991px){

	.bt-faq-v9{

		padding:80px 0;

	}

	.bt-faq-header h2{

		font-size:38px;

	}

	.bt-faq-help h3{

		font-size:34px;

	}

}

@media (max-width:767px){

	.bt-faq-question{

		padding:22px 20px;

		font-size:17px;

	}

	.bt-faq-answer{

		padding:0 20px 22px;

	}

	.bt-faq-bottom{

		padding:40px 25px;

		border-radius:24px;

	}

	.bt-faq-help h3{

		font-size:30px;

	}

	.bt-faq-help p{

		font-size:16px;

		line-height:28px;

	}

	.bt-faq-buttons{

		flex-direction:column;

	}

	.bt-faq-buttons .bt-book-btn,

	.bt-faq-buttons .bt-call-btn,

	.bt-faq-buttons .bt-whatsapp-btn{

		width:100%;

		min-width:100%;

	}

}

@media (max-width:576px){

	.bt-faq-v9{

		padding:60px 0;

	}

	.bt-faq-header{

		margin-bottom:45px;

	}

	.bt-faq-header h2{

		font-size:28px;

	}

	.bt-faq-question{

		font-size:16px;

		padding:20px 18px;

	}

	.bt-faq-question i{

		font-size:24px;

		margin-left:12px;

	}

	.bt-faq-answer{

		padding:0 18px 20px;

	}

	.bt-faq-answer p{

		font-size:15px;

		line-height:28px;

	}

	.bt-faq-bottom{

		border-radius:20px;

	}

	.bt-faq-help h3{

		font-size:26px;

	}

	.bt-faq-help p{

		font-size:15px;

		line-height:26px;

	}

}/*==================================================
 FINAL RESPONSIVE
==================================================*/

@media (max-width:480px){

	.bt-faq-header p{

		font-size:15px;

		line-height:26px;

	}

	.bt-faq-item{

		border-radius:16px;

	}

	.bt-faq-question{

		font-size:15px;

		line-height:24px;

	}

	.bt-faq-answer p{

		font-size:14px;

		line-height:26px;

	}

	.bt-faq-buttons{

		gap:15px;

	}

}

/*==================================================
 ANIMATIONS
==================================================*/

.bt-faq-item,
.bt-faq-bottom,
.bt-faq-buttons a{

	transition:
	transform .35s ease,
	box-shadow .35s ease,
	background .35s ease,
	color .35s ease;

}

.bt-faq-item:hover{

	box-shadow:0 30px 70px rgba(15,23,42,.14);

}

/*==================================================
 ACTIVE FAQ
==================================================*/

.bt-faq-item.active{

	border-left:5px solid #f59e0b;

}

.bt-faq-item.active .bt-faq-question{

	background:#fffaf0;

}

.bt-faq-item.active .bt-faq-question i{

	transform:rotate(45deg);

	color:#f59e0b;

	transition:.35s;

}

/*==================================================
 END
==================================================*/