/*==================================================
 Bareilly Taxi Premium Theme
 Global CSS Framework
 Version : 12.0
 File : assets/css/global.css
==================================================*/

/*==========================================
 Google Font
==========================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/*==========================================
 CSS Variables
==========================================*/

:root{

	/* Brand */

	--bt-primary:#0F4C81;

	--bt-primary-dark:#09365C;

	--bt-secondary:#FDB813;

	--bt-secondary-dark:#E8A500;

	/* Status */

	--bt-success:#16A34A;

	--bt-danger:#DC2626;

	--bt-warning:#F59E0B;

	/* Text */

	--bt-heading:#0F172A;

	--bt-text:#475569;

	--bt-light:#64748B;

	/* Background */

	--bt-bg:#F8FAFC;

	--bt-white:#FFFFFF;

	--bt-border:#E2E8F0;

	/* Radius */

	--bt-radius-sm:12px;

	--bt-radius-md:18px;

	--bt-radius-lg:24px;

	--bt-radius-xl:32px;

	/* Shadow */

	--bt-shadow-sm:0 8px 20px rgba(15,23,42,.05);

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

	--bt-shadow-lg:0 30px 80px rgba(15,23,42,.12);

	/* Transition */

	--bt-transition:.30s ease;

}

/*==========================================
 Reset
==========================================*/

*,
*::before,
*::after{

	margin:0;

	padding:0;

	box-sizing:border-box;

}

html{

	scroll-behavior:smooth;

	scroll-padding-top:90px;

}

body{

	font-family:'Inter',sans-serif;

	font-size:16px;

	line-height:1.7;

	color:var(--bt-text);

	background:var(--bt-bg);

	overflow-x:hidden;

	-webkit-font-smoothing:antialiased;

	-moz-osx-font-smoothing:grayscale;

}

img{

	max-width:100%;

	height:auto;

	display:block;

}

a{

	color:inherit;

	text-decoration:none;

	transition:var(--bt-transition);

}

button{

	font-family:inherit;

	cursor:pointer;

	transition:var(--bt-transition);

}

input,
select,
textarea{

	font-family:inherit;

}

ul{

	list-style:none;

}

section{

	position:relative;

	padding:100px 0;

}

.bt-container{

	width:100%;

	max-width:1320px;

	margin:0 auto;

	padding:0 20px;

}

/*==========================================
 Selection
==========================================*/

::selection{

	background:var(--bt-primary);

	color:#fff;

}

/*==========================================
 Scrollbar
==========================================*/

::-webkit-scrollbar{

	width:10px;

}

::-webkit-scrollbar-track{

	background:#EDF2F7;

}

::-webkit-scrollbar-thumb{

	background:var(--bt-primary);

	border-radius:30px;

}

::-webkit-scrollbar-thumb:hover{

	background:var(--bt-primary-dark);

}/*==========================================
 Typography
==========================================*/

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

	color:var(--bt-heading);

	font-weight:800;

	line-height:1.2;

	margin:0 0 20px;

	letter-spacing:-.02em;

}

h1{

	font-size:clamp(42px,5vw,56px);

}

h2{

	font-size:clamp(34px,4vw,42px);

}

h3{

	font-size:clamp(24px,3vw,28px);

}

h4{

	font-size:22px;

}

h5{

	font-size:18px;

}

h6{

	font-size:16px;

}

p{

	margin:0 0 20px;

	font-size:17px;

	line-height:1.9;

	color:var(--bt-text);

}

small{

	font-size:14px;

	color:var(--bt-light);

}

/*==========================================
 Section Heading
==========================================*/

.bt-section-heading{

	max-width:850px;

	margin:0 auto 70px;

	text-align:center;

}

.bt-section-heading h2{

	margin-bottom:20px;

}

.bt-section-heading p{

	max-width:760px;

	margin:0 auto;

}

/*==========================================
 Section Badge
==========================================*/

