/*==================================================
WHY CHOOSE US
Bareilly Taxi Premium v7
==================================================*/

.bt-why{

padding:110px 0;

background:#f7f9fc;

position:relative;

overflow:hidden;

}

.bt-why-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

/*==========================
Card
==========================*/

.bt-why-card{

background:#fff;

padding:40px 35px;

border-radius:20px;

text-align:center;

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

transition:.35s;

border:1px solid #edf2f7;

}

.bt-why-card:hover{

transform:translateY(-10px);

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

}

/*==========================
Icon
==========================*/

.bt-why-icon{

width:90px;

height:90px;

margin:0 auto 25px;

border-radius:50%;

background:linear-gradient(135deg,#0d47a1,#2563eb);

display:flex;

align-items:center;

justify-content:center;

font-size:38px;

color:#fff;

box-shadow:0 15px 35px rgba(37,99,235,.30);

}

/*==========================
Title
==========================*/

.bt-why-card h3{

margin:0 0 15px;

font-size:25px;

font-weight:800;

color:#0f172a;

}

/*==========================
Description
==========================*/

.bt-why-card p{

margin:0;

font-size:16px;

line-height:30px;

color:#64748b;

}

/*==========================
Hover Effect
==========================*/

.bt-why-card:hover .bt-why-icon{

transform:rotate(10deg) scale(1.08);

transition:.35s;

}

/*==========================
Tablet
==========================*/

@media(max-width:991px){

.bt-why-grid{

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

}

}

/*==========================
Mobile
==========================*/

@media(max-width:768px){

.bt-why{

padding:70px 0;

}

.bt-why-grid{

grid-template-columns:1fr;

}

.bt-why-card{

padding:30px;

}

.bt-why-icon{

width:75px;

height:75px;

font-size:30px;

}

.bt-why-card h3{

font-size:22px;

}

}