/*==================================================
 Bareilly Taxi ERP V9
 Premium Fleet
 Part : 1
 File : assets/css/fleet.css
==================================================*/

.bt-fleet-v9{

	position:relative;

	padding:110px 0;

	background:#ffffff;

	overflow:hidden;

}

.bt-fleet-v9::before{

	content:"";

	position:absolute;

	top:-220px;

	right:-220px;

	width:520px;

	height:520px;

	border-radius:50%;

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

}

.bt-fleet-v9::after{

	content:"";

	position:absolute;

	left:-180px;

	bottom:-180px;

	width:420px;

	height:420px;

	border-radius:50%;

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

}

.bt-fleet-v9 .bt-container{

	position:relative;

	z-index:5;

	max-width:1300px;

	margin:auto;

	padding:0 20px;

}

.bt-fleet-header{

	text-align:center;

	margin-bottom:70px;

}

.bt-fleet-header h2{

	margin:0;

	font-size:48px;

	font-weight:800;

	line-height:1.2;

	color:#0f172a;

}

.bt-fleet-header p{

	max-width:760px;

	margin:20px auto 0;

	font-size:18px;

	line-height:32px;

	color:#64748b;

}

.bt-fleet-grid{

	display:grid;

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

	gap:30px;

}

.bt-fleet-card{

	background:#ffffff;

	border-radius:28px;

	overflow:hidden;

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

	transition:.35s;

}

.bt-fleet-card:hover{

	transform:translateY(-10px);

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

}

.bt-fleet-image{

	background:linear-gradient(
	135deg,
	#eff6ff,
	#ffffff
	);

	padding:25px;

	text-align:center;

}

.bt-fleet-image img{

	width:100%;

	max-width:280px;

	height:auto;

	transition:.35s;

}

.bt-fleet-card:hover .bt-fleet-image img{

	transform:scale(1.05);

}

.bt-fleet-content{

	padding:30px;

}

.bt-fleet-category{

	display:inline-block;

	padding:8px 16px;

	border-radius:30px;

	background:#eff6ff;

	color:#2563eb;

	font-size:13px;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:.5px;

	margin-bottom:18px;

}

.bt-fleet-content h3{

	margin:0 0 15px;

	font-size:28px;

	font-weight:800;

	color:#0f172a;

}

.bt-fleet-content p{

	margin:0 0 22px;

	font-size:16px;

	line-height:30px;

	color:#64748b;

}/*==================================================
 FLEET LIST
==================================================*/

.bt-fleet-content ul{

	margin:0 0 28px;

	padding:0;

	list-style:none;

}

.bt-fleet-content ul li{

	position:relative;

	padding:12px 0 12px 30px;

	font-size:15px;

	font-weight:600;

	color:#475569;

	border-bottom:1px solid #eef2f7;

}

.bt-fleet-content ul li:last-child{

	border-bottom:none;

}

.bt-fleet-content ul li::before{

	content:"✔";

	position:absolute;

	left:0;

	top:12px;

	color:#16a34a;

	font-weight:700;

}

/*==================================================
 CARD FOOTER
==================================================*/

.bt-fleet-footer{

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:20px;

	margin-top:25px;

	padding-top:25px;

	border-top:1px solid #e5e7eb;

}

.bt-fleet-price span{

	display:block;

	font-size:13px;

	font-weight:600;

	color:#64748b;

	margin-bottom:6px;

	text-transform:uppercase;

	letter-spacing:.5px;

}

.bt-fleet-price strong{

	display:block;

	font-size:28px;

	font-weight:800;

	color:#f59e0b;

}

.bt-fleet-footer a{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	min-width:140px;

	height:50px;

	padding:0 24px;

	border-radius:12px;

	background:#f59e0b;

	color:#ffffff;

	font-size:15px;

	font-weight:700;

	text-decoration:none;

	transition:.35s;

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

}

.bt-fleet-footer a:hover{

	background:#d97706;

	color:#ffffff;

	transform:translateY(-4px);

}

/*==================================================
 FEATURES
==================================================*/

.bt-fleet-features{

	display:grid;

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

	gap:25px;

	margin-top:80px;

}

.bt-fleet-feature{

	background:#ffffff;

	padding:35px 25px;

	border-radius:24px;

	text-align:center;

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

	transition:.35s;

}

.bt-fleet-feature:hover{

	transform:translateY(-8px);

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

}

.bt-fleet-feature .bt-feature-icon{

	width:70px;

	height:70px;

	margin:0 auto 20px;

	border-radius:50%;

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

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:30px;

	color:#ffffff;

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

}

.bt-fleet-feature h4{

	margin:0 0 15px;

	font-size:22px;

	font-weight:800;

	color:#0f172a;

}

.bt-fleet-feature p{

	margin:0;

	font-size:15px;

	line-height:28px;

	color:#64748b;

}/*==================================================
 FLEET CTA
==================================================*/

