/*
=========================================================
Bareilly Taxi Core v3.0
Frontend CSS
Part-1
Base + Header + Navigation
=========================================================
*/

/*==================================
RESET
==================================*/

*,
*::before,
*::after{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

html{
	scroll-behavior:smooth;
	-webkit-text-size-adjust:100%;
}

body{

	font-family:"Poppins",sans-serif;

	font-size:16px;

	font-weight:400;

	line-height:1.7;

	color:#222;

	background:#f7f8fb;

	overflow-x:hidden;

}

img{

	max-width:100%;

	height:auto;

	display:block;

}

a{

	text-decoration:none;

	transition:.3s ease;

	color:inherit;

}

ul{

	list-style:none;

	margin:0;

	padding:0;

}

button{

	border:none;

	outline:none;

	cursor:pointer;

	background:none;

	font-family:inherit;

}

input,
select,
textarea{

	font-family:inherit;

	outline:none;

}

/*==================================
CONTAINER
==================================*/

.bt-container{

	width:100%;

	max-width:1320px;

	margin:auto;

	padding:0 18px;

}

section{

	padding:90px 0;

}

/*==================================
TYPOGRAPHY
==================================*/

h1,h2,h3,h4,h5,h6{

	font-weight:700;

	line-height:1.3;

	color:#111827;

}

p{

	color:#6b7280;

	line-height:1.8;

}

/*==================================
SECTION TITLE
==================================*/

.bt-section-title{

	text-align:center;

	margin-bottom:60px;

}

.bt-section-title h2{

	font-size:42px;

	margin-bottom:12px;

}

.bt-section-title p{

	max-width:760px;

	margin:auto;

	font-size:17px;

}

/*==================================
BUTTONS
==================================*/

.bt-btn{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	gap:10px;

	padding:15px 30px;

	border-radius:12px;

	font-weight:600;

	font-size:15px;

	transition:.35s;

}

.bt-primary{

	background:#0d6efd;

	color:#fff;

}

.bt-primary:hover{

	background:#0b5ed7;

	transform:translateY(-3px);

	color:#fff;

}

.bt-outline{

	border:2px solid #0d6efd;

	color:#0d6efd;

	background:#fff;

}

.bt-outline:hover{

	background:#0d6efd;

	color:#fff;

}

.bt-whatsapp{

	background:#25D366;

	color:#fff;

}

.bt-whatsapp:hover{

	background:#1fa851;

	color:#fff;

	transform:translateY(-3px);

}

/*==================================
HEADER
==================================*/

.bt-header{

	position:sticky;

	top:0;

	left:0;

	width:100%;

	background:#ffffff;

	z-index:9999;

	box-shadow:0 4px 20px rgba(0,0,0,.06);

}

.bt-header .bt-container{

	display:flex;

	align-items:center;

	justify-content:space-between;

	height:82px;

}

/*==================================
LOGO
==================================*/

.bt-logo{

	display:flex;

	align-items:center;

}

.bt-logo img{

	max-height:58px;

	width:auto;

}

.bt-logo a{

	font-size:30px;

	font-weight:700;

	color:#0d6efd;

	display:flex;

	align-items:center;

}

/*==================================
MENU
==================================*/

.bt-navigation{

	display:flex;

	align-items:center;

}

.bt-menu{

	display:flex;

	align-items:center;

	gap:35px;

}

.bt-menu li{

	position:relative;

}

.bt-menu li a{

	font-size:15px;

	font-weight:600;

	color:#222;

	padding:10px 0;

	display:block;

}

.bt-menu li a:hover{

	color:#0d6efd;

}

/*==================================
HEADER RIGHT
==================================*/

.bt-header-right{

	display:flex;

	align-items:center;

	gap:15px;

}

.bt-phone-btn{

	display:flex;

	align-items:center;

	gap:8px;

	padding:14px 22px;

	background:#0d6efd;

	color:#fff;

	border-radius:12px;

	font-weight:600;

}

.bt-phone-btn:hover{

	background:#0b5ed7;

	color:#fff;

}

.bt-book-btn{

	padding:14px 24px;

	background:#ffb400;

	color:#111;

	border-radius:12px;

	font-weight:700;

	transition:.3s;

}

.bt-book-btn:hover{

	background:#f59e0b;

}

/*==================================
MOBILE BUTTON
==================================*/

.bt-mobile-toggle{

	display:none;

	width:46px;

	height:46px;

	border-radius:8px;

	background:#0d6efd;

	color:#fff;

	font-size:20px;

	align-items:center;

	justify-content:center;

}

/*==================================
UTILITY
==================================*/

.text-center{

	text-align:center;

}

.mt-30{

	margin-top:30px;

}

.mb-30{

	margin-bottom:30px;

}

.rounded{

	border-radius:16px;

}

.shadow{

	box-shadow:0 12px 30px rgba(0,0,0,.08);

}

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

@media(max-width:991px){

.bt-header .bt-container{

	height:74px;

}

.bt-navigation{

	display:none;

	position:absolute;

	left:0;

	top:74px;

	width:100%;

	background:#fff;

	padding:25px;

	box-shadow:0 15px 30px rgba(0,0,0,.08);

}

.bt-navigation.active{

	display:block;

}

.bt-menu{

	flex-direction:column;

	align-items:flex-start;

	gap:18px;

}

.bt-header-right{

	display:none;

}

.bt-mobile-toggle{

	display:flex;

}

}

@media(max-width:768px){

section{

	padding:70px 0;

}

.bt-section-title h2{

	font-size:32px;

}

.bt-section-title p{

	font-size:15px;

}

.bt-logo a{

	font-size:24px;

}

}/*=========================================================
Bareilly Taxi Core v3.0
Frontend CSS
Part-2
Hero + Booking Form
=========================================================*/

/*==================================
HERO SECTION
==================================*/

.bt-hero{

	position:relative;

	background:linear-gradient(135deg,#0d6efd 0%,#0b5ed7 100%);

	padding:120px 0 80px;

	overflow:hidden;

	color:#fff;

}

.bt-hero::before{

	content:"";

	position:absolute;

	top:-120px;

	right:-120px;

	width:350px;

	height:350px;

	border-radius:50%;

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

}

.bt-hero::after{

	content:"";

	position:absolute;

	left:-150px;

	bottom:-150px;

	width:320px;

	height:320px;

	border-radius:50%;

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

}

.bt-hero-grid{

	display:grid;

	grid-template-columns:1.1fr .9fr;

	align-items:center;

	gap:70px;

	position:relative;

	z-index:2;

}

/*==================================
Hero Content
==================================*/

.bt-badge{

	display:inline-block;

	background:#fff;

	color:#0d6efd;

	padding:8px 18px;

	border-radius:40px;

	font-size:14px;

	font-weight:700;

	margin-bottom:20px;

}

.bt-hero-content h1{

	font-size:56px;

	font-weight:700;

	line-height:1.2;

	margin-bottom:20px;

	color:#fff;

}

.bt-hero-content p{

	font-size:18px;

	line-height:1.9;

	color:rgba(255,255,255,.90);

	margin-bottom:35px;

	max-width:620px;

}

.bt-hero-buttons{

	display:flex;

	flex-wrap:wrap;

	gap:15px;

	margin-bottom:35px;

}

/*==================================
Hero Features
==================================*/

.bt-features{

	display:flex;

	flex-wrap:wrap;

	gap:18px;

}

.bt-feature{

	display:flex;

	align-items:center;

	gap:10px;

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

	padding:12px 18px;

	border-radius:12px;

	backdrop-filter:blur(8px);

}

.bt-feature i{

	font-size:18px;

	color:#fff;

}

.bt-feature span{

	font-size:15px;

	font-weight:600;

	color:#fff;

}

/*==================================
Hero Image
==================================*/

.bt-hero-image{

	text-align:center;

}

.bt-hero-image img{

	max-width:100%;

	animation:btFloat 5s ease-in-out infinite;

	filter:drop-shadow(0 30px 40px rgba(0,0,0,.25));

}

/*==================================
BOOKING SECTION
==================================*/

.bt-booking-section{

	position:relative;

	margin-top:-60px;

	z-index:20;

}

.bt-booking-card{

	background:#fff;

	border-radius:20px;

	padding:35px;

	box-shadow:0 20px 60px rgba(0,0,0,.12);

}

.bt-booking-card h2{

	font-size:32px;

	margin-bottom:8px;

	color:#111827;

}

.bt-booking-card p{

	margin-bottom:30px;

}

/*==================================
Booking Form
==================================*/

.bt-booking-form{

	display:grid;

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

	gap:20px;

}

.bt-field{

	display:flex;

	flex-direction:column;

}

.bt-field label{

	font-size:14px;

	font-weight:600;

	color:#374151;

	margin-bottom:8px;

}

.bt-field input,

.bt-field select{

	width:100%;

	height:52px;

	padding:0 16px;

	border:1px solid #d1d5db;

	border-radius:10px;

	background:#fff;

	font-size:15px;

	transition:.3s;

}

.bt-field input:focus,

.bt-field select:focus{

	border-color:#0d6efd;

	box-shadow:0 0 0 4px rgba(13,110,253,.12);

}

.bt-field textarea{

	border:1px solid #d1d5db;

	border-radius:10px;

	padding:15px;

	min-height:120px;

	resize:vertical;

}

.bt-field textarea:focus{

	border-color:#0d6efd;

	box-shadow:0 0 0 4px rgba(13,110,253,.12);

}

/*==================================
Booking Buttons
==================================*/

.bt-booking-buttons{

	margin-top:30px;

	display:flex;

	gap:15px;

	flex-wrap:wrap;

}

.bt-booking-buttons .bt-btn{

	min-width:180px;

}

/*==================================
Booking Info
==================================*/

.bt-booking-info{

	margin-top:25px;

	display:flex;

	gap:25px;

	flex-wrap:wrap;

}

.bt-booking-info div{

	display:flex;

	align-items:center;

	gap:10px;

	color:#6b7280;

	font-size:15px;

}

.bt-booking-info i{

	color:#0d6efd;

}

/*==================================
Booking Success
==================================*/

.bt-success-box{

	display:none;

	background:#ecfdf5;

	border:1px solid #10b981;

	padding:20px;

	border-radius:12px;

	margin-top:25px;

	color:#065f46;

	font-weight:600;

}

/*==================================
Animation
==================================*/

@keyframes btFloat{

	0%{

		transform:translateY(0);

	}

	50%{

		transform:translateY(-10px);

	}

	100%{

		transform:translateY(0);

	}

}

/*==================================
Responsive
==================================*/

@media(max-width:1100px){

.bt-booking-form{

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

}

}

@media(max-width:991px){

.bt-hero{

	padding:90px 0 60px;

	text-align:center;

}

.bt-hero-grid{

	grid-template-columns:1fr;

	gap:40px;

}

.bt-hero-content h1{

	font-size:42px;

}

.bt-features{

	justify-content:center;

}

.bt-booking-section{

	margin-top:40px;

}

}

@media(max-width:768px){

.bt-hero-content h1{

	font-size:34px;

}

.bt-hero-content p{

	font-size:16px;

}

.bt-booking-card{

	padding:25px;

}

.bt-booking-form{

	grid-template-columns:1fr;

}

.bt-booking-buttons{

	flex-direction:column;

}

.bt-booking-buttons .bt-btn{

	width:100%;

}

.bt-booking-info{

	flex-direction:column;

	gap:12px;

}

}/*=========================================================
Bareilly Taxi Core v3.0
Frontend CSS
Part-3
Fleet | City | Route | Fare Calculator
=========================================================*/

/*==================================
COMMON CARD
==================================*/

.bt-card{

	background:#fff;

	border-radius:20px;

	overflow:hidden;

	box-shadow:0 12px 35px rgba(0,0,0,.08);

	transition:.35s;

}

.bt-card:hover{

	transform:translateY(-8px);

	box-shadow:0 20px 45px rgba(0,0,0,.12);

}

/*==================================
FARE CALCULATOR
==================================*/

.bt-fare-calculator{

	background:#f8fafc;

}

.bt-fare-calculator .bt-card{

	padding:40px;

}

.bt-fare-calculator h2{

	font-size:34px;

	margin-bottom:10px;

}

.bt-fare-calculator p{

	margin-bottom:30px;

}

.bt-calculate{

	margin-top:30px;

	text-align:center;

}

.bt-result{

	margin-top:35px;

	background:#eff6ff;

	padding:35px;

	border-radius:18px;

	text-align:center;

	border:2px dashed #0d6efd;

}

#bt_total_fare{

	font-size:46px;

	font-weight:700;

	color:#0d6efd;

	margin:15px 0;

}

/*==================================
FLEET
==================================*/

.bt-fleet-section{

	background:#ffffff;

}

.bt-fleet-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

	gap:30px;

}