.bt-section-badge{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	gap:10px;

	padding:12px 24px;

	margin-bottom:22px;

	background:rgba(15,76,129,.08);

	color:var(--bt-primary);

	font-size:14px;

	font-weight:700;

	border-radius:50px;

	border:1px solid rgba(15,76,129,.12);

}

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

.bt-btn{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	gap:10px;

	height:56px;

	padding:0 28px;

	border:none;

	border-radius:16px;

	font-size:15px;

	font-weight:700;

	cursor:pointer;

	text-decoration:none;

	transition:var(--bt-transition);

}

.bt-btn:hover{

	transform:translateY(-4px);

}

.bt-btn-primary{

	background:linear-gradient(135deg,var(--bt-secondary),var(--bt-secondary-dark));

	color:#111827;

	box-shadow:0 18px 40px rgba(253,184,19,.28);

}

.bt-btn-primary:hover{

	box-shadow:0 24px 50px rgba(253,184,19,.35);

}

.bt-btn-outline{

	background:#ffffff;

	color:var(--bt-primary);

	border:2px solid var(--bt-primary);

}

.bt-btn-outline:hover{

	background:var(--bt-primary);

	color:#ffffff;

}

.bt-btn-dark{

	background:var(--bt-primary);

	color:#ffffff;

}

.bt-btn-dark:hover{

	background:var(--bt-primary-dark);

}

.bt-btn-success{

	background:var(--bt-success);

	color:#ffffff;

}

/*==========================================
 Cards
==========================================*/

.bt-card{

	background:var(--bt-white);

	border-radius:var(--bt-radius-lg);

	padding:35px;

	border:1px solid var(--bt-border);

	box-shadow:var(--bt-shadow-sm);

	transition:var(--bt-transition);

}

.bt-card:hover{

	transform:translateY(-8px);

	box-shadow:var(--bt-shadow-lg);

}

/*==========================================
 Grid
==========================================*/

.bt-grid{

	display:grid;

	gap:30px;

}

.bt-grid-2{

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

}

.bt-grid-3{

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

}

.bt-grid-4{

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

}

/*==========================================
 Utilities
==========================================*/

.text-center{

	text-align:center;

}

.text-left{

	text-align:left;

}

.text-right{

	text-align:right;

}

.mt-20{

	margin-top:20px;

}

.mt-40{

	margin-top:40px;

}

.mt-60{

	margin-top:60px;

}

.mb-20{

	margin-bottom:20px;

}

.mb-40{

	margin-bottom:40px;

}

.mb-60{

	margin-bottom:60px;

}

.w-100{

	width:100%;

}

.d-flex{

	display:flex;

}

.align-center{

	align-items:center;

}

.justify-between{

	justify-content:space-between;

}

.justify-center{

	justify-content:center;

}

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

.bt-fade-up{

	opacity:0;

	transform:translateY(40px);

	transition:all .8s ease;

}

.bt-fade-up.active{

	opacity:1;

	transform:translateY(0);

}

.bt-zoom{

	overflow:hidden;

}

.bt-zoom img{

	transition:.6s ease;

}

.bt-zoom:hover img{

	transform:scale(1.08);

}

.bt-hover-lift{

	transition:var(--bt-transition);

}

.bt-hover-lift:hover{

	transform:translateY(-8px);

}

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

@media (max-width:1200px){

	.bt-grid-4{

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

	}

}

@media (max-width:992px){

	section{

		padding:80px 0;

	}

	.bt-grid-3{

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

	}

	.bt-grid-2{

		grid-template-columns:1fr;

	}

}

@media (max-width:768px){

	.bt-section-heading{

		margin-bottom:50px;

	}

	.bt-btn{

		width:100%;

	}

	.bt-grid-3,

	.bt-grid-4{

		grid-template-columns:1fr;

	}

}

@media (max-width:576px){

	.bt-container{

		padding:0 16px;

	}

	p{

		font-size:16px;

	}

	.bt-card{

		padding:24px;

	}

}