.bt-fleet-bottom-cta{

	margin-top:90px;

	padding:60px;

	border-radius:30px;

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

	color:#ffffff;

	display:grid;

	grid-template-columns:2fr 1fr;

	gap:40px;

	align-items:center;

	position:relative;

	overflow:hidden;

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

}

.bt-fleet-bottom-cta::before{

	content:"";

	position:absolute;

	top:-140px;

	right:-140px;

	width:320px;

	height:320px;

	border-radius:50%;

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

}

.bt-fleet-bottom-cta::after{

	content:"";

	position:absolute;

	left:-100px;

	bottom:-100px;

	width:220px;

	height:220px;

	border-radius:50%;

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

}

.bt-fleet-cta-content{

	position:relative;

	z-index:2;

}

.bt-fleet-cta-content h2{

	margin:18px 0;

	font-size:42px;

	font-weight:800;

	line-height:1.25;

	color:#ffffff;

}

.bt-fleet-cta-content p{

	margin:0;

	font-size:17px;

	line-height:32px;

	color:#cbd5e1;

	max-width:760px;

}

.bt-fleet-cta-buttons{

	position:relative;

	z-index:2;

	display:flex;

	flex-direction:column;

	gap:18px;

	align-items:stretch;

}

.bt-fleet-cta-buttons .bt-book-btn,

.bt-fleet-cta-buttons .bt-call-btn{

	display:flex;

	align-items:center;

	justify-content:center;

	height:60px;

	padding:0 30px;

	border-radius:14px;

	font-size:17px;

	font-weight:700;

	text-decoration:none;

	transition:.35s;

}

.bt-fleet-cta-buttons .bt-book-btn{

	background:#f59e0b;

	color:#ffffff;

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

}

.bt-fleet-cta-buttons .bt-book-btn:hover{

	background:#d97706;

	color:#ffffff;

	transform:translateY(-5px);

}

.bt-fleet-cta-buttons .bt-call-btn{

	background:#ffffff;

	color:#0f172a;

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

}

.bt-fleet-cta-buttons .bt-call-btn:hover{

	background:#f8fafc;

	transform:translateY(-5px);

}

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

@media (max-width:1200px){

	.bt-fleet-grid{

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

	}

	.bt-fleet-features{

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

	}

	.bt-fleet-bottom-cta{

		grid-template-columns:1fr;

		text-align:center;

	}

}

@media (max-width:991px){

	.bt-fleet-v9{

		padding:80px 0;

	}

	.bt-fleet-header h2{

		font-size:38px;

	}

}

@media (max-width:767px){

	.bt-fleet-grid{

		grid-template-columns:1fr;

	}

	.bt-fleet-features{

		grid-template-columns:1fr;

	}

	.bt-fleet-bottom-cta{

		padding:40px 25px;

		border-radius:24px;

	}

	.bt-fleet-cta-content h2{

		font-size:32px;

	}

	.bt-fleet-cta-content p{

		font-size:16px;

		line-height:28px;

	}

	.bt-fleet-cta-buttons{

		margin-top:10px;

	}

}

@media (max-width:576px){

	.bt-fleet-v9{

		padding:60px 0;

	}

	.bt-fleet-header{

		margin-bottom:45px;

	}

	.bt-fleet-header h2{

		font-size:28px;

	}

	.bt-fleet-card{

		border-radius:20px;

	}

	.bt-fleet-content{

		padding:24px 20px;

	}

	.bt-fleet-content h3{

		font-size:24px;

	}

	.bt-fleet-footer{

		flex-direction:column;

		align-items:flex-start;

	}

	.bt-fleet-footer a{

		width:100%;

	}

	.bt-fleet-feature{

		padding:28px 20px;

		border-radius:20px;

	}

	.bt-fleet-feature h4{

		font-size:20px;

	}

	.bt-fleet-cta-buttons .bt-book-btn,

	.bt-fleet-cta-buttons .bt-call-btn{

		width:100%;

	}

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

@media (max-width:480px){

	.bt-fleet-header p{

		font-size:15px;

		line-height:26px;

	}

	.bt-fleet-content p{

		font-size:15px;

		line-height:28px;

	}

	.bt-fleet-content ul li{

		font-size:14px;

		padding:10px 0 10px 28px;

	}

	.bt-fleet-price strong{

		font-size:24px;

	}

	.bt-fleet-feature .bt-feature-icon{

		width:56px;

		height:56px;

		font-size:24px;

	}

	.bt-fleet-feature h4{

		font-size:18px;

	}

	.bt-fleet-bottom-cta{

		border-radius:20px;

	}

	.bt-fleet-cta-content h2{

		font-size:26px;

	}

	.bt-fleet-cta-content p{

		font-size:15px;

		line-height:26px;

	}

}

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

.bt-fleet-card,
.bt-fleet-feature,
.bt-fleet-bottom-cta{

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

}

.bt-fleet-card:hover,
.bt-fleet-feature:hover{

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

}

.bt-fleet-image img{

	transition:
	transform .4s ease;

}

.bt-fleet-card:hover .bt-fleet-image img{

	transform:scale(1.06);

}

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