/*==================================================
BAREILLY TAXI
PREMIUM FLEET v4.0
==================================================*/

.bt-fleet{

padding:110px 0;

background:#ffffff;

position:relative;

overflow:hidden;

}

.bt-fleet .bt-container{

max-width:1320px;

margin:auto;

}

/*====================================
GRID
====================================*/

.bt-fleet-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

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

.bt-fleet-card{

background:#fff;

border-radius:22px;

padding:30px;

text-align:center;

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

transition:.35s;

border:1px solid #EEF2F7;

}

.bt-fleet-card:hover{

transform:translateY(-12px);

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

}

/*====================================
IMAGE
====================================*/

.bt-fleet-card img{

width:100%;

max-width:240px;

height:150px;

object-fit:contain;

margin:0 auto 25px;

display:block;

transition:.35s;

}

.bt-fleet-card:hover img{

transform:scale(1.06);

}

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

.bt-fleet-card h3{

margin:0 0 15px;

font-size:24px;

font-weight:700;

color:#111827;

}

/*====================================
PRICE
====================================*/

.bt-price{

font-size:34px;

font-weight:800;

color:#0d47a1;

margin-bottom:25px;

}

.bt-price span{

font-size:16px;

font-weight:600;

color:#64748B;

}

/*====================================
LIST
====================================*/

.bt-fleet-card ul{

list-style:none;

padding:0;

margin:0 0 30px;

}

.bt-fleet-card li{

padding:8px 0;

font-size:15px;

color:#475569;

border-bottom:1px solid #EEF2F7;

}

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

.bt-fleet-card a{

display:inline-block;

padding:14px 30px;

background:#FFC107;

color:#111;

font-weight:700;

text-decoration:none;

border-radius:8px;

transition:.35s;

}

.bt-fleet-card a:hover{

background:#0d47a1;

color:#fff;

}

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

@media(max-width:1200px){

.bt-fleet-grid{

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

}

}

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

@media(max-width:768px){

.bt-fleet{

padding:70px 0;

}

.bt-fleet-grid{

grid-template-columns:1fr;

gap:20px;

}

.bt-fleet-card{

padding:25px;

}

.bt-fleet-card img{

max-width:220px;

height:130px;

}

}