/*=============================================
BAREILLY TAXI GLOBAL CSS
Version : 1.0
==============================================*/

/*==========================
ROOT VARIABLES
==========================*/

:root{

--primary:#0B5ED7;

--secondary:#FFC107;

--success:#22C55E;

--danger:#EF4444;

--dark:#1F2937;

--text:#6B7280;

--white:#ffffff;

--light:#F8FAFC;

--border:#E5E7EB;

--radius:16px;

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

--transition:.35s ease;

--container:1280px;

}

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

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

html{
scroll-behavior:smooth;
}

body{

font-family:Inter,sans-serif;

font-size:16px;

background:var(--white);

color:var(--dark);

line-height:1.7;

overflow-x:hidden;

}

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

.bt-container{

max-width:1280px;

margin:auto;

padding-left:20px;

padding-right:20px;

}

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

h1{

font-size:56px;

line-height:1.15;

font-weight:700;

margin-bottom:20px;

}

h2{

font-size:42px;

margin-bottom:20px;

}

h3{

font-size:30px;

margin-bottom:15px;

}

h4{

font-size:24px;

margin-bottom:15px;

}

p{

color:var(--text);

margin-bottom:20px;

}

/*==========================
IMAGES
==========================*/

img{

max-width:100%;

display:block;

height:auto;

}

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

.bt-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:15px 30px;

border-radius:10px;

font-weight:600;

text-decoration:none;

transition:.3s;

}

.bt-primary{

background:var(--primary);

color:#fff;

}

.bt-primary:hover{

transform:translateY(-3px);

}

.bt-secondary{

background:var(--secondary);

color:#111;

}

.bt-secondary:hover{

transform:translateY(-3px);

}

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

section{

padding:90px 0;

}

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

.bt-card{

background:#fff;

padding:30px;

border-radius:20px;

box-shadow:var(--shadow);

}

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

.text-center{

text-align:center;

}

.mt-30{

margin-top:30px;

}

.mb-30{

margin-bottom:30px;

}

.mb-50{

margin-bottom:50px;

}

/*==========================
TABLET
==========================*/

@media(max-width:991px){

h1{

font-size:40px;

}

h2{

font-size:32px;

}

}

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

@media(max-width:767px){

h1{

font-size:32px;

}

h2{

font-size:28px;

}

.bt-btn{

width:100%;

}

}