.bt-fleet-card{

	background:#fff;

	border-radius:20px;

	overflow:hidden;

	box-shadow:0 12px 35px rgba(0,0,0,.08);

	transition:.35s;

}

.bt-fleet-card:hover{

	transform:translateY(-10px);

}

.bt-fleet-image{

	height:230px;

	overflow:hidden;

	background:#f5f5f5;

}

.bt-fleet-image img{

	width:100%;

	height:100%;

	object-fit:cover;

	transition:.5s;

}

.bt-fleet-card:hover img{

	transform:scale(1.08);

}

.bt-fleet-content{

	padding:28px;

}

.bt-fleet-content h3{

	font-size:25px;

	margin-bottom:18px;

}

.bt-fleet-info{

	margin-bottom:20px;

}

.bt-fleet-info li{

	display:flex;

	justify-content:space-between;

	padding:10px 0;

	border-bottom:1px solid #eee;

	font-size:15px;

}

.bt-price{

	font-size:28px;

	font-weight:700;

	color:#0d6efd;

	margin:25px 0;

}

.bt-card-buttons{

	display:flex;

	gap:12px;

}

.bt-card-buttons .bt-btn{

	flex:1;

}

/*==================================
CITY
==================================*/

.bt-city-section{

	background:#f7f8fb;

}

