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

.bt-services{

padding:110px 0;

background:#F8FAFC;

position:relative;

overflow:hidden;

}

.bt-services::before{

content:"";

position:absolute;

inset:0;

background:linear-gradient(180deg,#ffffff 0%,#F8FAFC 100%);

z-index:1;

}

.bt-services .bt-container{

position:relative;

z-index:5;

}

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

.bt-services-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

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

.bt-service-card{

background:#fff;

border-radius:22px;

padding:40px 30px;

text-align:center;

transition:.35s;

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

border:1px solid #EEF2F7;

height:100%;

display:flex;

flex-direction:column;

justify-content:flex-start;

}

.bt-service-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 55px rgba(0,0,0,.12);

}

/*==============================
ICON
==============================*/

.bt-service-icon{

width:85px;

height:85px;

margin:0 auto 25px;

border-radius:50%;

background:#0d47a1;

color:#fff;

font-size:38px;

display:flex;

align-items:center;

justify-content:center;

transition:.35s;

}

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

background:#FFC107;

color:#111;

transform:rotate(8deg);

}

/*==============================
TEXT
==============================*/

.bt-service-card h3{

margin:0 0 15px;

font-size:24px;

font-weight:700;

color:#111827;

}

.bt-service-card p{

font-size:16px;

line-height:30px;

color:#64748B;

margin-bottom:30px;

flex-grow:1;

}

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

.bt-service-card a{

display:inline-block;

padding:14px 30px;

border-radius:8px;

background:#0d47a1;

color:#fff;

font-weight:700;

text-decoration:none;

transition:.35s;

}

.bt-service-card a:hover{

background:#FFC107;

color:#111;

}

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

@media(max-width:992px){

.bt-services-grid{

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

}

}

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

@media(max-width:768px){

.bt-services{

padding:70px 0;

}

.bt-services-grid{

grid-template-columns:1fr;

gap:20px;

}

.bt-service-card{

padding:30px 25px;

}

.bt-service-icon{

width:70px;

height:70px;

font-size:30px;

}

.bt-service-card h3{

font-size:22px;

}

}