/*=========================================
            Fare Section
=========================================*/

.fare-section{

    padding:100px 0;

    background:#f8f9fb;

}

/*=========================================
            Heading
=========================================*/

.fare-heading{

    max-width:800px;

    margin:0 auto 60px;

}

.fare-subtitle{

    display:inline-block;

    color:#FDB913;

    font-size:16px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:15px;

}

.fare-title{

    font-size:42px;

    font-weight:700;

    color:#222;

    margin-bottom:20px;

}

.fare-description{

    color:#666;

    line-height:1.9;

    margin:0;

}

/*=========================================
            Table
=========================================*/

.fare-table{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

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

    margin-bottom:0;

}

.fare-table thead th{

    background:#222;

    color:#fff;

    border:none;

    text-align:center;

    padding:20px;

    font-size:18px;

    font-weight:600;

    vertical-align:middle;

}

.fare-table tbody td{

    padding:18px 20px;

    text-align:center;

    vertical-align:middle;

    border:1px solid #e7e7e7;

    color:#555;

    font-size:17px;

    transition:.3s;

}

.fare-table tbody tr:nth-child(even){

    background:#f8f8f8;

}

.fare-table tbody tr:hover{

    background:#fff7df;

}

.fare-table tbody tr:hover td{

    color:#222;

}

.fare-table tbody td:first-child{

    font-weight:600;

    color:#333;

}

/*=========================================
            Note
=========================================*/

.fare-note{

    margin-top:30px;

    background:#fff8e6;

    border-left:5px solid #FDB913;

    padding:20px;

    border-radius:10px;

    color:#555;

    line-height:1.8;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.fare-note i{

    color:#FDB913;

    margin-right:8px;

    font-size:18px;

}

/*=========================================
            Responsive
=========================================*/

@media(max-width:1199px){

    .fare-section{

        padding:90px 0;

    }

    .fare-title{

        font-size:38px;

    }

}

@media(max-width:991px){

    .fare-section{

        padding:80px 0;

    }

    .fare-title{

        font-size:34px;

    }

    .fare-table thead th{

        font-size:17px;

        padding:18px;

    }

    .fare-table tbody td{

        font-size:16px;

        padding:16px;

    }

}

@media(max-width:767px){

    .fare-section{

        padding:70px 0;

    }

    .fare-title{

        font-size:30px;

    }

    .fare-table{

        min-width:650px;

    }

}

@media(max-width:575px){

    .fare-section{

        padding:60px 0;

    }

    .fare-title{

        font-size:26px;

    }

    .fare-note{

        font-size:14px;

        padding:15px;

    }

}

@media(max-width:420px){

    .fare-title{

        font-size:23px;

    }

    .fare-subtitle{

        font-size:14px;

    }

}