/*==================================================
 ROUTES SECTION
 Bareilly Taxi Premium Theme
==================================================*/

.bt-routes{

    padding:90px 0;

    background:#F8FAFC;

}

.bt-section-title{

    text-align:center;

    margin-bottom:55px;

}

.bt-section-title h2{

    font-size:42px;

    color:#0F172A;

    margin-bottom:15px;

    font-weight:700;

}

.bt-section-title p{

    color:#64748B;

    font-size:18px;

}

/* Grid */

.bt-routes-grid{

    display:grid;

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

    gap:30px;

}

/* Card */

.bt-route-card{

    background:#fff;

    border-radius:18px;

    padding:35px;

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

    transition:.35s;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

}

.bt-route-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 55px rgba(15,23,42,.15);

}

/* Heading */

.bt-route-top h3{

    font-size:26px;

    color:#0F172A;

    margin:0;

}

.bt-route-top span{

    color:#0B5ED7;

    margin:0 8px;

}

/* Price */

.bt-route-price{

    margin:25px 0;

    font-size:16px;

    color:#64748B;

}

.bt-route-price strong{

    display:block;

    margin-top:8px;

    font-size:34px;

    color:#0B5ED7;

}

/* Features */

.bt-route-features{

    margin:0 0 30px;

    padding:0;

    list-style:none;

}

.bt-route-features li{

    padding:10px 0;

    border-bottom:1px solid #EEF2F7;

    color:#334155;

    font-size:15px;

}

.bt-route-features li:last-child{

    border-bottom:none;

}

/* Button */

.bt-route-card .bt-btn{

    width:100%;

    text-align:center;

}

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

@media(max-width:991px){

.bt-routes-grid{

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

}

.bt-section-title h2{

    font-size:34px;

}

}

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

@media(max-width:767px){

.bt-routes{

    padding:60px 0;

}

.bt-routes-grid{

    grid-template-columns:1fr;

}

.bt-route-card{

    padding:25px;

}

.bt-route-top h3{

    font-size:22px;

}

.bt-route-price strong{

    font-size:28px;

}

.bt-section-title h2{

    font-size:28px;

}

.bt-section-title p{

    font-size:16px;

}

}