.bt-city-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

	gap:30px;

}

.bt-city-card{

	background:#fff;

	border-radius:20px;

	overflow:hidden;

	box-shadow:0 10px 30px rgba(0,0,0,.08);

	transition:.35s;

}

.bt-city-card:hover{

	transform:translateY(-8px);

}

.bt-city-image{

	height:220px;

	overflow:hidden;

}

.bt-city-image img{

	width:100%;

	height:100%;

	object-fit:cover;

	transition:.5s;

}

.bt-city-card:hover img{

	transform:scale(1.08);

}

.bt-city-content{

	padding:25px;

}

.bt-city-content h3{

	font-size:24px;

	margin-bottom:12px;

}

.bt-city-content p{

	color:#666;

	margin-bottom:12px;

}

.bt-city-buttons{

	display:flex;

	gap:12px;

	margin-top:20px;

}

.bt-city-buttons .bt-btn{

	flex:1;

}

/*==================================
ROUTES
==================================*/

.bt-route-section{

	background:#ffffff;

}

.bt-route-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

	gap:30px;

}

.bt-route-card{

	background:#fff;

	border-radius:20px;

	overflow:hidden;

	box-shadow:0 10px 30px rgba(0,0,0,.08);

	transition:.35s;

}

.bt-route-card:hover{

	transform:translateY(-8px);

}

