/*==================================================
 Bareilly Taxi ERP V9
 Premium Routes
 Part : 1
 File : assets/css/routes.css
==================================================*/

.bt-routes-v9{

	position:relative;

	padding:110px 0;

	background:#f8fafc;

	overflow:hidden;

}

.bt-routes-v9::before{

	content:"";

	position:absolute;

	top:-220px;

	right:-220px;

	width:520px;

	height:520px;

	border-radius:50%;

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

}

.bt-routes-v9::after{

	content:"";

	position:absolute;

	left:-180px;

	bottom:-180px;

	width:420px;

	height:420px;

	border-radius:50%;

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

}

.bt-routes-v9 .bt-container{

	position:relative;

	z-index:5;

	max-width:1300px;

	margin:auto;

	padding:0 20px;

}

.bt-routes-header{

	text-align:center;

	margin-bottom:70px;

}

.bt-routes-header h2{

	margin:0;

	font-size:48px;

	font-weight:800;

	line-height:1.2;

	color:#0f172a;

}

.bt-routes-header p{

	max-width:760px;

	margin:20px auto 0;

	font-size:18px;

	line-height:32px;

	color:#64748b;

}

.bt-routes-grid{

	display:grid;

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

	gap:30px;

}

.bt-route-card{

	background:#ffffff;

	border-radius:24px;

	padding:30px;

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

	transition:.35s;

	position:relative;

	overflow:hidden;

}

.bt-route-card:hover{

	transform:translateY(-8px);

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

}

.bt-route-card::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:5px;

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

}

.bt-route-top{

	display:flex;

	align-items:center;

	justify-content:center;

	gap:14px;

	margin-bottom:25px;

}

.bt-route-city{

	font-size:20px;

	font-weight:800;

	color:#0f172a;

}

.bt-route-arrow{

	font-size:26px;

	font-weight:700;

	color:#f59e0b;

}

.bt-route-info{

	display:grid;

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

	gap:15px;

	margin-bottom:25px;

}

.bt-route-info div{

	background:#f8fafc;

	padding:16px;

	border-radius:14px;

	text-align:center;

}

.bt-route-info small{

	display:block;

	margin-bottom:8px;

	font-size:13px;

	font-weight:600;

	color:#64748b;

	text-transform:uppercase;

}

.bt-route-info strong{

	display:block;

	font-size:20px;

	font-weight:800;

	color:#0f172a;

}

.bt-route-card a{

	display:flex;

	align-items:center;

	justify-content:center;

	height:54px;

	border-radius:12px;

	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-route-card a:hover{

	background:#d97706;

	color:#ffffff;

	transform:translateY(-4px);

}/*==================================================
 ROUTES BOTTOM CTA
==================================================*/

.bt-routes-bottom{

	margin-top:80px;

	padding:55px;

	border-radius:30px;

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

	display:grid;

	grid-template-columns:2fr 1fr;

	gap:40px;

	align-items:center;

	color:#ffffff;

	position:relative;

	overflow:hidden;

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

}

.bt-routes-bottom::before{

	content:"";

	position:absolute;

	width:320px;

	height:320px;

	top:-140px;

	right:-140px;

	border-radius:50%;

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

}

.bt-routes-content{

	position:relative;

	z-index:2;

}

.bt-routes-content h3{

	margin:18px 0;

	font-size:40px;

	font-weight:800;

	line-height:1.25;

	color:#ffffff;

}

.bt-routes-content p{

	margin:0;

	font-size:17px;

	line-height:32px;

	color:#cbd5e1;

	max-width:760px;

}

.bt-routes-actions{

	position:relative;

	z-index:2;

	display:flex;

	flex-direction:column;

	gap:18px;

}

.bt-routes-actions .bt-book-btn,

.bt-routes-actions .bt-call-btn{

	display:flex;

	align-items:center;

	justify-content:center;

	height:60px;

	padding:0 30px;

	border-radius:14px;

	text-decoration:none;

	font-size:17px;

	font-weight:700;

	transition:.35s;

}

.bt-routes-actions .bt-book-btn{

	background:#f59e0b;

	color:#ffffff;

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

}

.bt-routes-actions .bt-book-btn:hover{

	background:#d97706;

	color:#ffffff;

	transform:translateY(-5px);

}

.bt-routes-actions .bt-call-btn{

	background:#ffffff;

	color:#0f172a;

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

}

.bt-routes-actions .bt-call-btn:hover{

	background:#f8fafc;

	transform:translateY(-5px);

}

/*==================================================
 ROUTE TAGS
==================================================*/

.bt-route-tags{

	display:flex;

	flex-wrap:wrap;

	justify-content:center;

	gap:16px;

	margin-top:60px;

}

.bt-route-tags a{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	padding:12px 22px;

	border-radius:50px;

	background:#ffffff;

	color:#334155;

	font-size:15px;

	font-weight:600;

	text-decoration:none;

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

	transition:.35s;

}

.bt-route-tags a:hover{

	background:#2563eb;

	color:#ffffff;

	transform:translateY(-4px);

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

@media (max-width:1200px){

	.bt-routes-grid{

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

	}

	.bt-routes-bottom{

		grid-template-columns:1fr;

		text-align:center;

	}

}

@media (max-width:991px){

	.bt-routes-v9{

		padding:80px 0;

	}

	.bt-routes-header h2{

		font-size:38px;

	}

	.bt-routes-content h3{

		font-size:34px;

	}

}

@media (max-width:767px){

	.bt-routes-grid{

		grid-template-columns:1fr;

	}

	.bt-routes-bottom{

		padding:40px 25px;

		border-radius:24px;

	}

	.bt-routes-content h3{

		font-size:30px;

	}

	.bt-routes-content p{

		font-size:16px;

		line-height:28px;

	}

	.bt-routes-actions{

		margin-top:10px;

	}

	.bt-routes-actions .bt-book-btn,

	.bt-routes-actions .bt-call-btn{

		width:100%;

	}

	.bt-route-info{

		grid-template-columns:1fr;

	}

}

@media (max-width:576px){

	.bt-routes-v9{

		padding:60px 0;

	}

	.bt-routes-header{

		margin-bottom:45px;

	}

	.bt-routes-header h2{

		font-size:28px;

	}

	.bt-route-card{

		padding:24px 20px;

		border-radius:20px;

	}

	.bt-route-top{

		flex-direction:column;

		gap:8px;

	}

	.bt-route-arrow{

		transform:rotate(90deg);

	}

	.bt-route-city{

		font-size:22px;

	}

	.bt-route-tags{

		gap:12px;

	}

	.bt-route-tags a{

		width:100%;

		justify-content:center;

	}

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

@media (max-width:480px){

	.bt-routes-header p{

		font-size:15px;

		line-height:26px;

	}

	.bt-route-card{

		padding:20px 18px;

	}

	.bt-route-city{

		font-size:20px;

	}

	.bt-route-info strong{

		font-size:18px;

	}

	.bt-route-info small{

		font-size:12px;

	}

	.bt-route-card a{

		height:52px;

		font-size:15px;

	}

	.bt-routes-bottom{

		border-radius:20px;

	}

	.bt-routes-content h3{

		font-size:26px;

	}

	.bt-routes-content p{

		font-size:15px;

		line-height:26px;

	}

	.bt-route-tags a{

		padding:10px 18px;

		font-size:14px;

	}

}

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

.bt-route-card,
.bt-route-tags a,
.bt-routes-bottom{

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

}

.bt-route-card:hover{

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

}

.bt-route-tags a:hover{

	box-shadow:0 18px 40px rgba(37,99,235,.20);

}

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