/*==================================================
 Bareilly Taxi ERP V9
 Premium Services
 Part : 1
 File : assets/css/services.css
==================================================*/

.bt-services-v9{

	position:relative;

	padding:110px 0;

	background:#f8fafc;

	overflow:hidden;

}

.bt-services-v9::before{

	content:"";

	position:absolute;

	width:520px;

	height:520px;

	top:-220px;

	right:-220px;

	border-radius:50%;

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

}

.bt-services-v9::after{

	content:"";

	position:absolute;

	width:420px;

	height:420px;

	left:-180px;

	bottom:-180px;

	border-radius:50%;

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

}

.bt-services-v9 .bt-container{

	position:relative;

	z-index:5;

	max-width:1300px;

	margin:auto;

	padding:0 20px;

}

.bt-services-header{

	text-align:center;

	margin-bottom:70px;

}

.bt-services-header h2{

	margin:0;

	font-size:48px;

	font-weight:800;

	line-height:1.2;

	color:#0f172a;

}

.bt-services-header p{

	max-width:760px;

	margin:20px auto 0;

	font-size:18px;

	line-height:32px;

	color:#64748b;

}

.bt-services-grid{

	display:grid;

	grid-template-columns:repeat(3,1fr);

	gap:30px;

}

.bt-service-card{

	position:relative;

	background:#ffffff;

	padding:35px;

	border-radius:28px;

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

	transition:.35s;

	overflow:hidden;

}

.bt-service-card:hover{

	transform:translateY(-10px);

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

}

.bt-service-card::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:5px;

	background:linear-gradient(
	90deg,
	#f59e0b,
	#2563eb
	);

}

.bt-service-icon{

	width:78px;

	height:78px;

	border-radius:20px;

	background:linear-gradient(
	135deg,
	#f59e0b,
	#fbbf24
	);

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:34px;

	margin-bottom:25px;

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

}

.bt-service-card h3{

	margin:0 0 18px;

	font-size:28px;

	font-weight:800;

	color:#0f172a;

}

.bt-service-card p{

	margin:0 0 24px;

	font-size:16px;

	line-height:30px;

	color:#64748b;

}/*==================================================
 SERVICE CARD CONTENT
==================================================*/

.bt-service-card ul{

	margin:0 0 28px;

	padding:0;

	list-style:none;

}

.bt-service-card ul li{

	position:relative;

	padding:12px 0 12px 30px;

	font-size:15px;

	font-weight:600;

	color:#475569;

	border-bottom:1px solid #eef2f7;

}

.bt-service-card ul li:last-child{

	border-bottom:none;

}

.bt-service-card ul li::before{

	content:"✔";

	position:absolute;

	left:0;

	top:12px;

	color:#16a34a;

	font-weight:700;

}

.bt-service-card a{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	width:100%;

	height:56px;

	border-radius:14px;

	background:#f59e0b;

	color:#ffffff;

	text-decoration:none;

	font-size:16px;

	font-weight:700;

	transition:.35s;

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

}

.bt-service-card a:hover{

	background:#d97706;

	color:#ffffff;

	transform:translateY(-4px);

}

/*==================================================
 SERVICES BOTTOM
==================================================*/

.bt-services-bottom{

	display:grid;

	grid-template-columns:1.2fr 1fr;

	gap:40px;

	margin-top:80px;

}

.bt-service-info{

	background:#ffffff;

	padding:40px;

	border-radius:28px;

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

}

.bt-service-info h3{

	margin:0 0 20px;

	font-size:34px;

	font-weight:800;

	color:#0f172a;

}

.bt-service-info p{

	margin:0;

	font-size:17px;

	line-height:32px;

	color:#64748b;

}

.bt-service-features{

	display:grid;

	grid-template-columns:repeat(2,1fr);

	gap:20px;

}

.bt-feature-box{

	background:#ffffff;

	border-radius:20px;

	padding:28px;

	text-align:center;

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

	transition:.35s;

}

.bt-feature-box:hover{

	transform:translateY(-6px);

}

.bt-feature-box span{

	display:flex;

	align-items:center;

	justify-content:center;

	width:60px;

	height:60px;

	margin:0 auto 18px;

	border-radius:50%;

	background:#dcfce7;

	color:#16a34a;

	font-size:24px;

	font-weight:700;

}

.bt-feature-box h4{

	margin:0;

	font-size:18px;

	font-weight:700;

	color:#0f172a;

}/*==================================================
 SERVICES CTA
==================================================*/