.bt-route-image{

	height:220px;

	overflow:hidden;

}

.bt-route-image img{

	width:100%;

	height:100%;

	object-fit:cover;

	transition:.5s;

}

.bt-route-card:hover img{

	transform:scale(1.08);

}

.bt-route-content{

	padding:28px;

}

.bt-route-content h3{

	font-size:24px;

	margin-bottom:18px;

	line-height:1.4;

}

.bt-route-info{

	margin-bottom:20px;

}

.bt-route-info li{

	display:flex;

	justify-content:space-between;

	padding:10px 0;

	border-bottom:1px solid #eee;

	font-size:15px;

}

.bt-route-buttons{

	display:flex;

	gap:12px;

	margin-top:20px;

}

.bt-route-buttons .bt-btn{

	flex:1;

}

/*==================================
EMPTY DATA
==================================*/

.bt-no-data{

	background:#fff;

	padding:70px;

	text-align:center;

	border-radius:20px;

	box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.bt-no-data h3{

	font-size:30px;

	margin-bottom:15px;

}

.bt-no-data p{

	color:#666;

}

/*==================================
BADGE
==================================*/

.bt-status{

	display:inline-block;

	padding:6px 15px;

	border-radius:50px;

	font-size:13px;

	font-weight:600;

}

.bt-status.available{

	background:#d1fae5;

	color:#065f46;

}

.bt-status.booked{

	background:#fef3c7;

	color:#92400e;

}

.bt-status.trip{

	background:#dbeafe;

	color:#1d4ed8;

}

.bt-status.maintenance{

	background:#fee2e2;

	color:#991b1b;

}

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

@media(max-width:991px){

.bt-fleet-grid,
.bt-city-grid,
.bt-route-grid{

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

}

}

@media(max-width:768px){

.bt-fleet-grid,
.bt-city-grid,
.bt-route-grid{

	grid-template-columns:1fr;

}

.bt-card-buttons,
.bt-city-buttons,
.bt-route-buttons{

	flex-direction:column;

}

.bt-price{

	font-size:24px;

}

#bt_total_fare{

	font-size:36px;

}

.bt-no-data{

	padding:40px 25px;

}

}/*=========================================================
Bareilly Taxi Core v3.0
Frontend CSS
Part-4
Why Us | Testimonials | FAQ | CTA
=========================================================*/

/*==================================
WHY CHOOSE US
==================================*/

.bt-why-us{

	background:#ffffff;

}

.bt-why-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

	gap:30px;

}

.bt-why-card{

	background:#fff;

	padding:35px 30px;

	border-radius:20px;

	text-align:center;

	box-shadow:0 12px 35px rgba(0,0,0,.08);

	transition:.35s;

	position:relative;

	overflow:hidden;

}

.bt-why-card:hover{

	transform:translateY(-10px);

	box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.bt-why-card::before{

	content:"";

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:4px;

	background:#0d6efd;

}

.bt-icon{

	width:80px;

	height:80px;

	margin:auto;

	margin-bottom:22px;

	border-radius:50%;

	background:#0d6efd;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:34px;

	color:#fff;

}

.bt-why-card h3{

	font-size:24px;

	margin-bottom:15px;

}

.bt-why-card p{

	color:#666;

	line-height:1.8;

}

/*==================================
TESTIMONIALS
==================================*/

.bt-testimonials{

	background:#f7f8fb;

}

.bt-rating-box{

	display:flex;

	align-items:center;

	justify-content:center;

	gap:30px;

	background:#fff;

	padding:35px;

	border-radius:20px;

	margin-bottom:50px;

	box-shadow:0 12px 35px rgba(0,0,0,.08);

}

.bt-rating-number{

	font-size:60px;

	font-weight:700;

	color:#0d6efd;

}

.bt-stars{

	color:#FFC107;

	font-size:22px;

	margin-bottom:10px;

}

.bt-rating-content p{

	color:#666;

}

.bt-testimonial-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

	gap:30px;

}

.bt-testimonial-card{

	background:#fff;

	padding:30px;

	border-radius:20px;

	box-shadow:0 12px 35px rgba(0,0,0,.08);

	transition:.35s;

}

.bt-testimonial-card:hover{

	transform:translateY(-8px);

}

.bt-review-stars{

	color:#FFC107;

	font-size:18px;

	margin-bottom:15px;

}

.bt-review-text{

	color:#555;

	line-height:1.9;

	font-style:italic;

	margin-bottom:25px;

}

.bt-review-user{

	display:flex;

	align-items:center;

	gap:15px;

}

.bt-review-avatar{

	width:60px;

	height:60px;

	border-radius:50%;

	background:#0d6efd;

	color:#fff;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:24px;

	font-weight:700;

}

.bt-review-user h4{

	font-size:18px;

	margin-bottom:3px;

}

.bt-review-user span{

	font-size:14px;

	color:#777;

}

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

.bt-faq-section{

	background:#fff;

}

.bt-faq-wrapper{

	max-width:950px;

	margin:auto;

}

.bt-faq-item{

	background:#fff;

	margin-bottom:18px;

	border-radius:15px;

	overflow:hidden;

	box-shadow:0 8px 25px rgba(0,0,0,.07);

}