.bt-services-cta{

	margin-top:80px;

	padding:60px;

	border-radius:30px;

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

	text-align:center;

	color:#ffffff;

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

	position:relative;

	overflow:hidden;

}

.bt-services-cta::before{

	content:"";

	position:absolute;

	width:320px;

	height:320px;

	top:-160px;

	right:-120px;

	border-radius:50%;

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

}

.bt-services-cta::after{

	content:"";

	position:absolute;

	width:260px;

	height:260px;

	left:-120px;

	bottom:-120px;

	border-radius:50%;

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

}

.bt-services-cta h3{

	position:relative;

	z-index:2;

	margin:0 0 18px;

	font-size:42px;

	font-weight:800;

	color:#ffffff;

}

.bt-services-cta p{

	position:relative;

	z-index:2;

	max-width:760px;

	margin:0 auto;

	font-size:18px;

	line-height:32px;

	color:#cbd5e1;

}

.bt-services-buttons{

	position:relative;

	z-index:2;

	display:flex;

	justify-content:center;

	flex-wrap:wrap;

	gap:20px;

	margin-top:40px;

}

.bt-services-buttons .bt-call-btn,

.bt-services-buttons .bt-book-btn{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	min-width:220px;

	height:60px;

	padding:0 32px;

	border-radius:14px;

	text-decoration:none;

	font-size:17px;

	font-weight:700;

	transition:.35s;

}

.bt-services-buttons .bt-call-btn{

	background:#ffffff;

	color:#0f172a;

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

}

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

	transform:translateY(-5px);

	background:#f8fafc;

}

.bt-services-buttons .bt-book-btn{

	background:#f59e0b;

	color:#ffffff;

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

}

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

	background:#d97706;

	transform:translateY(-5px);

	color:#ffffff;

}

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

@media (max-width:1200px){

	.bt-services-grid{

		grid-template-columns:repeat(2,1fr);

	}

	.bt-services-bottom{

		grid-template-columns:1fr;

	}

}

@media (max-width:991px){

	.bt-services-v9{

		padding:80px 0;

	}

	.bt-services-header h2{

		font-size:38px;

	}

	.bt-service-features{

		grid-template-columns:repeat(2,1fr);

	}

}

@media (max-width:767px){

	.bt-services-grid{

		grid-template-columns:1fr;

	}

	.bt-service-features{

		grid-template-columns:1fr;

	}

	.bt-services-cta{

		padding:40px 25px;

	}

	.bt-services-cta h3{

		font-size:32px;

	}

	.bt-services-cta p{

		font-size:16px;

		line-height:28px;

	}

	.bt-services-buttons{

		flex-direction:column;

	}

	.bt-services-buttons .bt-call-btn,

	.bt-services-buttons .bt-book-btn{

		width:100%;

		min-width:100%;

	}

}

@media (max-width:576px){

	.bt-services-v9{

		padding:60px 0;

	}

	.bt-services-header{

		margin-bottom:45px;

	}

	.bt-services-header h2{

		font-size:28px;

	}

	.bt-service-card{

		padding:28px 22px;

		border-radius:20px;

	}

	.bt-service-icon{

		width:64px;

		height:64px;

		font-size:28px;

	}

	.bt-service-card h3{

		font-size:24px;

	}

	.bt-service-info{

		padding:28px 22px;

		border-radius:20px;

	}

	.bt-service-info h3{

		font-size:28px;

	}

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

@media (max-width:480px){

	.bt-services-header p{

		font-size:15px;

		line-height:26px;

	}

	.bt-service-card p{

		font-size:15px;

		line-height:28px;

	}

	.bt-service-card ul li{

		font-size:14px;

		padding:10px 0 10px 28px;

	}

	.bt-service-card a{

		height:54px;

		font-size:15px;

	}

	.bt-feature-box{

		padding:22px 18px;

	}

	.bt-feature-box span{

		width:52px;

		height:52px;

		font-size:20px;

	}

	.bt-feature-box h4{

		font-size:16px;

	}

	.bt-services-cta{

		border-radius:20px;

	}

	.bt-services-cta h3{

		font-size:26px;

	}

}

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

.bt-service-card,
.bt-feature-box,
.bt-services-cta{

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

}

.bt-service-card:hover,
.bt-feature-box:hover{

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

}

.bt-services-buttons a{

	transition:
	transform .35s ease,
	background .35s ease,
	color .35s ease;

}

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