.bt-faq-question{

	width:100%;

	padding:22px 25px;

	background:#fff;

	border:none;

	display:flex;

	align-items:center;

	justify-content:space-between;

	font-size:18px;

	font-weight:600;

	cursor:pointer;

	transition:.3s;

}

.bt-faq-question:hover{

	background:#f8f9fc;

}

.bt-faq-question i{

	color:#0d6efd;

	transition:.3s;

}

.bt-faq-answer{

	display:none;

	padding:0 25px 25px;

	color:#666;

	line-height:1.9;

}

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

	display:block;

}

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

	background:#0d6efd;

	color:#fff;

}

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

	color:#fff;

	transform:rotate(45deg);

}

/*==================================
CTA
==================================*/

.bt-cta-section{

	background:linear-gradient(135deg,#0d6efd,#0056d6);

	padding:90px 0;

	color:#fff;

}

.bt-cta-box{

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:40px;

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

	padding:50px;

	border-radius:25px;

	backdrop-filter:blur(10px);

}

.bt-cta-left{

	flex:1;

}

.bt-cta-left h2{

	font-size:42px;

	margin-bottom:20px;

	color:#fff;

}

.bt-cta-left p{

	color:#f5f5f5;

	font-size:18px;

	line-height:1.9;

}

.bt-cta-right{

	display:flex;

	flex-wrap:wrap;

	gap:15px;

}

.bt-cta-right .bt-btn{

	min-width:180px;

}

/*==================================
ANIMATION
==================================*/

.bt-why-card,
.bt-testimonial-card,
.bt-faq-item{

	transition:all .35s ease;

}

.bt-why-card:hover,
.bt-testimonial-card:hover{

	transform:translateY(-8px);

}

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

@media(max-width:991px){

.bt-rating-box{

	flex-direction:column;

	text-align:center;

}

.bt-cta-box{

	flex-direction:column;

	text-align:center;

	padding:35px;

}

.bt-cta-left h2{

	font-size:34px;

}

}

@media(max-width:768px){

.bt-why-grid{

	grid-template-columns:1fr;

}

.bt-testimonial-grid{

	grid-template-columns:1fr;

}

.bt-rating-number{

	font-size:48px;

}

.bt-faq-question{

	font-size:16px;

	padding:18px;

}

.bt-faq-answer{

	padding:0 18px 20px;

}

.bt-cta-left h2{

	font-size:28px;

}

.bt-cta-right{

	flex-direction:column;

	width:100%;

}

.bt-cta-right .bt-btn{

	width:100%;

}

}/*=========================================================
Bareilly Taxi Core v3.0
Frontend CSS
Part-5 (Final)
Footer | Floating Buttons | Scroll Top | Loader
=========================================================*/

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

.bt-footer{

	background:#0f172a;

	color:#fff;

	padding:80px 0 20px;

}

.bt-footer-grid{

	display:grid;

	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

	gap:40px;

	margin-bottom:50px;

}

.bt-footer-widget h3,
.bt-footer-widget h4{

	font-size:24px;

	font-weight:700;

	margin-bottom:20px;

	color:#fff;

}

.bt-footer-widget p{

	color:#cbd5e1;

	line-height:1.9;

	margin-bottom:12px;

}

.bt-footer-widget ul{

	margin:0;

	padding:0;

	list-style:none;

}

.bt-footer-widget ul li{

	margin-bottom:12px;

}

.bt-footer-widget ul li a{

	color:#cbd5e1;

	transition:.30s;

}

.bt-footer-widget ul li a:hover{

	color:#ffffff;

	padding-left:6px;

}

.bt-footer-widget i{

	color:#3b82f6;

	width:20px;

	margin-right:8px;

	text-align:center;

}

.bt-footer hr{

	border:none;

	border-top:1px solid rgba(255,255,255,.12);

	margin:30px 0;

}

/*==================================
FOOTER BOTTOM
==================================*/

.bt-footer-bottom{

	display:flex;

	align-items:center;

	justify-content:space-between;

	gap:20px;

	color:#cbd5e1;

	font-size:15px;

}

/*==================================
SOCIAL
==================================*/

.bt-social{

	display:flex;

	gap:12px;

}

.bt-social a{

	width:42px;

	height:42px;

	display:flex;

	align-items:center;

	justify-content:center;

	border-radius:50%;

	background:#1e293b;

	color:#fff;

	font-size:17px;

	transition:.35s;

}

.bt-social a:hover{

	background:#0d6efd;

	transform:translateY(-4px);

}

/*==================================
FLOATING BUTTONS
==================================*/

.bt-floating-call,
.bt-floating-whatsapp{

	position:fixed;

	right:20px;

	width:60px;

	height:60px;

	border-radius:50%;

	display:flex;

	align-items:center;

	justify-content:center;

	color:#fff;

	font-size:28px;

	z-index:99999;

	box-shadow:0 12px 30px rgba(0,0,0,.20);

	transition:.30s;

}

.bt-floating-call{

	bottom:20px;

	background:#0d6efd;

}

.bt-floating-whatsapp{

	bottom:95px;

	background:#25D366;

}

.bt-floating-call:hover,
.bt-floating-whatsapp:hover{

	transform:scale(1.08);

	color:#fff;

}

/*==================================
SCROLL TOP
==================================*/

.bt-scroll-top{

	position:fixed;

	left:20px;

	bottom:20px;

	width:52px;

	height:52px;

	border-radius:50%;

	background:#111827;

	color:#fff;

	display:flex;

	align-items:center;

	justify-content:center;

	font-size:18px;

	cursor:pointer;

	opacity:0;

	visibility:hidden;

	transition:.30s;

	z-index:99999;

}

.bt-scroll-top.active{

	opacity:1;

	visibility:visible;

}

.bt-scroll-top:hover{

	background:#0d6efd;

}

/*==================================
LOADER
==================================*/

.bt-loader{

	position:fixed;

	inset:0;

	background:#fff;

	display:flex;

	align-items:center;

	justify-content:center;

	z-index:999999;

}

.bt-spinner{

	width:70px;

	height:70px;

	border-radius:50%;

	border:6px solid #eee;

	border-top:6px solid #0d6efd;

	animation:btSpin 1s linear infinite;

}

@keyframes btSpin{

	to{

		transform:rotate(360deg);

	}

}

/*==================================
UTILITY
==================================*/

.bt-shadow{

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

}

.bt-radius{

	border-radius:20px;

}

.bt-bg-light{

	background:#f8fafc;

}

.bt-bg-white{

	background:#fff;

}

.bt-text-center{

	text-align:center;

}

.bt-mt-30{

	margin-top:30px;

}

.bt-mb-30{

	margin-bottom:30px;

}

/*==================================
FORM
==================================*/

.bt-field input,
.bt-field select,
.bt-field textarea{

	transition:.30s;

}

.bt-field input:focus,
.bt-field select:focus,
.bt-field textarea:focus{

	border-color:#0d6efd;

	box-shadow:0 0 0 4px rgba(13,110,253,.10);

}

/*==================================
PRINT
==================================*/

@media print{

.bt-header,
.bt-footer,
.bt-floating-call,
.bt-floating-whatsapp,
.bt-scroll-top{

	display:none !important;

}

body{

	background:#fff;

}

}

/*==================================
DARK MODE READY
==================================*/

body.bt-dark{

	background:#111827;

	color:#fff;

}

body.bt-dark .bt-card,
body.bt-dark .bt-booking-card,
body.bt-dark .bt-city-card,
body.bt-dark .bt-route-card,
body.bt-dark .bt-fleet-card,
body.bt-dark .bt-testimonial-card,
body.bt-dark .bt-why-card{

	background:#1f2937;

	color:#fff;

}

body.bt-dark p{

	color:#d1d5db;

}

body.bt-dark .bt-footer{

	background:#020617;

}

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

@media(max-width:991px){

.bt-footer-bottom{

	flex-direction:column;

	text-align:center;

}

}

@media(max-width:768px){

.bt-footer{

	padding:60px 0 20px;

}

.bt-floating-call,
.bt-floating-whatsapp{

	width:55px;

	height:55px;

	font-size:24px;

}

.bt-scroll-top{

	left:15px;

	bottom:15px;

}

}

/*==================================
END OF FILE
=========================================================*/