@import url('https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap');

@font-face {
    font-family: 'Metropolis-Medium';
    src: url('fonts/Metropolis-Medium.woff2') format('woff2'), url('fonts/Metropolis-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis Extra';
    src: url('fonts/Metropolis-ExtraLight.woff2') format('woff2'), url('fonts/Metropolis-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis Semi';
    src: url('fonts/Metropolis-SemiBold.woff2') format('woff2'), url('fonts/Metropolis-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis-Light';
    src: url('fonts/Metropolis-Light.woff2') format('woff2'), url('fonts/Metropolis-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: url('fonts/Metropolis-Regular.woff2') format('woff2'), url('fonts/Metropolis-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rockwell Condensed';
    src: url('fonts/Rockwell-Condensed.woff2') format('woff2'), url('fonts/Rockwell-Condensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'uniE032';
    src: url('fonts/Miracle-Regular.woff2') format('woff2'), url('fonts/Miracle-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Metropolis';
    color: #1a1a1a;
    line-height: normal;
    font-size: 15px;
    font-weight: normal;
}

a,
a:hover {
    -webkit-transition: all 0.5s;
    /* Safari */
    transition: all 0.5s;
    text-decoration: none;
}

    a:hover, a:focus {
        text-decoration: none;
        outline: none;
    }

::-webkit-input-placeholder {
    /* Chrome */
    color: inherit;
    opacity: 1;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: inherit;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: inherit;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: inherit;
    opacity: 1;
}

body .container {
    width: 100%;
    max-width: 1310px;
}

img {
    max-width: 100%;
}

* {
    box-sizing: border-box;
    outline: none;
}

ul li {
    list-style: none;
}

p {
    padding: 0px;
    margin: 0px;
}

.form-control:focus {
    outline: none;
    box-shadow: 0 0 0;
}


.header_bg {
    width: 100%;
    float: left;
    background: #ffffff;
}

.header {
    width: 100%;
    float: left;
}

.logo {
    width: auto;
    float: left;
}


/*menu style*/
.header .navbar-light .navbar-toggler:focus {
    outline: none;
}

.header .navbar {
    padding: 25px 0px;
}

.header .navbar-brand {
    margin-left: 25px;
    margin-right: 0;
}

.header .navbar-light .navbar-toggler {
    margin-right: 25px;
    background: #333333;
    color: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 0;
}

.navbar-icon {
    width: 26px;
    display: inline-block;
    text-align: center;
    line-height: 0px;
    vertical-align: middle;
    font-size: 0px;
}

    .navbar-icon span {
        background: #fff;
        width: 100%;
        height: 2px;
        margin: 0 0 4px;
        float: none;
        display: inline-block;
        border-radius: 0px;
    }

        .navbar-icon span:nth-child(1), .navbar-icon span:last-child {
            width: 20px;
        }

        .navbar-icon span:last-child {
            margin: 0;
        }

button.navbar-toggler[aria-expanded="true"] .navbar-icon span:nth-child(1), button.navbar-toggler[aria-expanded="true"] .navbar-icon span:last-child {
    display: none;
}

button.navbar-toggler[aria-expanded="true"] .navbar-icon span:nth-child(2) {
    transform: rotate(47deg);
    margin: auto;
    width: 20px;
}

button.navbar-toggler[aria-expanded="true"] .navbar-icon span:nth-child(3) {
    transform: rotate(135deg);
    margin: -4px 0 0;
    width: 20px;
}

button.navbar-toggler[aria-expanded="true"] .navbar-icon {
    margin: -5px 0 0;
}

/*.menu-open li {
    padding: 0px 25px;
}*/

#navbarTogglerDemo02 {
    position: absolute;
    top: 99px;
    background: #863a8d;
    z-index: 22;
    width: 100%;
}

/*.menu-open li {
    padding: 0px 25px;
    border-top: 1px solid #fff;
}*/

/*slider section*/
.slider-bg {
    width: 100%;
    float: left;
    text-align: center;
}

.home-slider {
    width: 100%;
    float: left;
}

.slider-img {
    width: 100%;
    float: left;
}

.home-slider .slick-slide img {
    display: inline-block;
}

.journey-from {
    float: left;
    width: 100%;
    margin-top: -194px;
    position: relative;
    z-index: 1;
}

    .journey-from > ul {
        background: url(../../images/PiligrimNew/call-bg.png);
        width: 100%;
        float: left;
        box-shadow: 0px 0px 13px rgb(0,0,0,0.2);
        padding: 7px 25px 7px 45px;
        box-sizing: border-box;
        margin: 0;
    }

        .journey-from > ul > li {
            width: 46%;
            float: left;
            text-align: left;
            border-right: 1px solid #595959;
            padding: 0 11px 0 0;
        }

            .journey-from > ul > li:nth-child(2) {
                border-right: none;
                padding: 0 0 0 11px;
                width: 34%;
            }

            .journey-from > ul > li h6 {
                color: #fff;
                font-size: 17px;
                font-family: 'Metropolis-Medium';
                width: 100%;
                float: left;
                margin: 0px;
            }

    .journey-from ul > li > p {
        font-size: 14px;
        width: 100%;
        float: left;
        color: #ecc912;
        margin: 0px;
        padding: 0px;
        font-family: 'Metropolis Extra';
    }

    .journey-from ul > li > a {
        color: #ecc912;
        font-size: 16px;
        float: left;
        font-family: 'Metropolis Semi';
    }

    .journey-from ul .btn-book-now {
        float: left;
        font-size: 12px;
        padding: 0;
        height: 30px;
        border: none;
        line-height: 30px;
        width: 85px;
        background: #ff2424;
        color: #fff;
        margin: 6px 0 0;
        font-family: 'Metropolis-Medium';
        border-radius: 50px;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

        .journey-from ul .btn-book-now:hover, .journey-from ul .btn-book-now:focus {
            background: #5f499b;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }

.choose-journey-from {
    width: 100%;
    float: left;
    padding: 0px 25px;
}

.journey-from-content {
    width: 100%;
    float: left;
    background: #5f499b;
    padding: 0px 20px;
    border-radius: 15px;
    position: relative;
}

    .journey-from-content h3 {
        font-size: 27px;
        padding: 22px 0px;
        margin: 0;
        text-transform: uppercase;
        color: #ffff;
        font-family: 'Metropolis Semi';
    }

    .journey-from-content form {
        float: left;
        width: 100%;
    }

    .journey-from-content .form-group {
        float: left;
        width: 100%;
        margin: 0;
        position: relative;
    }

    .journey-from-content .form-control {
        float: left;
        width: 100%;
        border: none;
        border-radius: 6px;
        margin: 0 0 10px;
        height: 44px;
        font-family: 'Metropolis Extra';
        font-size: 15px;
        line-height: 44px;
        padding: 0 0 0 100px;
        color: #999999;
    }

.map-iocn-input {
    background: #fff url(../../images/PiligrimNew/map-date-iocn.png) no-repeat;
    background-position: left 12px top 9px;
}

.dat-iocn-input {
    background: #fff url(../../images/PiligrimNew/map-date-iocn.png) no-repeat;
    background-position: left 12px bottom 12px;
}

.rout-input {
    width: 100%;
    float: left;
    position: relative;
}

.swap-iocn {
    width: auto;
    float: right;
    position: absolute;
    right: 15px;
    top: 30px;
}

.journey-from-content .form-group label {
    float: left;
    margin: 0;
    line-height: 44px;
    font-family: 'Metropolis Semi';
    position: absolute;
    color: #1a9de5;
    left: 44px;
}

.journey-from-content .form-group:nth-child(2) .form-control {
    padding: 0 0 0 78px;
}

.journey-from-content .date-select .form-group {
    width: 49%;
    margin: 0 8px 0 0;
}

    .journey-from-content .date-select .form-group:last-child {
        margin: 0;
    }

    .journey-from-content .date-select .form-group .form-control {
        padding: 0 0 0 44px;
    }

.journey-from-content ul {
    float: left;
    width: 100%;
    padding: 11px 0 47px;
    margin: 0;
}

    .journey-from-content ul li {
        width: auto;
        border-right: 1px solid #8a76c0;
        line-height: 15px;
        padding: 0px 20px;
    }

        .journey-from-content ul li:first-child {
            padding-left: 0;
        }

        .journey-from-content ul li:last-child {
            padding-right: 0px;
            border-right: none;
        }

        .journey-from-content ul li a {
            font-family: 'Metropolis Extra';
            letter-spacing: 0.20px;
            font-size: 15px;
        }

        .journey-from-content ul li:nth-child(2) {
            border-right: 1px solid #8a76c0;
            width: auto;
            padding: 0px 21px;
        }

.search-btn-rout-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    text-align: center;
}

.journey-from-content .search-btn-rout {
    padding: 0 80px 0 38px;
    margin: 0;
    float: none;
    display: inline-block;
    line-height: 50px;
    height: 50px;
    font-family: 'Metropolis-Medium';
    font-size: 21px;
    text-transform: uppercase;
    border: none;
    border-radius: 10px;
    background: #f1333b url(../../images/PiligrimNew/arrow-search.png) no-repeat center right 40px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    color: #fff;
}

.offer-bus {
    float: left;
    width: 100%;
}

    .offer-bus h3 {
        font-size: 28px;
        width: 100%;
        float: left;
        margin: 65px 0 21px 0px;
        padding: 0px;
        text-align: center;
        font-family: 'Metropolis Semi';
        color: #242424;
    }

    .offer-bus ul {
        float: left;
        width: 100%;
        padding: 0px;
        text-align: center;
        margin: 0px;
        position: relative;
        z-index: 1;
    }

        .offer-bus ul li {
            float: none;
            width: auto;
            margin: 0 11px 0 0;
            display: inline-block;
        }

            .offer-bus ul li:last-child {
                margin: 0px;
            }

.offer-banner {
    width: 100%;
    float: left;
    margin: -50px 0 0 0px;
    position: relative;
}

.offer-img img {
    width: 100%;
}

.offer-img {
    width: 100%;
    float: left;
}

.short-head {
    position: absolute;
    bottom: 27px;
    left: 0;
    right: 0;
    text-align: center;
}

    .short-head h4 {
        color: #ffffff;
        font-size: 25px;
        font-family: 'Metropolis-Medium';
        float: none;
        display: inline-block;
        position: relative;
        padding: 0 10px;
    }

        .short-head h4:after {
            position: absolute;
            content: "";
            border-bottom: 4px solid #f1333b;
            bottom: -37px;
            left: 0px;
            right: 0px;
            box-shadow: 1px 0 35px rgba(0,0,0,0.35);
        }

.tours-bg {
    width: 100%;
    float: left;
    margin: 50px 0px 0px 0px;
    overflow: hidden;
    text-align: center;
}

.tour-list {
    width: 100%;
    float: left;
}

    .tour-list h2 {
        font-size: 25px;
        font-family: 'Metropolis Semi';
        color: #191919;
        width: auto;
        float: left;
        padding: 0 0 0 25px;
        position: relative;
        margin: 0px;
    }

        .tour-list h2:after {
            position: absolute;
            content: "";
            right: -187px;
            width: 175px;
            height: 1px;
            background: #e5e5e5;
            top: 15px;
        }

.tours-box-bg {
    float: left;
    width: 100%;
    margin: 30px 0 0px;
}

.tours-travel-slider {
    width: 100%;
    float: left;
    padding: 0 25px;
}

.tour-box {
    width: 48%;
    float: left;
    background: #fff;
    box-shadow: 0 0 7px rgba(0,0,0,0.20);
    margin: 0 10px 0 0px;
}

.tour-img {
    width: 100%;
    float: left;
}

    .tour-img img {
        width: 100%;
    }

.tour-details {
    float: left;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

    .tour-details h4 {
        font-size: 17px;
        color: #000000;
        font-family: 'Metropolis-Medium';
        width: 100%;
        float: left;
    }

.tour-price {
    width: 100%;
    float: left;
}

    .tour-price h5 {
        float: left;
        width: auto;
        font-family: 'Oswald', sans-serif;
        font-size: 20px;
        color: #863a8d;
        margin: 0px;
    }

        .tour-price h5 span {
            color: #999999;
        }

    .tour-price a {
        color: #f1333b;
        font-size: 16px;
        font-family: 'Metropolis';
        width: auto;
        float: right;
    }

.tour-box:last-child {
    margin: 0px;
}

.tours-box-travel {
    width: 589px;
    float: left;
    z-index: 1;
    position: relative;
}

.tour-img img {
    max-height: 253px;
}

.tour-price a img {
    display: inline-block;
}

.tours-travel-slider .slick-next {
    right: 114px;
    background: url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #f1333b;
    top: -45px;
    background-position: right 6px top 10px;
    transition: 0.5s all;
}

    .tours-travel-slider .slick-next:before {
        content: "";
    }

    .tours-travel-slider .slick-next:hover, .tours-travel-slider .slick-next:focus {
        right: 114px;
        background: #f1333b url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
        background-position: right 6px top -31px;
        transition: 0.5s all;
    }

.tours-travel-slider .slick-prev {
    right: 149px;
    background: url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #f1333b;
    top: -45px;
    background-position: left 8px top 10px;
    transition: 0.5s all;
    left: inherit;
}

    .tours-travel-slider .slick-prev:before {
        content: "";
    }

    .tours-travel-slider .slick-prev:hover, .tours-travel-slider .slick-prev:focus {
        right: 149px;
        background: #f1333b url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
        background-position: left 8px top -31px;
        transition: 0.5s all;
        left: inherit;
    }

.tours-pilgrim-banner {
    width: 100%;
    float: left;
    margin: -35px 0 0 0px;
    position: relative;
}

.pilgrim-banner-img {
    width: 100%;
    float: left;
}

.pilgrim-banner-text {
    position: absolute;
    bottom: 0px;
    text-align: center;
    color: #ffffff;
    font-size: 35px;
    font-family: 'Metropolis Extra';
    right: 0px;
    width: 100%;
    left: 0px;
    bottom: 24px;
}

    .pilgrim-banner-text span {
        display: inline-block;
    }

.our-brands {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    background: #eee;
    padding: 70px 0 24px;
    margin: -60px 0 0;
    z-index: -1;
}

    .our-brands:before {
        /*position: absolute;
        content: "";
        left: 0px;
        right: 0px;
        background: #eee;
        height: 125px;
        top: 0px;*/
        display: none;
    }

    .our-brands h2 {
        font-size: 32px;
        color: #191919;
        font-family: 'Metropolis Semi';
        width: 100%;
        float: left;
        margin: 35px 0px 22px 0;
        position: relative;
    }

.brands-slider-bg {
    width: 100%;
    padding: 0 20px;
    float: left;
}

.brands-slider {
    float: left;
    width: 100%;
}

.itinerary-brands {
    margin: -25px 0 0;
}

/*home page popup*/
.select-city {
    float: left;
    width: 100%;
}

    .select-city ul {
        padding: 0px;
        float: none;
        width: 150px;
        display: inline-block;
    }

        .select-city ul li {
            border-bottom: 1px dotted #c8c8c8;
            line-height: 60px;
            width: 100%;
            float: left;
            text-align: center;
        }

            .select-city ul li a {
                color: #333333;
                font-size: 20px;
                font-family: 'Metropolis';
                width: 100%;
                float: left;
            }

                .select-city ul li a:hover {
                    color: #863a8d;
                }

            .select-city ul li:last-child {
                border-bottom: none;
            }

footer {
    background: #474544;
    width: 100%;
    float: left;
    margin: 38px 0 0px;
}

.footer-content {
    width: 100%;
    float: left;
    padding: 37px 25px;
}

.footer-link {
    width: 100%;
    float: left;
    margin: 0 0 10px;
}

    .footer-link:last-child {
        margin: 0px;
    }

.footer-content ul {
    padding: 0px;
    width: 100%;
    float: left;
    margin: 0;
}

    .footer-content ul h5 {
        color: #ffffff;
        font-size: 15px;
        width: 100%;
        float: left;
        font-family: 'Metropolis';
    }

    .footer-content ul li {
        width: auto;
        float: left;
        margin: 0 15px 0 0px;
        font-size: 14px;
        color: #8c8c8c;
    }

        .footer-content ul li a {
            font-size: 15px;
            color: #8c8c8c;
            font-family: 'Metropolis-Light';
        }

        .footer-content ul li span {
            display: inline-block;
        }

        .footer-content ul li a:hover, .footer-content ul li a:focus {
            color: #fff;
        }

.footer-copyright-text {
    width: 100%;
    float: left;
    background: #2b2a2a;
    padding: 13px 0;
}

.copy-right-text {
    float: left;
    width: auto;
    font-size: 15px;
    color: #7b7b7b;
    font-family: 'Metropolis Extra';
    line-height: 30px;
}

    .copy-right-text a {
        color: #7b7b7b;
    }

        .copy-right-text a:hover, .copy-right-text a:focus {
            color: #fff;
        }

.footer-copyright-text ul {
    float: right;
    width: auto;
    padding: 0 15px 0 0px;
    margin: 0;
}

    .footer-copyright-text ul li {
        float: left;
        width: auto;
        margin: 0 7px 0 0px;
    }

        .footer-copyright-text ul li:last-child {
            margin: 0px;
        }

        .footer-copyright-text ul li a {
            height: 30px;
            width: 30px;
            text-align: center;
            line-height: 30px;
            background: #5d5d5d;
            color: #333333;
            font-size: 17px;
            display: inline-block;
            border-radius: 50px;
        }

            .footer-copyright-text ul li a:hover, .footer-copyright-text ul li a:focus {
                background: #fff;
            }

/*Itinerary page*/

/*itinerary header*/

.head-call ul {
    padding: 0px;
    margin: 0px;
}

    .head-call ul li {
        width: auto;
        float: left;
        padding: 0 15px;
        border-right: 1px solid #d8d8d8;
    }

        .head-call ul li:last-child {
            padding-right: 0px;
            border-right: none;
        }

.head-call {
    width: auto;
    text-align: center;
    float: right;
    padding: 0 0 0 25px;
}

    .head-call ul li a {
        font-size: 18px;
        font-family: 'Metropolis';
        font-weight: bold;
        color: #863a8d;
        line-height: 19px;
    }

        .head-call ul li a span {
            font-size: 20px;
            margin: 0 9px 0 0;
        }

        .head-call ul li a.mail-text {
            font-weight: 400;
            font-size: 15px;
            color: #333333;
        }

.itinerary-header-bg .header .navbar {
    padding: 16px 0px 23px;
}

.itinerary-header-bg .header .navbar-brand {
    margin: 0px;
    padding: 0;
}

.itinerary-menu-bg {
    width: 100%;
    float: left;
    margin: 15px 0 0px;
}

.itinerary-menu {
    width: 100%;
    float: left;
}

    .itinerary-menu .navbar {
        padding: 0px;
    }

    .itinerary-menu #navbarTogglerDemo02 {
        top: -20px;
    }

    .itinerary-menu .navbar-expand-lg .navbar-nav {
        width: 100%;
    }

    .itinerary-menu .menu-open li {
        width: 25%;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        background: #dbcfee !important;
        position: relative;
    }

.navbar-light .navbar-nav .nav-link {
    color: #333333;
    font-size: 15px;
    font-family: 'Metropolis-Light';
    text-align: center;
    line-height: 38px;
    padding: 0px;
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        background: #5325a2;
        color: #ffffff;
    }

    .navbar-light .navbar-nav .nav-link img {
        margin: -2px 0 0;
    }

    /*.itinerary-menu .menu-open li:hover {
    background: #5325a2 !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}*/

    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: #fff;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

/* dropdown-menu css  start */

.showonhover:hover > ul.dropdown-menu {
    display: block;
}

.itinerary-menu .dropdown-menu {
    background-color: #f1f1f1;
    width: 100%;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 12px 0 10px;
}

    .itinerary-menu .dropdown-menu li {
        background-color: transparent !important;
        width: 100%;
        padding: 0;
        border: none !important;
    }

        .itinerary-menu .dropdown-menu li a {
            color: #333333;
            padding: 5px 15px !important;
            display: block;
            font-size: 14px;
            text-transform: capitalize;
            border-top: 1px solid #CFCFCF;
        }

        .itinerary-menu .dropdown-menu li:first-child a {
            border-top: none;
        }

    .itinerary-menu .dropdown-menu a {
        color: #fff;
    }

        .itinerary-menu .dropdown-menu a:hover {
            background-color: #e9e9e9;
            color: #333333;
        }

/* dropdown-menu css hover end */


.menu-open li:first-child {
    border-left: 1px solid #fff;
}

.menu-open li.home-iocn {
    width: 75px;
    padding: 0;
    background: #5325a2 !important;
}

.menu-open li.bus-tickets {
    background: #c13117;
}

.menu-open li.purple-trips {
    background: #e48728;
}

.menu-open li.bus-hire {
    background: #e2b61f;
}

.menu-open li.bus-parcel {
    background: #b4376f;
}

.menu-open li.bus-operations {
    background: #764f9e;
}

.customer-bg {
    float: left;
    width: 100%;
    text-align: center;
}

.customer-list {
    float: left;
    width: 42%;
    text-align: center;
    padding: 13px 0px;
    border-right: 1px solid #e5e5e5;
    margin: 0 0 0 65px;
}

    .customer-list ul {
        padding: 0 25px;
        margin: 0px;
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

        .customer-list ul li {
            width: 24%;
            float: none;
            display: inline-block;
        }

            .customer-list ul li a {
                color: #c42382;
                font-size: 14px;
                font-family: 'Metropolis';
                line-height: 20px;
                font-weight: 700;
                position: relative;
            }

            .customer-list ul li.topbuls a:before {
                position: absolute;
                content: "";
                width: 12px;
                height: 12px;
                background: #09ad01;
                border-radius: 20px;
                left: -22px;
                top: 4px;
            }

            .customer-list ul li.topbuls a:after {
                position: absolute;
                content: "";
                width: 12px;
                height: 12px;
                background: #09ad01;
                border-radius: 20px;
                right: -22px;
                top: 4px;
            }

            .customer-list ul li a span {
                display: inline-block;
                font-size: 13px;
                color: #8a8a8a;
                font-weight: 400;
                width: 100%;
                float: left;
            }

            .customer-list ul li:nth-child(2) {
                width: 37%;
            }

            .customer-list ul li:nth-child(3) {
                width: 32%;
            }

.itinerary-slider-bg {
    width: 100%;
    float: left;
    position: relative;
    background-color: #568dc6;
}

.itinerary-slider {
    width: 100%;
    float: left;
}

.itinerary-side-img-bg {
    width: 100%;
    float: left;
    position: relative;
}

.itinerary-img {
    width: 100%;
    float: left;
    position: relative;
}

.slick-slide {
    min-height: 10px !important;
}

.itinerary-img img {
    margin: 0 auto;
}

.darshan-head-bg {
    width: 100%;
    float: left;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 76px;
}

.darshan-head {
    width: 100%;
    float: left;
}

    .darshan-head h1 {
        font-size: 30px;
        color: #fff;
        font-family: 'Metropolis-Medium';
        margin: 0px;
        padding: 0px;
        width: 100%;
        float: left;
    }

.itinerary-slider .slick-next {
    right: 115px;
    z-index: 1;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
}

    .itinerary-slider .slick-next::before {
        content: "\f105";
        font-family: FontAwesome;
        color: #1d1d1d;
        font-size: 30px;
        line-height: 50px;
    }

.itinerary-slider .slick-prev {
    left: 115px;
    z-index: 1;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
}

    .itinerary-slider .slick-prev::before {
        content: "\f104";
        font-family: FontAwesome;
        color: #1d1d1d;
        font-size: 30px;
        line-height: 50px;
    }

    .itinerary-slider .slick-prev:hover, .itinerary-slider .slick-prev:focus, .itinerary-slider .slick-next:hover, .itinerary-slider .slick-next:focus {
        background: #764f9e;
    }

        .itinerary-slider .slick-prev:hover:before, .itinerary-slider .slick-prev:focus:before, .itinerary-slider .slick-next:hover:before, .itinerary-slider .slick-next:focus:before {
            color: #fff;
        }

.itinerary-slider .slick-dots li button:before {
    width: 15px;
    height: 15px;
    background: #fff;
    color: #fff;
    border-radius: 50%;
    opacity: 1;
    border: 2px solid #c3c3c3;
    font-size: 0px;
}

.itinerary-slider .slick-dots li button {
    padding: 0px;
    margin: 0 2px;
    width: auto;
    height: auto;
}

.itinerary-slider .slick-dots li {
    width: auto;
    height: auto;
    margin: 0 16px 0 0px;
}

.slick-dots li.slick-active button:before {
    background: #863a8d;
    border: 2px solid #863a8d;
    opacity: 1 !important;
}

.itinerary-side-img {
    width: auto;
    float: left;
    position: absolute;
    bottom: -37px;
    margin-left: -10px;
    z-index: 2;
}

.itinerary-slider .slick-dots {
    bottom: -17px;
}

.bus-car-info {
    width: 35.2%;
    float: right;
    text-align: center;
    padding: 0px;
    position: relative;
    max-width: 100%;
    margin: -461px 0 0;
}

    .bus-car-info .nav-tabs .nav-item {
        float: none;
        display: inline-block;
        margin: 0 -2px;
        width: 162px;
    }

    .bus-car-info .nav-tabs {
        box-sizing: border-box;
        border-bottom: none;
        text-align: center;
        margin: 0 0 -1px;
        display: block;
        padding: 0;
    }

        .bus-car-info .nav-tabs .nav-link {
            color: #5325a2;
            font-size: 17px;
            font-family: 'Metropolis-Medium';
            line-height: 40px;
            height: 40px;
            background: #f1f1f1 url(../../images/PiligrimNew/bus-car-iocn.png) no-repeat left 43px top 6px;
            padding: 0 0 0 20px;
            border-radius: 10px 0 0 0;
            border: none !important;
            transition: all 0.5s;
            border-right: none;
        }

            .bus-car-info .nav-tabs .nav-link.active {
                background: #5325a2 url(../../images/PiligrimNew/bus-car-iocn.png) no-repeat left 43px top -54px;
                color: #fff;
                border: 1px solid #5325a2;
                transition: all 0.5s;
            }

            .bus-car-info .nav-tabs .nav-link.car-iocn {
                background: #f1f1f1 url(../../images/PiligrimNew/bus-car-iocn.png) no-repeat left -124px top 4px;
                padding: 0 0 0 20px;
                transition: all 0.5s;
                border-radius: 0px 10px 0 0;
                border-right: 1px solid #863a8d;
            }

                .bus-car-info .nav-tabs .nav-link.car-iocn.active {
                    background: #5325a2 url(../../images/PiligrimNew/bus-car-iocn.png) no-repeat left -124px top -58px;
                    color: #fff;
                    transition: all 0.5s;
                }

.bus-detils-bg {
    width: 100%;
    float: left;
    border-radius: 15px;
    border: 1px solid #cdc2e1;
    text-align: left;
    background: #fff;
}

.bus-detils {
    width: 100%;
    float: left;
    padding: 7px 28px 20px 28px;
    box-shadow: 0 0 25px rgba(0,0,0,0.25);
    border-radius: 15px;
}

    .bus-detils ul {
        margin: 0px;
        width: 100%;
        float: left;
        box-sizing: border-box;
        padding: 0px;
    }

        .bus-detils ul li {
            line-height: 45px;
            min-height: 45px;
            color: #999999;
            font-size: 16px;
            font-family: 'Metropolis';
            float: left;
            border-bottom: 2px dotted #d4d4d4;
            width: 100%;
        }

            /*.bus-detils ul li:last-child {
                border-bottom: none;
            }*/

            .bus-detils ul li > span {
                font-size: 14px;
                color: #333333;
                font-family: 'Metropolis-Light';
                padding: 0 0 0 15px;
                float: none;
                line-height: 18px;
                vertical-align: middle;
                height: 50px;
                display: table-cell;
            }

            .bus-detils ul li span b {
                font-size: 25px;
                font-weight: 700;
                color: #333333;
                font-family: 'Oswald', sans-serif;
                float: left;
            }

                .bus-detils ul li span b span {
                    color: #9f9f9f;
                    font-size: 20px;
                }

            .bus-detils ul li label {
                width: 124px;
                font-weight: 400;
                margin: 0;
                padding: 0;
                float: left;
            }

            .bus-detils ul li > span > a {
                display: inline-block;
                color: #333;
                border-bottom: 1px solid transparent;
            }

                .bus-detils ul li > span > a:hover {
                    color: #d00a0a;
                    border-bottom: 1px solid #d00a0a;
                }

.enquiry-btn-bg {
    width: 100%;
    float: left;
    text-align: center;
    margin: 25px 0 0 0px;
}

.enquiry-btn {
    padding: 15px;
    font-size: 18px;
    background: #d00a0a;
    border-radius: 10px;
    color: #ffffff;
    font-family: 'Metropolis-Medium';
    display: block;
    text-transform: uppercase;
}

    .enquiry-btn:hover, .enquiry-btn:focus {
        background: #5325a2;
        color: #ffffff;
    }

    .enquiry-btn span {
        margin: 0px 15px;
    }

    .enquiry-btn a {
        color: #ffffff;
    }

.bus-car-info-bg {
    float: left;
    width: 100%;
}

    .bus-car-info-bg .container {
        max-width: 1390px;
    }

.enquiry-itinerary {
    width: 100%;
    float: left;
}

.input-half {
    width: 60%;
    float: left;
    position: relative;
}

    .input-half:before {
        position: absolute;
        content: "\f274";
        font-family: FontAwesome;
        color: #5325a2;
        left: 20px;
        top: 0px;
        line-height: 44px;
        font-size: 22px;
    }

.enquiry-itinerary .form-group .form-control {
    float: left;
    width: 100%;
    margin: 0px;
    height: 44px;
    font-family: 'Metropolis Extra';
    font-size: 15px;
    line-height: 44px;
    padding: 0 0 0 55px;
    color: #999999;
    border-radius: 10px;
    border: 1px solid #d5d5d5;
    background: none;
}

.enquiry-itinerary .form-group {
    float: left;
    width: 100%;
    margin: 15px 0;
}

.itinerary-submit {
    width: 37%;
    float: right;
}

.enquiry-itinerary .form-group .itinerary-submit .form-control {
    float: left;
    width: 100%;
    margin: 0px;
    height: 44px;
    font-family: 'Metropolis';
    font-size: 16px;
    line-height: 44px;
    color: #fefefe;
    border-radius: 10px;
    background: #5325a2;
    border: none;
    padding: 0px;
    text-transform: uppercase;
}

    .enquiry-itinerary .form-group .itinerary-submit .form-control:hover {
        background: #d00a0a;
    }

.enquiry-now-btn a {
    width: 100%;
    float: left;
    background-color: #f6f6f6;
    border-radius: 10px;
    font-size: 17px;
    color: #863a8d;
    font-family: 'Metropolis-Medium';
    text-align: center;
}

    .enquiry-now-btn a:hover {
        background-color: #e6e6e6;
    }

    .enquiry-now-btn a span {
        background-image: url(../../images/PiligrimNew/iconcall.png);
        background-position: left 12px;
        background-repeat: no-repeat;
        display: inline-block;
        padding: 17px 0 17px 40px;
    }

.itinerary-map-details-bg {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 40px 40px 17px;
    position: relative;
    background: #f6f6f6;
}

/*.itinerary-map-details-bg:before {
        position: absolute;
        content: "";
        background: #f3ebf3;
        width: 106.3%;
        height: 485px;
        z-index: -1;
        top: 0;
        left: -40px;
        min-width: 100%;
    }*/

.itinerary-map-details {
    width: 61.8%;
    float: left;
}

.itinerary-map-text {
    width: 100%;
    float: left;
    padding: 0px;
}

.ashtavinayak-head {
    float: left;
    width: 100%;
}
/*select custom box*/
.rule {
    margin: 10px 0;
    border: none;
    height: 1.5px;
    background-image: linear-gradient(to left, #f0f0f0, #c9bbae, #f0f0f0);
}

/* ===== Select Box ===== */

.sel {
    background: #ffffff;
    display: inline-block;
    margin: 0px;
    width: 190px;
    line-height: 36px;
    border-radius: 50px;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
    border: 1px solid #c6b7c6;
    box-shadow: 0 0 30px rgba(83,37,162,0.15);
}

    .sel:before {
        position: absolute;
        content: "\f107";
        font-family: 'FontAwesome';
        font-size: 22px;
        color: #663dac;
        right: 20px;
        top: 0;
    }

    .sel.active:before {
        transform: rotateX(-180deg);
    }

.sel__placeholder {
    display: block;
    font-size: 15px;
    font-family: 'Metropolis';
    text-align: left;
    pointer-events: none;
    user-select: none;
    visibility: visible;
    color: #5325a2;
}

.sel.active .sel__placeholder {
    visibility: hidden;
}

.sel__placeholder::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 0 20px;
    content: attr(data-placeholder);
    visibility: hidden;
}

.sel.active .sel__placeholder::before {
    visibility: visible;
}

.sel__box {
    position: absolute;
    top: 40px;
    left: 0;
    display: none;
    list-style-type: none;
    text-align: left;
    font-size: 1em;
    background-color: #FFF;
    width: 100%;
    border-radius: 20px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.sel.active .sel__box {
    display: block;
    animation: fadeInUp 500ms;
}

.sel__box__options {
    display: list-item;
    font-size: 15px;
    font-family: 'Metropolis Extra';
    user-select: none;
    padding: 0 20px;
}

    .sel__box__options::after {
        content: '\f00c';
        font-family: 'FontAwesome';
        font-size: 0.5em;
        margin-left: 5px;
        display: none;
    }

    .sel__box__options.selected::after {
        display: inline;
    }

    .sel__box__options:hover {
        background-color: #863a8d;
        color: #fff;
        border-radius: 20px;
    }

.darshan-select .selected {
    background: #ebedef;
    color: #838e95;
    border-radius: 20px;
}

.sel--black-panther {
    z-index: 3;
}
/* ----- Select Box Superman ----- */
.sel--superman { /*   display: none; */
    z-index: 2;
}
/* ===== Keyframes ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.itinerary-map-text h1 {
    font-size: 32px;
    margin: 8px 0 18px;
    padding: 0;
    color: #5325a2;
    font-family: 'Metropolis-Medium';
    width: 54%;
    float: left;
}

.itinerary-map-text p {
    color: #1a1a1a;
    font-size: 16px;
    font-family: 'Metropolis-Light';
    line-height: 22px;
    margin: 0 0 18px;
    clear: both;
}

    .itinerary-map-text p span {
        display: block;
    }

    .itinerary-map-text p a {
        color: #d00a0a;
        border-bottom: 1px solid #d00a0a;
        -webkit-transition: all 0.5s;
    }

        .itinerary-map-text p a:hover {
            color: #863a8d;
            border-color: #863a8d;
        }

.map-itinerary-img {
    width: 33.1%;
    float: left;
    position: absolute;
    top: auto;
    bottom: -134px;
    z-index: 3;
    /* max-width: 450px; */
    left: auto;
    right: 40px;
}

    .map-itinerary-img img {
        width: 100%;
    }

.tours-itinerary-pro-img > img {
    width: 100%;
    height: 104px;
    object-fit: cover;
}

.tours-itinerary-pro-bg {
    width: 100%;
    float: left;
}

.tours-itinerary-pro {
    width: 100%;
    float: left;
}

.tours-itinerary-pro-img {
    width: 100%;
    float: left;
    position: relative;
}

.itinerary-pro-head {
    position: absolute;
    bottom: 34px;
    font-size: 32px;
    color: #fff;
    font-family: 'Metropolis-Medium';
    width: 100%;
    float: left;
    left: 0px;
    right: 0px;
}

    .itinerary-pro-head h2 {
        float: left;
        margin: 0;
        font-family: 'Metropolis-Medium';
        font-weight: normal;
    }

    .itinerary-pro-head.itinerarypackages {
        float: left;
    }

        .itinerary-pro-head.itinerarypackages h2 {
            color: #191919;
            font-family: 'Metropolis Semi';
            float: left;
            margin: 77px 0 0;
        }

.dwonload-itinerary-bg {
    float: left;
    width: 100%;
}

.dwonload-itinerary {
    float: left;
    width: 100%;
    padding: 15px 0 0;
}

    .dwonload-itinerary ul li:first-child {
        border: none;
    }

.dwonload-head {
    float: right;
    margin: 0 38.8% 0 0;
    position: relative;
    cursor: pointer;
}

    .dwonload-head span {
        float: left;
    }

    .dwonload-head a {
        color: #00fe6b;
        font-size: 15px;
        margin: 13px 0 0 7px;
        font-family: 'Metropolis';
        border-bottom: 1px solid #00ff6c;
        float: left;
        line-height: 14px;
    }

        .dwonload-head a:hover, .dwonload-head a:focus {
            text-decoration: none;
            outline: none;
        }

.dwonload-itinerary ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0px;
    box-sizing: border-box;
}

    .dwonload-itinerary ul li {
        width: 100%;
        float: left;
        border-top: 1px solid #e5e5e5;
        padding: 25px 0;
        box-sizing: border-box;
    }

.date-dwonload {
    float: left;
    width: 66px;
    border: 1px solid #3498db;
    text-align: center;
}

    .date-dwonload h5 {
        background: #3498db;
        padding: 0;
        margin: 0;
        font-family: 'Metropolis-Medium';
        font-size: 18px;
        color: #fff;
        line-height: 33px;
        text-transform: uppercase;
    }

    .date-dwonload h4 {
        font-size: 38px;
        margin: 0;
        color: #323232;
        line-height: 48px;
        font-family: 'Rockwell Condensed';
    }

.detail-dwonload {
    float: right;
    width: 94%;
    padding: 0 0 0 18px;
    box-sizing: border-box;
}

    .detail-dwonload p {
        font-size: 15px;
        color: #3e3e3e;
        font-family: 'Metropolis';
        width: 100%;
        float: left;
        margin: 0;
        line-height: 22px;
    }

        .detail-dwonload p span {
            font-family: 'Metropolis Semi';
        }

        .detail-dwonload p a {
            color: #3498db;
            font-family: 'Metropolis-Light';
            width: 100%;
            float: left;
            margin: 10px 0 0px;
        }

.date-two {
    border-color: #27ae60;
}

    .date-two h5 {
        background: #27ae60;
    }

.detail-dwonload p a.link-two {
    color: #27ae60;
}

.date-three {
    border-color: #d45c9e;
}

    .date-three h5 {
        background: #d45c9e;
    }

.detail-dwonload p a.link-three {
    color: #d45c9e;
}

.date-notes {
    border-color: #323232;
}

    .date-notes h5 {
        background: #323232;
    }

.notes-iocn {
    padding: 5px 0px;
}

.notes-link a {
    color: #323232;
    font-size: 13px;
    font-family: 'Metropolis';
    padding: 0 0 14px 23px;
    float: left;
    width: 100%;
    background-size: 16px;
    position: relative;
}

    .notes-link a:before {
        background: url(../../images/PiligrimNew/notes-iocn.png) no-repeat top left;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 16px;
        height: 16px;
        background-size: 100%;
    }

    .notes-link a span {
        font-family: 'Metropolis Semi';
    }

    .notes-link a:hover, .notes-link a:focus {
        transition: all 0.5s;
        color: #d00a0a;
    }

        .notes-link a:hover:before {
            background: url(../../images/PiligrimNew/notes-iocn.png) no-repeat left -64px;
            transition: all 0.5s;
            background-size: 16px;
        }

.testimonial-itinerary-bg {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 10px 0 0;
}

.testimonial-itinerary {
    float: left;
    width: 100%;
    text-align: center;
}

.testimonial-itinerary-img {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

    .testimonial-itinerary-img img {
        height: 170px;
        width: 1600px;
        object-fit: cover;
        max-width: 100%;
    }

    .testimonial-itinerary-img .itinerary-pro-head {
        top: 40px;
        text-align: left;
    }

.testimonial-head {
    position: relative;
    width: 100%;
    float: left;
}

.testimonial-slider-bg {
    display: inline-block;
    width: 2245px;
    margin: -60px 0 0 -150px;
    max-width: 120%;
}

.testimonial-slider-img {
    margin: 10px 0;
}

.testimonialvideo {
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.testimonial-slider {
    width: 100%;
    float: left;
}

.darshan-select {
    width: auto;
    float: right;
    margin: 12px 0 0px;
}

.testimonial-slider .slick-prev {
    right: 544px;
    background: url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #fff;
    top: -45px;
    background-position: left 8px top -31px;
    transition: 0.5s all;
    left: inherit;
    border-radius: 2px;
}

.testimonial-slider .slick-next {
    right: 505px;
    background: url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #fff;
    top: -45px;
    background-position: right 6px top -31px;
    transition: 0.5s all;
    border-radius: 2px;
}

.testimonial-slider .slick-prev:before {
    content: "";
}

.testimonial-slider .slick-next:before {
    content: "";
}

.testimonial-slider-img img {
    width: 97%;
}

.testimonial-slider .slick-prev:hover, .testimonial-slider .slick-prev:focus { /*right: 544px;*/
    background: #fff url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    background-position: left 8px top 10px;
    transition: 0.5s all;
    left: inherit;
}

.testimonial-slider .slick-next:hover, .testimonial-slider .slick-next:focus { /*right: 505px;*/
    background: #fff url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    background-position: right 6px top 10px;
    transition: 0.5s all;
}

.testimonial-Explore {
    margin: 70px 0 0 0;
}

.testimonial-Explore-head {
    background: url(../../images/PiligrimNew/testimonial-explore-head.jpg) center top no-repeat;
    font-size: 80px;
    color: #ffffff;
    position: absolute;
    top: -35px;
    padding: 12px 0 0;
    text-align: center;
    font-family: 'Kaushan Script', cursive;
    left: 0;
    right: 0;
    letter-spacing: 0;
    text-shadow: 1px 0.8px 0 #fff;
    z-index: 1;
    min-height: 160px;
}

.explore-bg .itinerary-pro-head {
    color: #191919;
    top: 0px;
    text-align: left;
}

.tour-Package .tours-box-travel {
    width: 2207px;
    margin: 0 0 0 -250px;
    max-width: 141%;
    display: inline-block;
    float: none;
    text-align: left;
}

.packages-slider .slick-prev {
    right: 539px;
    background: url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #f1333b;
    top: -45px;
    background-position: left 8px top 10px;
    transition: 0.5s all;
    left: inherit;
    border-radius: 2px;
}

.packages-slider .slick-next {
    right: 505px;
    background: url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #f1333b;
    top: -45px;
    background-position: right 6px top 10px;
    transition: 0.5s all;
    border-radius: 2px;
}

.packages-slider .slick-prev:before {
    content: "";
}

.packages-slider .slick-next:before {
    content: "";
}

.testimonial-slider-img img {
    width: 97%;
}

.packages-slider .slick-prev:hover, .packages-slider .slick-prev:focus {
    right: 539px;
    background: #f1333b url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    background-position: left 8px top -31px;
    transition: 0.5s all;
    left: inherit;
}

.packages-slider .slick-next:hover, .packages-slider .slick-next:focus {
    right: 505px;
    background: #f1333b url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    background-position: right 6px top -31px;
    transition: 0.5s all;
}

.packages-slider .tour-box {
    margin: 0 15px 5px 0px;
}

.tour-Package {
    margin: -142px 0 0 0;
}

    .tour-Package .packages-slider .slick-prev {
        right: 404px;
    }

    .tour-Package .packages-slider .slick-next {
        right: 365px;
    }

    .tour-Package .tour-box {
        border: 1px solid #fff;
        min-height: 310px !important;
    }

.testimonial-itinerary-img .packages-img img {
    height: auto;
}

.experiences-img {
    float: none;
    margin: 0 auto;
    width: 1600px;
    max-width: 100%;
}

    .experiences-img img {
        height: 150px;
        object-fit: cover;
        width: 100%;
    }

    .experiences-img .pilgrim-banner-text {
        position: relative;
        margin: -52px 0 0;
        float: left;
        width: 100%;
    }

    .experiences-img .pilgrim-banner-img {
        margin: -38px 0 0px;
    }

.itinerary-brands {
    float: left;
    width: 100%;
}

.itinerary-brands-bg .our-brands:before {
    height: 183px;
    top: -70px;
    z-index: -1;
}

.itinerary-footer .footer-content {
    padding: 45px 0 10px;
}

    .itinerary-footer .footer-content ul h4 {
        font-size: 20px;
        margin: 0 0 15px;
        color: #ffffff;
    }

    .itinerary-footer .footer-content ul li {
        width: 100%;
        margin: 0 0 10px;
        font-size: 15px;
    }

.itinerary-footer .footer-link {
    width: 16%;
}

.itinerary-footer .fot-arrow ul li a {
    background: url(../../images/PiligrimNew/fot-arrow.png) no-repeat;
    padding-left: 23px;
    background-position: top 4px left;
    transition: all 0.5s;
}

    .itinerary-footer .fot-arrow ul li a:hover, .itinerary-footer .fot-arrow ul li a:focus {
        background: url(../../images/PiligrimNew/fot-arrow.png) no-repeat;
        background-position: bottom 4px left;
        transition: all 0.5s;
    }

.itinerary-footer .footer-link:last-child {
    float: right;
    width: 19%;
}

.itinerary-footer .footer-content ul li span {
    width: 100%;
    line-height: 22px;
}

    .itinerary-footer .footer-content ul li span.footertel {
        padding: 10px 0 0;
    }

        .itinerary-footer .footer-content ul li span.footertel i {
            color: #fff;
            font-style: normal;
        }

.itinerary-footer .footer-content ul li a:hover, .itinerary-footer .footer-content ul li a:focus {
    color: #01b0f1;
}

.footer-copyright {
    width: 100%;
    float: left;
}

.modal-backdrop.show {
    opacity: 0.85;
    z-index: initial;
}


/*search listing*/
.search-list-head {
    float: left;
    width: 100%;
    background: #5325a2;
    padding: 0px 25px;
    margin: 0 0 20px;
}

.search-rout {
    float: left;
    font-size: 22px;
    color: #fff;
    font-family: 'Metropolis-Medium';
    line-height: 60px;
}

    .search-rout a {
        margin: 0 7px 0 0;
    }

.search-date {
    float: right;
    width: auto;
    color: #fff;
    font-size: 15px;
    font-family: 'Metropolis-Light';
    line-height: 60px;
}

    .search-date span {
        font-size: 21px;
        margin: 0 10px;
    }

        .search-date span a {
            color: #fff;
        }

    .search-date img {
        margin: -4px 5px 0px;
    }

.search-list-banner {
    min-height: 100px;
    background: #e2e2e2;
}

    .search-list-banner .short-head h6 {
        color: #333333;
        font-size: 18px;
        font-family: 'Metropolis-Light';
        margin: 0px;
    }

        .search-list-banner .short-head h6 span {
            font-family: 'Metropolis Semi';
        }

    .search-list-banner .short-head {
        bottom: 13px;
    }

.search-rout-liting {
    width: 100%;
    float: left;
}

    .search-rout-liting ul {
        padding: 0px;
        margin: 0;
        width: 100%;
        float: left;
        box-sizing: border-box;
    }

        .search-rout-liting ul li {
            width: 100%;
            float: left;
            padding: 20px 25px;
            border-bottom: 1px solid #feeaeb;
        }

            .search-rout-liting ul li:last-child {
                border-bottom: none;
            }

            .search-rout-liting ul li:hover, .search-rout-liting ul li:focus {
                background: #feeaeb;
            }

.rout-info-lft {
    width: 70%;
    float: left;
}

.rout-name {
    width: 100%;
    float: left;
}

    .rout-name p {
        color: #999999;
        font-size: 13px;
        font-family: 'Metropolis-Light';
        width: 100%;
        float: left;
        margin: 0 0 6px;
    }

    .rout-name h2 {
        color: #191919;
        font-size: 19px;
        font-family: 'Metropolis-Medium';
        margin: 0px;
        padding: 0px;
        width: 100%;
        float: left;
    }

    .rout-name h4 {
        color: #191919;
        font-size: 15px;
        font-family: 'Metropolis';
    }

        .rout-name h4 span {
            color: #f1333b;
            font-size: 11px;
        }

.rout-iocn-listing {
    width: 100%;
    float: left;
    margin: 4px 0 0px;
}

.rout-iocn {
    display: inline-block;
    vertical-align: middle;
    float: none;
    width: auto;
    line-height: 25px;
    padding: 0 9px;
    border-right: 1px solid #dadada;
}

    .rout-iocn:first-child {
        padding-left: 0px;
    }

    .rout-iocn:last-child {
        padding-right: 0px;
        border-right: none;
    }

.rout-info-rgt {
    float: right;
    width: 25%;
    margin: 23px 0 0px;
}

    .rout-info-rgt h3 {
        color: #191919;
        font-size: 22px;
        width: 100%;
        float: left;
        font-family: 'Metropolis';
        font-weight: bold;
        margin: 0px;
        padding: 0px;
    }

        .rout-info-rgt h3 span {
            color: #b8b8b8;
        }

    .rout-info-rgt p {
        width: 100%;
        float: left;
        font-size: 13px;
        color: #b8b8b8;
        font-family: 'Metropolis-Light';
    }

        .rout-info-rgt p span {
            font-size: 9px;
        }

.review-rout {
    width: 100%;
    float: left;
    margin: 21px 0 0px;
}

    .review-rout h6 {
        font-size: 13px;
        color: #23b86b;
        font-family: 'Metropolis-Light';
        margin: 0px;
        padding: 0px;
        float: left;
    }

.star-list {
    width: 100%;
    float: left;
}

.star-iocn {
    width: auto;
    float: left;
    color: #faa61a;
    font-size: 17px;
    padding: 0 3px;
}

    .star-iocn:last-child {
        padding-right: 0px;
    }

    .star-iocn:first-child {
        padding-left: 0px;
    }

.search-fot-bg {
    float: left;
    width: 100%;
    background: #5325a2;
    bottom: 0px;
    position: fixed;
}

    .search-fot-bg h6 {
        float: left;
        width: auto;
        line-height: 60px;
        margin: 0;
        font-size: 16px;
        font-family: 'Metropolis-Medium';
        color: #ffffff;
        -webkit-transition: all 0.5s;
        padding: 0 25px;
    }

        .search-fot-bg h6:hover, .search-fot-bg ul li:hover, .search-fot-bg h6:focus, .search-fot-bg ul li:focus {
            background: #f1333b;
            -webkit-transition: all 0.5s;
        }

    .search-fot-bg ul {
        padding: 0px;
        float: left;
        width: auto;
        margin: 0;
    }

        .search-fot-bg ul li {
            float: left;
            width: 80px;
            position: relative;
            text-align: center;
            padding: 7px 0px;
        }

            .search-fot-bg ul li:after {
                border-right: 1px solid #836ebe;
                position: absolute;
                content: "";
                right: 0px;
                top: 6px;
                height: 85%;
            }

            .search-fot-bg ul li:last-child:after {
                border-right: none;
            }

            .search-fot-bg ul li span {
                width: 100%;
                float: left;
            }

            .search-fot-bg ul li a {
                color: #fff;
                font-family: 'Metropolis-Light';
                font-size: 14px;
            }

/*sort-filter-popup page*/
.sort-filter-popup .modal.fade .modal-dialog {
    transform: translate(0,5%);
    -webkit-transform: translate(0,5%);
    -ms-transform: translate(0,5%);
    -o-transform: translate(0,5%);
}

.sort-filter-popup .modal-header {
    background: #863a8d;
    padding: 15px 33px;
    margin: 0px;
    box-sizing: border-box;
    border-radius: 15px 15px 0 0;
    border: none;
}

.sort-filter-popup .modal-title {
    font-size: 24px;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    font-family: 'Metropolis';
    line-height: 31px;
}

.sort-filter-popup .modal-header .close {
    padding: 0px;
    margin: 0px;
    opacity: 1; /*height: 30px;width: 30px;vertical-align: middle;display: table-cell;text-shadow: 0 0;color: #fff;border: 1px solid #fff;border-radius: 20px;font-weight: 300;font-size: 25px;*/
}

    .sort-filter-popup .modal-header .close span { /*margin: -2px auto 0;vertical-align: text-top;display: inline-block;*/
    }

.sort-filter-popup .modal-content {
    border: none;
    background: transparent;
    max-height: 100vh;
    border-radius: 15px;
}

.sort-filter-popup .modal-body {
    float: left;
    box-sizing: border-box;
    background: #fff;
    padding: 0px;
    border-radius: 0 0 10px 10px;
}

.sort-filter-content {
    width: 100%;
    float: left;
    padding: 0px 33px;
    background: url(../../images/PiligrimNew/sort-filter-img.jpg) no-repeat;
    background-size: 100% auto;
}

.sort-filter-content-two {
    background: url(../../images/PiligrimNew/sort-filter-two-img.jpg) no-repeat;
    background-size: 100% auto;
    margin: 15px 0 0px;
}

.sort-filter-content h4 {
    color: #191919;
    font-size: 18px;
    text-align: center;
    width: 100%;
    float: left;
    margin: 0;
    font-family: 'Metropolis Semi';
}

.sort-filter-head {
    float: left;
    width: 100%;
    padding: 20px 0 21px 0px;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
    outline: none;
}

.sort-checkbox-bg {
    float: left;
    width: 100%;
}

.sort-box {
    width: 100%;
    float: left;
}

    .sort-box .check-point-time {
        width: 100%;
    }

    .sort-box .check-point-lft ul li .check {
        top: 0px;
        width: 100%;
        height: 100%;
        border-radius: 0;
        border: 1px solid #e1e1e1;
        background: #fff;
    }

        .sort-box .check-point-lft ul li .check.rectangle-icon {
            background: #fff url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
            background-position: left 74px top 8px;
            transition: all 0.5s;
        }

    .sort-box .check-point-lft input[type="radio"]:checked ~ .check.rectangle-icon {
        background: #5325a2 url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left 74px top -90px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft ul li .check.rectangle-icon-two {
        background: #fff url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -55px top 8px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft input[type="radio"]:checked ~ .check.rectangle-icon-two {
        background: #5325a2 url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -55px top -90px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft ul li .check.rectangle-icon-three {
        background: #fff url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -181px top 8px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft input[type="radio"]:checked ~ .check.rectangle-icon-three {
        background: #5325a2 url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -181px top -90px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft ul li .check.rectangle-icon-four {
        background: #fff url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -309px top 8px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft input[type="radio"]:checked ~ .check.rectangle-icon-four {
        background: #5325a2 url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -309px top -90px;
        transition: all 0.5s;
    }


    .sort-box .check-point-lft ul li .check.rectangle-icon-five {
        background: #fff url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left 74px top -270px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft input[type="radio"]:checked ~ .check.rectangle-icon-five {
        background: #5325a2 url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left 74px top -378px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft ul li .check.rectangle-icon-six {
        background: #fff url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -46px top -270px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft input[type="radio"]:checked ~ .check.rectangle-icon-six {
        background: #5325a2 url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -46px top -378px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft ul li .check.rectangle-icon-seven {
        background: #fff url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -172px top -270px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft input[type="radio"]:checked ~ .check.rectangle-icon-seven {
        background: #5325a2 url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -172px top -378px;
        transition: all 0.5s;
    }


    .sort-box .check-point-lft ul li .check.rectangle-icon-eight {
        background: #fff url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -302px top -270px;
        transition: all 0.5s;
    }

    .sort-box .check-point-lft input[type="radio"]:checked ~ .check.rectangle-icon-eight {
        background: #5325a2 url(../../images/PiligrimNew/sort-filter-iocn.png) no-repeat;
        background-position: left -302px top -378px;
        transition: all 0.5s;
    }


    .sort-box .check-point-lft ul li {
        padding: 0px;
        width: 48%;
        margin: 0 5px 10px;
    }

        .sort-box .check-point-lft ul li:first-child {
            margin-left: 0px;
        }

        .sort-box .check-point-lft ul li:last-child {
            margin-right: 0px;
        }

        .sort-box .check-point-lft ul li label {
            padding: 60px 0 20px;
            font-size: 14px;
            text-align: center;
        }

    .sort-box .check-point-lft input[type=radio]:checked ~ .check {
        background: #5325a2;
    }


    .sort-box .check-point-lft input[type=radio]:checked ~ label {
        color: #fff;
    }

        .sort-box .check-point-lft input[type=radio]:checked ~ label span {
            color: #fff;
        }

.sort-filter-btn {
    padding: 15px 33px 25px;
    width: 100%;
    float: left;
}

    .sort-filter-btn button {
        background: #f1333b;
        border: none;
        float: left;
        width: 50%;
        line-height: 50px;
        color: #fff;
        padding: 0 40px;
        text-transform: uppercase;
        font-size: 18px;
        font-family: 'Metropolis-Medium';
    }

        .sort-filter-btn button.reset-btn {
            border-radius: 10px 0px 0px 10px;
        }

        .sort-filter-btn button.apply-btn {
            border-radius: 0px 10px 10px 0px;
        }

        .sort-filter-btn button:hover, .sort-filter-btn button:focus {
            background: #5325a2;
            outline: none;
        }


/*Select Seat page*/
.select-rout-bg {
    float: left;
    width: 100%;
}

    .select-rout-bg ul {
        padding: 25px 25px 40px;
        margin: -20px 0 0;
        ;
        background: #ede9f6;
        width: 100%;
        float: left;
    }

        .select-rout-bg ul li {
            float: left;
            width: 100%;
        }

.select-rout {
    float: left;
    width: 50%;
}

    .select-rout h4 {
        float: left;
        width: 100%;
        font-size: 20px;
        font-family: 'Metropolis-Medium';
        color: #1d1d1d;
        margin: 0px;
    }

    .select-rout p {
        font-family: 'Metropolis-Light';
        font-size: 13px;
        color: #999999;
    }

.rout-info-rgt.sealect-rout {
    width: 32%;
    margin: 0;
}

.sealect-rout h5 {
    font-size: 15px;
    color: #191919;
    font-family: 'Metropolis';
    font-weight: 700;
}

    .sealect-rout h5 span {
        color: #c4c4c4;
    }

.rout-info-rgt.sealect-rout .review-rout {
    margin: 0px;
}

.select-seat-bg {
    float: left;
    width: 100%;
    text-align: center;
    background: #f8f8f8;
    padding: 0 0 30px;
}

    .select-seat-bg ul {
        margin: -20px auto 0;
        background: #f1333b;
        width: 80%;
        border-radius: 10px;
    }

    .select-seat-bg .nav-tabs .nav-item {
        width: 50%;
        margin: 0px;
    }

        .select-seat-bg .nav-tabs .nav-item.show .nav-link, .select-seat-bg .nav-tabs .nav-link.active {
            color: #3e3e3e;
            background-color: #ffff;
            border: none;
            padding: 7px 0;
            border-radius: 10px 0px 0px 10px;
            margin: 2px 0 0 3px;
        }

.nav-tabs .nav-link {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
}

.upper.active {
    border-radius: 0px 10px 10px 0px !important;
    margin: 2px 3px 0 0 !important;
}

.bus-detils-info {
    width: 100%;
    float: left;
    margin: 25px 0 0px;
}

.bus-seat-ctn {
    margin: 0 auto;
    width: 325px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.20);
    border-radius: 10px;
    padding: 25px 40px;
    display: inline-block;
}

.iconsteering {
    float: right;
    width: 100%;
    padding: 0 10px 0 0px;
    text-align: right;
    margin: 0 0 12px;
}

.seat-lft {
    float: left;
    width: 95px;
}

.seat-slip {
    width: 41px;
    height: 92px;
    border-radius: 5px;
    background: #e2e7ed;
    vertical-align: middle;
    display: table-cell;
    color: #1d1d1d;
    font-size: 13px;
    text-transform: uppercase;
}

.seat-nub {
    margin: 0px 10px 10px 0px;
    float: left;
}

    .seat-nub:nth-child(2n+2) {
        margin-right: 0px;
    }

.seat-rgt {
    float: right;
    width: 96px;
}

    .seat-rgt .seat-slip {
        height: 41px;
        width: 41px;
    }

.seat-info {
    width: 100%;
    float: left;
}

    .seat-info ul {
        padding: 5px 0 10px;
        margin: 0px;
        float: left;
        width: 100%;
        text-align: center;
        background: #fff;
        border-top: 1px solid #e2e7ed;
        border-bottom: 1px solid #e2e7ed;
    }

        .seat-info ul li {
            width: auto;
            float: none;
            display: inline-block;
            font-size: 13px;
            color: #3e3e3e;
            font-family: 'Metropolis-Light';
            margin: 0 10px 0 0px;
        }

            .seat-info ul li:last-child {
                margin: 0px;
            }

            .seat-info ul li span {
                margin: 5px 10px 0 0;
                float: left;
                height: 11px;
                width: 11px;
                border-radius: 50%;
            }

.available {
    background: #c5b7fd;
}

.selected {
    background: #19d181;
}

.reserved {
    background: #d5dee8;
}

.ladies-l {
    background: #f199ce;
}

.available-l {
    background: #ffddf1;
    border: 1px solid #f199ce;
}

.passenger-bg {
    float: left;
    width: 100%;
    padding: 18px 25px 0;
    box-sizing: border-box;
}

.passenger {
    width: 100%;
    float: left;
}

    .passenger h5 {
        float: left;
        width: 100%;
        margin: 0 0 12px;
    }

.passenger-detil {
    background: #efefef;
    border-radius: 10px;
    float: left;
    position: relative;
    width: 100%;
}

.passenger-iocns {
    width: auto;
    float: left;
}

.passenger-iocn {
    float: none;
    width: 70px;
    background: #19d181;
    border-radius: 10px 0px 0px 10px;
    height: 70px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}

.passenger-text {
    width: auto;
    float: left;
    padding: 0 0 0 20px;
}

    .passenger-text p {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        font-size: 17px;
        height: 70px;
        color: #1d1d1d;
        font-family: 'Metropolis';
    }

.passenger-insurance-img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.select-total-seat {
    float: left;
    width: 100%;
    background: #5325a2;
}

.select-total-details {
    width: 85%;
    float: left;
    padding: 0 20px 0 25px;
}

.select-total {
    float: left;
    width: 50%;
    padding: 12px 0px;
}

    .select-total h4 {
        float: left;
        color: #fff;
        font-size: 14px;
        margin: 0;
        font-family: 'Metropolis-Light';
        width: 100%;
        text-transform: uppercase;
    }

    .select-total p {
        float: left;
        color: #fff;
        font-size: 15px;
        margin: 0;
        font-family: 'Metropolis';
        width: 100%;
    }

    .select-total:last-child {
        text-align: right;
    }

    .select-total h5 {
        float: left;
        color: #fff;
        font-size: 20px;
        margin: 0;
        font-family: 'Metropolis Semi';
        width: 100%;
        text-transform: uppercase;
    }

        .select-total h5 span {
            color: #c4c4c4;
        }

.select-total-arrow a {
    float: left;
    width: 100%;
    line-height: 64px;
}

.select-total-arrow {
    float: left;
    text-align: center;
    width: 15%;
    background: #f1333b;
}

/*about page*/
.about-details-bg {
    float: left;
    width: 100%;
}

.about-details {
    float: left;
    width: 100%;
}

.about-details-head, .about-details-head a {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #5325a2;
    font-family: 'Metropolis-Medium';
    margin: 20px 0 15px 0;
}

.boarding-detils {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px;
}

.aboutus-tab-detail .nav-tabs {
    float: left;
    width: 100%;
    border: none;
    padding: 0 0 10px;
    background: #f5f5f5;
}

    .aboutus-tab-detail .nav-tabs .nav-item {
        width: 20%;
        float: left;
        text-align: center;
        box-sizing: border-box;
        padding: 0 5px;
    }

    .aboutus-tab-detail .nav-tabs .nav-link {
        color: #000;
        border: none;
        padding: 0;
        float: left;
        width: 100%;
    }

.aboutbus-tab {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #4dc1a6;
    transition: all 0.5s;
}

.about-icon {
    width: 100%;
    float: left;
    background: url(../../images/PiligrimNew/about-tab-iocn.png) no-repeat left 30px top;
    height: 30px;
    text-align: center;
}

.aboutbus-tab h6 {
    font-size: 11px;
    text-transform: none;
    font-family: 'Metropolis-Light';
    margin: 7px 0 0px;
    float: left;
    width: 100%;
    color: #35ba9b;
}

    .aboutbus-tab h6 span {
        display: list-item;
    }

.aboutus-tab-detail {
    float: left;
    width: 100%;
}

.rest-tab {
    border-color: #d56fac;
    transition: all 0.5s;
}

    .rest-tab h6 {
        color: #d56fac;
        transition: all 0.5s;
    }

    .rest-tab .about-icon {
        background-position: left -75px top;
    }

.amenities-tab {
    border-color: #5e9cea;
}

    .amenities-tab h6 {
        color: #5e9cea;
    }

    .amenities-tab .about-icon {
        background-position: left -175px top;
    }

.passengers-tab {
    border-color: #fcaf17;
}

    .passengers-tab h6 {
        color: #fcaf17;
    }

    .passengers-tab .about-icon {
        background-position: left -275px top;
    }

.cancellation-tab {
    border-color: #9579da;
}

    .cancellation-tab h6 {
        color: #9579da;
    }

    .cancellation-tab .about-icon {
        background-position: left -372px top;
    }

.aboutus-tab-detail .nav-tabs .nav-link.active .aboutbus-tab {
    background: #4dc1a6;
    transition: all 0.5s;
}

    .aboutus-tab-detail .nav-tabs .nav-link.active .aboutbus-tab .about-icon {
        background-position: left 30px top -70px;
        transition: all 0.5s;
    }

    .aboutus-tab-detail .nav-tabs .nav-link.active .aboutbus-tab h6 {
        color: #fff;
        transition: all 0.5s;
    }

.aboutus-tab-detail .nav-tabs .nav-link.active .rest-tab {
    background: #d56fac;
    transition: all 0.5s;
}

    .aboutus-tab-detail .nav-tabs .nav-link.active .rest-tab .about-icon {
        background-position: left -75px top -70px;
    }

.aboutus-tab-detail .nav-tabs .nav-link.active .amenities-tab {
    background: #5e9cea;
    transition: all 0.5s;
}

    .aboutus-tab-detail .nav-tabs .nav-link.active .amenities-tab .about-icon {
        background-position: left -175px top -70px;
    }

.aboutus-tab-detail .nav-tabs .nav-link.active .passengers-tab {
    background: #fcaf17;
    transition: all 0.5s;
}

    .aboutus-tab-detail .nav-tabs .nav-link.active .passengers-tab .about-icon {
        background-position: left -275px top -70px;
    }

.aboutus-tab-detail .nav-tabs .nav-link.active .cancellation-tab {
    background: #9579da;
    transition: all 0.5s;
}

    .aboutus-tab-detail .nav-tabs .nav-link.active .cancellation-tab .about-icon {
        background-position: left -372px top -70px;
    }

.aboutbus-tab-content {
    position: fixed;
    bottom: 0;
    z-index: 1;
}

.amenities-bg {
    width: 100%;
    float: left;
}

.amenities-head {
    float: left;
    width: 100%;
}

    .amenities-head h4 {
        font-size: 22px;
        float: left;
        font-family: 'Metropolis Semi';
        width: 100%;
        color: #1d1d1d;
        margin: 0;
    }

    .amenities-head h5 {
        width: 100%;
        float: left;
        font-size: 20px;
        color: #f1333b;
        font-family: 'Metropolis';
        margin: 6px 0 15px 0px;
    }

.amenities-list {
    float: left;
    width: 100%;
    margin: 0 0 25px 0px;
    border-bottom: 1px solid #d5dfea;
}

    .amenities-list ul {
        padding: 0 20px 0 0;
        margin: 0;
        float: left;
        width: 50%;
    }

        .amenities-list ul:last-child {
            padding: 0px;
        }

        .amenities-list ul li {
            float: left;
            width: 100%;
            color: #1d1d1d;
            font-family: 'Metropolis-Light';
            font-size: 13px;
            padding: 10px 0 10px 40px;
            background: url(../../images/PiligrimNew/amenities-iocn.png) no-repeat left top 6px;
            border-bottom: 1px solid #d5dfea;
        }

            .amenities-list ul li:last-child {
                border-bottom: none;
            }

            .amenities-list ul li.charging-point {
                background-position: left top -39px;
            }

            .amenities-list ul li.emergency-exit {
                background-position: left top -90px;
            }

            .amenities-list ul li.facial-tissues {
                background-position: left top -136px;
            }

            .amenities-list ul li.fire-extinguisher {
                background-position: left top -182px;
            }

            .amenities-list ul li.hammer {
                background-position: left top -228px;
            }

            .amenities-list ul li.headsets {
                background-position: left top -277px;
            }

            .amenities-list ul li.water-bottle {
                background-position: left top -325px;
            }

            .amenities-list ul li.live-tracking {
                background-position: left -420px top 5px;
            }

            .amenities-list ul li.movie {
                background-position: left -420px top -43px;
            }

            .amenities-list ul li.newspaper {
                background-position: left -420px top -136px;
            }

            .amenities-list ul li.personal {
                background-position: left -416px top -134px;
            }

            .amenities-list ul li.pillow {
                background-position: left -416px top -182px;
            }

            .amenities-list ul li.reading {
                background-position: left -416px top -228px;
            }

            .amenities-list ul li.snacks {
                background-position: left -416px top -277px;
            }

            .amenities-list ul li.wifi {
                background-position: left -416px top -325px;
            }

.amenities-slider-bg {
    float: left;
    width: 100%;
    margin: 0 0 35px;
}

.amenities-slider {
    float: left;
    width: 100%;
}

.amenities-slider-bg h5 {
    font-size: 20px;
    color: #f1333b;
    font-family: 'Metropolis';
    width: 100%;
    margin: 0 0 15px;
}

.amenities-slider .slick-next {
    right: 0;
    background: url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #f1333b;
    top: -30px;
    background-position: right 6px top 10px;
    transition: 0.5s all;
}

.amenities-slider .slick-prev {
    right: 39px;
    background: url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #f1333b;
    top: -30px;
    background-position: left 8px top 10px;
    transition: 0.5s all;
    left: inherit;
}

    .amenities-slider .slick-prev:hover, .amenities-slider .slick-prev:focus {
        right: 39px;
        background: #f1333b url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
        background-position: left 8px top -30px;
        transition: 0.5s all;
        left: inherit;
    }

.amenities-slider .slick-next:hover, .amenities-slider .slick-next:focus {
    right: 0;
    background: #f1333b url(../../images/PiligrimNew/arrow-pilgrim.png) no-repeat;
    background-position: right 6px top -30px;
    transition: 0.5s all;
}

.amenities-slider .slick-prev:before {
    content: "";
}

.amenities-slider .slick-next:before {
    content: "";
}

.amenities-head h5 b {
    float: right;
    font-weight: 400;
    font-size: 15px;
    color: #00a651;
    font-family: 'Metropolis-Medium';
}

    .amenities-head h5 b span {
        margin: 0 10px 0 0;
    }

.rest-detils {
    width: 100%;
    float: left;
}

    .rest-detils .amenities-head {
        padding: 0 25px;
    }

.rest-stops-content {
    float: left;
    width: 100%;
}

.rest-stops-img {
    float: left;
    width: 100%;
    position: relative;
}

    .rest-stops-img img {
        width: 100%;
    }

    .rest-stops-img h5 {
        font-size: 22px;
        color: #f1333b;
        font-family: 'Metropolis-Medium';
        width: 90%;
        float: left;
        margin: 0px;
        position: absolute;
        bottom: 0;
        padding: 0 0 22px;
        border-bottom: 1px solid #d9d9d9;
        text-align: center;
        left: 26px;
        list-style: none;
    }

        .rest-stops-img h5 span {
            display: list-item;
        }

.rest-pepope-link {
    float: left;
    width: 100%;
    padding: 25px 25px 40px;
}

    .rest-pepope-link h6 {
        color: #5325a2;
        font-size: 16px;
        float: left;
        line-height: 32px;
        font-family: 'Metropolis';
    }

    .rest-pepope-link ul {
        padding: 0px;
        margin: 0px;
    }

        .rest-pepope-link ul li {
            list-style: none;
            float: left;
            padding: 0 21px;
            border-radius: 20px;
            line-height: 32px;
            font-size: 13px;
            border: 1px solid #da83b7;
            color: #333333;
            font-family: 'Metropolis-Medium';
            background: #f6e0ed;
            height: 32px;
            margin: 0 11px;
        }

            .rest-pepope-link ul li:last-child {
                margin: 0;
                padding: 0 35px;
            }

            .rest-pepope-link ul li:hover, .rest-pepope-link ul li:focus {
                background: #cceee6;
                border-color: #35ba9b;
            }

.reviwe-list {
    float: left;
    width: 100%;
}

    .reviwe-list ul {
        padding: 0 0 32px 0px;
        margin: 0;
        width: 100%;
        float: left;
    }

        .reviwe-list ul li {
            float: left;
            width: 100%;
            margin: 20px 0 0px;
        }

.reviwe-passenger-text {
    border: 1px solid #fbb835;
    background: #feebc5;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    font-family: 'Metropolis-Light';
    font-size: 13px;
    color: #1d1d1d;
    position: relative;
}

    .reviwe-passenger-text:after {
        position: absolute;
        content: "";
        border-right: 1px solid #fbb835;
        right: 15px;
        height: 15px;
        width: 32px;
        background: #feebc5;
        bottom: -8px;
        border-bottom: 1px solid #fbb835;
        transform: rotate(25deg);
        -o-transform: rotate(25deg);
        -webkit-transform: rotate(25deg);
        -moz-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
    }

.reviwe-list ul li:nth-child(2n+2) .reviwe-passenger-text:after {
    left: 23px;
    height: 33px;
    width: 15px;
    transform: rotate(65deg);
    bottom: -17px;
}

.reviwe-passenger {
    float: right;
    width: auto;
    padding: 4px 50px 0 0;
}

.reviwe-list ul li:nth-child(2n+2) .reviwe-passenger {
    float: left;
    padding: 4px 50px 0 50px;
}

.reviwe-star {
    float: left;
    width: auto;
    color: #faa61a;
    font-size: 14px;
}

.reviwe-passenger h6 {
    color: #1d1d1d;
    font-size: 14px;
    font-family: 'Metropolis-Medium';
    width: auto;
    float: left;
    line-height: 25px;
    padding: 0 0 0 15px;
    margin: 0px;
}

.testimonial-2, .testimonial-2:after {
    background: #f4dbea;
    border-color: #d56fac;
}

.testimonial-3, .testimonial-3:after {
    background: #d7e6fa;
    border-color: #5e9cea;
}

.testimonial-4, .testimonial-4:after {
    background: #d2efe8;
    border-color: #4abea2;
}


.departure-list-bg {
    float: left;
    width: 100%;
    margin: 17px 0 0px;
}

.departure-head {
    float: left;
    box-sizing: border-box;
    padding: 13px 15px;
    width: 100%;
    border: 1px solid #e9e9e9;
}

.departure-lft {
    float: left;
    width: auto;
    font-family: 'Metropolis-Medium';
    font-size: 15px;
    color: #f1333b;
}

.departure-rgt {
    float: right;
    width: auto;
    font-family: 'Metropolis-Medium';
    font-size: 14px;
    color: #f1333b;
    text-align: right;
}

.departure-content {
    float: left;
    width: 100%;
}

.departure-list {
    float: left;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e9e9e9;
}

    .departure-list .departure-lft {
        color: #3e3e3e;
    }

    .departure-list .departure-rgt {
        color: #3e3e3e;
    }

        .departure-list .departure-rgt span {
            display: block;
        }

.boading-dropping-bg {
    float: left;
    width: 100%;
    margin: 17px 0 0px;
}

    .boading-dropping-bg .nav-tabs {
        padding: 0px;
        background: transparent;
    }

        .boading-dropping-bg .nav-tabs .nav-item {
            width: auto;
        }

        .boading-dropping-bg .nav-tabs .nav-link {
            font-size: 20px;
            color: #1d1d1d;
            font-family: 'Metropolis';
            text-transform: capitalize;
        }

.boarding-point-listing {
    float: left;
    width: 100%;
    padding: 20px 0 0;
    box-sizing: border-box;
}

.boarding-point {
    float: left;
    width: 100%;
}

.boarding-point-time {
    float: left;
    width: 15%;
}

.boarding-point-city {
    float: left;
    width: 85%;
    box-sizing: border-box;
    padding: 0 0 30px 33px;
    position: relative;
}

    .boarding-point-city:after {
        position: absolute;
        content: "";
        left: 10px;
        border-left: 1px solid #e0e0e0;
        height: 100%;
    }

.boarding-point-time h5 {
    color: #333333;
    font-size: 14px;
    width: 100%;
    float: left;
    margin: 0px;
    text-align: center;
}

    .boarding-point-time h5 span {
        display: block;
        color: #888888;
        font-size: 12px;
    }

.boarding-point-time p {
    color: #888888;
    font-size: 13px;
    font-family: 'Metropolis-Light';
    width: 100%;
    float: left;
    text-align: center;
    margin: 9px 0 0;
}

.boarding-point-city h5 {
    font-size: 15px;
    color: #333333;
    width: 100%;
    float: left;
    font-family: 'Metropolis-Medium';
    margin: 0px;
    position: relative;
}

    .boarding-point-city h5:before {
        position: absolute;
        content: "";
        top: 0px;
        height: 11px;
        width: 11px;
        border-radius: 20px;
        background: #fff;
        left: -28px;
        border: 1px solid #9579da;
    }

    .boarding-point-city h5:after {
        position: absolute;
        content: "";
        top: 2px;
        height: 7px;
        width: 7px;
        border-radius: 20px;
        background: #5325a2;
        left: -26px;
        z-index: 1;
    }

    .boarding-point-city h5 span {
        display: block;
    }

.boarding-point-city p {
    color: #888888;
    font-size: 13px;
    font-family: 'Metropolis-Light';
    width: 100%;
    float: left;
}

.boading-dropping-bg .nav-tabs .nav-link.active {
    color: #f1333b;
    border-bottom: 1px solid #f1333b;
}



/*Select Boarding Points and Dropping Points page*/

.boarding-point-select-bg {
    float: left;
    width: 100%;
}

.boarding-point-select {
    float: left;
    width: 100%;
}

.boarding-point-check {
    width: 100%;
    float: left;
    padding: 0 25px 25px;
}

.bod-point-head {
    float: left;
    width: 100%;
}

    .bod-point-head h4 {
        float: left;
        font-family: 'Metropolis';
        font-size: 20px;
        color: #f1333b;
        width: 100%;
        padding: 0 0 3px;
        margin: 0px;
        border-bottom: 1px solid #f1333b;
    }

.check-point-list {
    float: left;
    width: 100%;
}

.check-point-lft {
    float: left;
    width: 100%;
}

    .check-point-lft ul {
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
    }

        .check-point-lft ul li {
            color: #AAAAAA;
            display: block;
            position: relative;
            float: left;
            width: 100%;
            padding: 20px 0;
            border-bottom: 1px solid #e5dff1;
        }

            .check-point-lft ul li:last-child {
                border-bottom: none;
            }

            .check-point-lft ul li input[type=radio] {
                position: absolute;
                visibility: hidden;
            }

            .check-point-lft ul li label {
                display: block;
                position: relative;
                font-weight: 300;
                font-size: 15px;
                padding: 0 0 0 25px;
                margin: 0 auto;
                z-index: 9;
                cursor: pointer;
                -webkit-transition: all 0.25s linear;
                color: #333333;
                font-family: 'Metropolis-Medium';
            }

                .check-point-lft ul li label span {
                    color: #888888;
                    font-family: 'Metropolis-Light';
                }

            .check-point-lft ul li:hover label {
                color: #333333;
            }

            .check-point-lft ul li .check {
                display: block;
                position: absolute;
                border: 1px solid #9579da;
                border-radius: 100%;
                height: 15px;
                width: 15px;
                top: 23px;
                left: 0;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
            }

            .check-point-lft ul li:hover .check {
                border: 1px solid #5325a2;
            }

            .check-point-lft ul li .check::before {
                display: block;
                position: absolute;
                content: '';
                border-radius: 100%;
                height: 9px;
                width: 9px;
                top: 2px;
                left: 2px;
                margin: auto;
                transition: background 0.25s linear;
                -webkit-transition: background 0.25s linear;
            }

    .check-point-lft input[type=radio]:checked ~ .check {
        border: 1px solid #5325a2;
    }

        .check-point-lft input[type=radio]:checked ~ .check::before {
            background: #5325a2;
        }

    .check-point-lft input[type=radio]:checked ~ label {
        color: #333333;
    }

.check-point-time {
    float: left;
    width: 100px;
}

.pikup-point-text {
    float: left;
    width: 77%;
    box-sizing: border-box;
    padding: 0 0 0 9px;
}

    .pikup-point-text h5 {
        color: #333333;
        font-size: 15px;
        font-family: 'Metropolis-Medium';
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
    }

        .pikup-point-text h5 span {
            display: block;
        }

    .pikup-point-text p {
        color: #888888;
        font-size: 13px;
        font-family: 'Metropolis-Light';
    }

.pikup-passenger-btn {
    float: left;
    width: 100%;
    padding: 0 25px;
}

    .pikup-passenger-btn button {
        padding: 0;
        margin: 0;
        width: 100%;
        border: none;
        background: #f1333b;
        height: 50px;
        line-height: 50px;
        color: #fffefe;
        font-size: 17px;
        font-family: 'Metropolis-Medium';
        text-transform: uppercase;
        border-radius: 10px;
        cursor: pointer;
    }

        .pikup-passenger-btn button:hover, .pikup-passenger-btn button:focus {
            outline: none;
        }

/*journey-information page*/
.ticket-detils-bg {
    float: left;
    width: 100%;
}

.ticket-detils {
    float: left;
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
}

.ticket-info-head {
    background: #863a8d;
    float: left;
    font-size: 20px;
    text-align: center;
    font-family: 'Metropolis-Medium';
    border-bottom: 1px dashed #e9ddec;
    padding: 7px 0px;
    color: #fff;
    width: 100%;
}

    .ticket-info-head span {
        display: block;
        font-size: 15px;
        color: #c09ec7;
        font-family: 'Metropolis-Light';
    }

.ticket-card {
    float: left;
    width: 100%;
    background: #e9ddec;
    border-bottom: 1px solid #863a8d;
    box-sizing: border-box;
    padding: 25px 50px;
    position: relative;
    overflow: hidden;
}

    .ticket-card:before {
        position: absolute;
        content: "";
        left: -32px;
        top: 75px;
        width: 64px;
        height: 64px;
        background: #ffffff;
        border-radius: 50%;
        border: 1px solid #863a8d;
    }

    .ticket-card:after {
        position: absolute;
        content: "";
        right: -32px;
        top: 75px;
        width: 64px;
        height: 64px;
        background: #ffffff;
        border-radius: 50%;
        border: 1px solid #863a8d;
    }

.ticket-point {
    float: left;
    width: 100%;
}

.ticket-point-lft {
    width: 50%;
    float: left;
    margin: 0 0 0px;
}

    .ticket-point-lft h5 {
        float: left;
        width: 100%;
        margin: 0px;
        font-size: 15px;
        color: #1d1d1d;
        font-family: 'Metropolis-Medium';
        padding: 0px;
        text-transform: uppercase;
    }

    .ticket-point-lft p {
        color: #863a8d;
        font-size: 14px;
        width: 100%;
        float: left;
    }

        .ticket-point-lft p span {
            display: block;
        }

.ticket-point-rgt {
    text-align: right;
}

.city-name h5 {
    text-transform: capitalize;
}

.city-name p {
    color: #5325a2;
}

.city-name {
    margin: 5px 0 21px;
}

.ticket-info {
    float: left;
    width: 100%;
    position: relative;
}

    .ticket-info:before {
        position: absolute;
        content: "";
        border-left: 1px solid rgba(134,58,141,0.70);
        width: 100%;
        height: 50.8%;
        top: 0;
        left: -1px;
    }

    .ticket-info:after {
        position: absolute;
        content: "";
        border-right: 1px solid rgba(134,58,141,0.70);
        width: 100%;
        height: 50.8%;
        top: 0;
        right: 0px;
    }

.ticket-card-bg {
    width: 100%;
    float: left;
    position: relative;
}

    .ticket-card-bg:before {
        position: absolute;
        content: "";
        border-left: 1px solid rgba(134,58,141,0.70);
        width: 100%;
        height: 36%;
        bottom: 0;
        left: -1px;
    }

    .ticket-card-bg:after {
        position: absolute;
        content: "";
        border-right: 1px solid rgba(134,58,141,0.70);
        width: 100%;
        height: 36%;
        bottom: 0;
        right: 0px;
    }

.contact-details-bg {
    float: left;
    width: 100%;
    padding: 21px 0 0;
}

.contact-from-bg {
    width: 100%;
    float: left;
    border: 1px solid #e2d5e5;
    padding: 20px;
    box-sizing: border-box;
}

    .contact-from-bg .form-group label {
        font-size: 16px;
        color: #1d1d1d;
        font-family: 'Metropolis-Light';
        margin: 0px;
        width: 100%;
    }

    .contact-from-bg .form-group .form-control {
        height: 35px;
        line-height: 35px;
        border: 1px solid #c1c1c1;
        padding: 0 15px;
        font-family: 'Metropolis-Light';
        font-size: 14px;
        border-radius: 0px;
    }

.ticket-phone-text {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #999999;
    margin: 13px 0 14px;
}

.select-nub {
    float: left;
    width: 28%;
}

    .select-nub select {
        height: 35px;
        line-height: 35px;
        border: 1px solid #c1c1c1;
        padding: 0 15px;
        font-family: 'Metropolis-Light';
        font-size: 14px;
        border-radius: 0px;
        -webkit-appearance: none;
        width: 100%;
        appearance: none;
        background: url(../../images/PiligrimNew/select-arrow.png) no-repeat right 15px center;
    }

.mob-number {
    float: right;
    width: 68.8%;
}

.passenger-information-list {
    float: left;
    width: 100%;
    margin: 21px 0 0 0;
}

.passenger-box-bg {
    float: left;
    width: 100%;
    margin: 20px 0 5px;
}

.passenger-box {
    width: 100%;
    float: left;
    background: #e9ddec;
    border: 1px solid rgba(134,58,141,0.35);
    margin: 0 0 15px;
}

.passenger-head {
    float: left;
    width: 100%;
    background: #863a8d;
    padding: 15px 20px;
}

    .passenger-head h5 {
        float: left;
        width: auto;
        font-size: 16px;
        color: #ffffff;
        font-family: 'Metropolis-Medium';
        margin: 0px;
    }

    .passenger-head h6 {
        float: right;
        width: auto;
        font-size: 14px;
        color: #d2d2d2;
        font-family: 'Metropolis-Light';
        margin: 0px;
    }

.passenger-agr-info {
    float: left;
    width: 100%;
    padding: 15px 20px;
}

.passenger-name {
    float: left;
    width: 200px;
    max-width: 100%;
}

    .passenger-name label {
        width: 100%;
        float: left;
        font-size: 16px;
        color: #1d1d1d;
        font-family: 'Metropolis Extra';
        margin: 0px;
    }

    .passenger-name input {
        width: 100%;
        float: left;
        background: transparent;
        padding: 0;
        border: none;
        font-size: 16px;
        font-family: 'Metropolis Extra';
    }

.passenger-age {
    width: 80px;
    padding: 0 0 0 30px;
}

.passenger-select-check {
    width: auto;
    float: right;
}

    .passenger-select-check .check-point-lft ul li {
        width: auto;
        padding: 0;
        margin: 0 10px 0 0px;
    }

        .passenger-select-check .check-point-lft ul li:last-child {
            margin: 0px;
        }

        .passenger-select-check .check-point-lft ul li label {
            font-size: 0px;
            width: 36px;
            height: 36px;
            padding: 0px;
        }

    .passenger-select-check .check-point-lft input[type=radio]:checked ~ .check {
        background: #5325a2;
        width: 36px;
        height: 36px;
    }

    .passenger-select-check .check-point-lft ul li .check {
        border-radius: 10px;
        width: 36px;
        height: 36px;
        background: transparent;
        top: 0px;
    }

    .passenger-select-check .check-point-time {
        width: auto;
        padding: 0px;
        border: none;
    }

    .passenger-select-check .check-point-lft ul li .check.user01 {
        background: transparent url(../../images/PiligrimNew/passenger-img.png) no-repeat left 7px top 6px;
        transition: all 0.5s;
    }

    .passenger-select-check .check-point-lft ul li .check.user02 {
        background: transparent url(../../images/PiligrimNew/passenger-img.png) no-repeat left -39px top 6px;
        transition: all 0.5s;
    }

    .passenger-select-check .check-point-lft input[type=radio]:checked ~ .check.user01 {
        background: #5325a2 url(../../images/PiligrimNew/passenger-img.png) no-repeat left 7px top -54px;
        transition: all 0.5s;
    }

    .passenger-select-check .check-point-lft input[type=radio]:checked ~ .check.user02 {
        background: #5325a2 url(../../images/PiligrimNew/passenger-img.png) no-repeat left -39px top -54px;
        transition: all 0.5s;
    }

.descount-note-text {
    float: left;
    width: 100%;
}

    .descount-note-text h5 {
        font-size: 15px;
        color: #3e3e3e;
        font-family: 'Metropolis Semi';
        margin: 17px 0 6px 0;
        padding: 0px;
        width: 100%;
        float: left;
    }

    .descount-note-text p {
        font-size: 14px;
        margin: 0;
        font-family: 'Metropolis-Light';
        color: #f1333b;
        float: left;
        width: 100%;
    }

        .descount-note-text p span {
            font-family: 'Metropolis-Medium';
            color: #399f07;
        }

.check-point-lft ul li label {
    color: #1d1d1d;
    font-size: 16px;
    font-family: 'Metropolis';
}

.code-discount {
    float: left;
    width: 100%;
}

.descount-code {
    float: left;
    border: 1px solid rgba(241,90,34,0.70);
    width: 100%;
    margin: 11px 0 0px;
}

.descount-input {
    width: 70%;
    float: left;
}

    .descount-input input {
        width: 100%;
        float: left;
        border: none;
        height: 36px;
        padding: 0 15px;
        font-size: 14px;
        color: #999999;
        font-family: 'Metropolis Extra';
    }

.descount-btn {
    width: 30%;
    float: left;
}

    .descount-btn button {
        width: 100%;
        float: left;
        border: none;
        background: #f15a22;
        color: #fff;
        font-size: 17px;
        font-family: 'Metropolis';
        height: 36px;
        line-height: 36px;
        -webkit-transition: all 0.5s;
    }

        .descount-btn button:focus, .descount-btn button:hover {
            outline: none;
            background: #f1333b;
            -webkit-transition: all 0.5s;
        }

.descount-input-bg .check-point-lft ul li {
    padding: 18px 0 0 0;
    border: none;
}

.total-free-discount {
    float: left;
    width: 100%;
    margin: 32px 0 0;
}

    .total-free-discount h5 {
        float: left;
        width: auto;
        font-size: 14px;
        color: #1d1d1d;
        font-family: 'Metropolis';
        text-transform: uppercase;
        line-height: 28px;
        margin: 0;
    }

    .total-free-discount b {
        float: right;
        font-family: 'Metropolis Semi';
        font-size: 22px;
        line-height: 28px;
    }

        .total-free-discount b span {
            color: #c4c4c4;
        }

.check-terms-conditions {
    width: 100%;
    float: left;
    margin: 14px 0 0px;
}

    .check-terms-conditions .form-group input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .check-terms-conditions .form-group label {
        position: relative;
        cursor: pointer;
        font-size: 15px;
        color: #666666;
        float: left;
        width: 100%;
        margin: 0;
        line-height: 14px;
    }

        .check-terms-conditions .form-group label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1px solid #f1333b;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 10px;
        }

    .check-terms-conditions .form-group input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 6px;
        width: 4px;
        height: 9px;
        border: solid #f1333b;
        border-width: 0 1px 1px 0;
        transform: rotate(45deg);
    }

    .check-terms-conditions .form-group {
        margin: 0;
        padding: 0;
    }

.total-free-discount-bg {
    float: left;
    width: 100%;
}

.discount-btn-bg {
    float: left;
    width: 100%;
    text-align: center;
    margin: 25px 0 0 0px;
}

.cancel-btn {
    width: 47%;
    float: none;
    margin: 0 20px 0 0px;
    display: inline-block;
}

    .cancel-btn:last-child {
        margin: 0px;
    }

.discount-btn-bg button {
    font-size: 17px;
    color: #fffefe;
    font-family: 'Metropolis-Medium';
    border-radius: 10px;
    border: none;
    background: #5325a2;
    width: 100%;
    height: 50px;
    line-height: 50px;
    -webkit-transition: all 0.5s;
    cursor: pointer;
}

    .discount-btn-bg button:hover, .discount-btn-bg button:focus {
        background: #f1333b;
        -webkit-transition: all 0.5s;
        outline: none;
    }

/*responsive screen*/

/*.brands-img img {
    max-height: 60px;
    width: 96%;
}*/

@media screen and (max-width: 1849px) {
    .bus-car-info {
        margin: -402px 0 0;
    }

    .dwonload-itinerary {
        padding: 74px 0 0;
    }

    .map-itinerary-img {
        bottom: -192px;
    }

    .itinerary-slider .slick-prev {
        left: 30px;
    }

    .itinerary-slider .slick-next {
        right: 30px;
    }

    .tour-Package .packages-slider .slick-next {
        right: 522px;
    }

    .tour-Package .packages-slider .slick-prev {
        right: 560px;
    }
}

@media screen and (max-width: 1649px) {
    .itinerary-slider-bg {
        width: 100%;
    }

    .bus-car-info {
        margin: -382px 0 0;
    }

    .map-itinerary-img {
        bottom: -200px;
    }
}

@media screen and (max-width: 1469px) {
    .bus-car-info {
        margin: -346px 0 0;
    }

    .dwonload-itinerary {
        padding: 24px 475px 0 0;
    }

    .detail-dwonload {
        width: 90%;
        padding: 0 0 0 10px;
    }

    .testimonial-slider .slick-next {
        right: 200px;
    }

    .testimonial-slider .slick-prev {
        right: 240px;
    }

    .testimonial-Explore-head {
        font-size: 60px;
        min-height: 124px;
    }

    .itinerary-pro-head.itinerarypackages h2 {
        margin: 37px 0 0;
    }

    .itinerary-slider .slick-next {
        right: 10px;
    }

    .itinerary-slider .slick-prev {
        left: 10px;
    }

    .bus-car-info {
        margin: -346px 15px 0 0;
    }

    .map-itinerary-img {
        bottom: -230px;
        right: 55px;
    }

    .tour-Package .packages-slider .slick-next {
        right: 350px;
    }

    .tour-Package .packages-slider .slick-prev {
        right: 390px;
    }
}

@media screen and (max-width: 1361px) {
    /*.itinerary-map-details-bg{overflow: hidden;}*/
    .testimonial-slider .slick-prev {
        right: 15%;
    }

    .testimonial-slider .slick-next {
        right: 12.5%;
    }
    /*.testimonial-slider .slick-next:hover, .testimonial-slider .slick-next:focus{right: 12.5%;}
    .testimonial-slider .slick-prev:hover, .testimonial-slider .slick-prev:focus{right: 15%;}*/

    .tour-details h4 {
        font-size: 13px;
    }

    .tour-price h5 {
        font-size: 15px;
    }

    .tour-Package {
        margin: -140px 0 0 0px;
    }

        .tour-Package .packages-slider .slick-next {
            right: 19.8%;
        }

        .tour-Package .packages-slider .slick-prev {
            right: 21.8%;
        }

    .bus-car-info {
        margin: -326px 15px 0 0;
    }
}

@media screen and (max-width: 1309px) {
    .itinerary-map-details-bg {
        padding: 40px 20px 17px;
    }

    .itinerary-map-text h1 {
        font-size: 25px;
    }

    .darshan-select {
        margin: 0;
    }

    .map-itinerary-img {
        right: 34px;
        bottom: -254px;
        width: 34%;
    }

    .itinerary-slider .slick-next:before, .itinerary-slider .slick-prev:before {
        font-size: 24px;
        line-height: 38px;
    }

    .itinerary-slider .slick-next, .itinerary-slider .slick-prev {
        width: 38px;
        height: 38px;
    }
}

@media screen and (max-width: 1279px) {
    .customer-list {
        margin: 0 0 0 46px;
    }

    .testimonial-Explore-head {
        font-size: 70px;
    }

    .testimonial-slider-bg {
        width: 1400px;
    }

    .bus-car-info {
        margin: -300px 15px 0 0;
    }
}

@media screen and (max-width: 1199px) {
    .customer-list {
        width: 95%;
        margin: 0px;
    }

    .head-call ul li {
        width: 100%;
        text-align: left;
        border-right: none;
    }

    .itinerary-menu .navbar-light .navbar-nav .nav-link {
        line-height: 40px;
        font-size: 14px;
    }

    .itinerary-menu .dropdown-menu li a {
        font-size: 12px;
    }

    .darshan-head-bg {
        top: 35px;
    }

    .darshan-head h1 {
        font-size: 21px;
    }

    .itinerary-slider .slick-prev {
        width: 40px;
        height: 40px;
    }

        .itinerary-slider .slick-prev::before {
            font-size: 25px;
            line-height: 40px;
        }

    .itinerary-slider .slick-next {
        width: 40px;
        height: 40px;
    }

        .itinerary-slider .slick-next::before {
            font-size: 25px;
            line-height: 40px;
        }

    .itinerary-map-details-bg {
        overflow: visible;
    }

    .itinerary-map-details {
        width: 57%;
    }

    .bus-car-info {
        width: 39%;
        margin: -250px 15px 0 0;
    }

        .bus-car-info .nav-tabs .nav-item {
            width: 45%;
        }

        .bus-car-info .nav-tabs .nav-link.active {
            background: #5325a2 url(../../images/PiligrimNew/bus-car-iocn.png) no-repeat left 33px top -54px;
        }

        .bus-car-info .nav-tabs .nav-link {
            background: #f1f1f1 url(../../images/PiligrimNew/bus-car-iocn.png) no-repeat left 33px top 6px;
        }

            .bus-car-info .nav-tabs .nav-link.car-iocn {
                background: #f1f1f1 url(../../images/PiligrimNew/bus-car-iocn.png) no-repeat left -134px top 4px;
            }

                .bus-car-info .nav-tabs .nav-link.car-iocn.active {
                    background: #5325a2 url(../../images/PiligrimNew/bus-car-iocn.png) no-repeat left -134px top -58px;
                }


    .bus-detils ul li {
        font-size: 15px;
    }

        .bus-detils ul li > span {
            font-size: 13px;
        }

    .enquiry-btn-bg {
        margin: 5px 0 0;
        padding: 10px 0px;
    }

    .map-itinerary-img {
        bottom: -238px;
        width: 37%;
    }

    .detail-dwonload p {
        font-size: 14px;
    }

    .enquiry-btn {
        font-size: 15px;
        padding: 12px 0;
    }

    .enquiry-itinerary .form-group {
        margin: 5px 0 10px;
    }

        .enquiry-itinerary .form-group .itinerary-submit .form-control {
            height: 34px;
            font-size: 15px;
            line-height: 36px;
        }

        .enquiry-itinerary .form-group .form-control {
            height: 34px;
            line-height: 34px;
            font-size: 14px;
        }

    .input-half::before {
        font-size: 18px;
        line-height: 34px;
    }

    .dwonload-head {
        margin: 0 45% 0 0;
    }

    .itinerary-map-text p {
        font-size: 13px;
        margin: 0 0 10px;
        line-height: 20px;
    }

    .itinerary-slider .slick-prev {
        left: 5px;
    }

    .itinerary-slider .slick-next {
        right: 5px;
    }

    .detail-dwonload {
        width: 87%;
    }

    .dwonload-itinerary {
        padding: 24px 430px 0 0;
    }

        .dwonload-itinerary ul li {
            padding: 20px 0;
        }

    .testimonial-Explore {
        margin: 0;
    }

    .notes-link a {
        padding: 0px 0px 16px 30px;
    }

    .testimonial-Explore-head {
        font-size: 50px;
        top: 0;
        position: relative;
    }

    .tours-bg {
        margin: 20px 0 0;
    }

    .itinerary-pro-head.itinerarypackages h2 {
        margin: 0;
    }

    .tour-Package {
        margin: -77px 0 0 0px;
    }

    .brands-img img {
        width: 96%;
        max-height: 59px;
    }

    .testimonial-slider .slick-next {
        right: 6.2%;
    }

    .testimonial-slider .slick-prev {
        right: 9.5%;
    }
    /*.testimonial-slider .slick-prev:hover, .testimonial-slider .slick-prev:focus{right: 6.2%;}
    .testimonial-slider .slick-next:hover, .testimonial-slider .slick-next:focus{right: 9.5%;}*/
    .tour-Package .packages-slider .slick-next {
        right: 18.4%;
    }

    .tour-Package .packages-slider .slick-prev {
        right: 21%;
    }

    .itinerary-footer .footer-link {
        width: 20%;
    }

        .itinerary-footer .footer-link:last-child {
            width: 100%;
        }

    .testimonial-slider-bg {
        width: 1400px;
    }

    .tour-Package .tours-box-travel {
        max-width: 1490px;
    }

    .testimonial-itinerary-img .packages-img img {
        height: 170px;
    }

    .itinerary-menu .menu-open li {
        padding: 0px;
    }
}

@media screen and (max-width: 991px) {

    .head-call {
        margin: 0;
        width: 100%;
        padding: 0;
    }

        .head-call ul li {
            border: none;
            text-align: center;
        }

    .itinerary-menu .navbar {
        margin: 0;
        float: right;
        width: 100%;
        position: absolute;
        top: -40px;
        right: 0;
        left: 0;
    }

    .itinerary-menu .dropdown-menu li {
        border: none !important;
    }

    .itinerary-menu .navbar-light .navbar-nav .nav-link {
        padding: 0 15px;
    }

    .bus-car-info .nav-tabs .nav-link.car-iocn, .bus-car-info .nav-tabs .nav-link {
        background-color: #fff;
    }

    .header.itinerary-menu .navbar-light .navbar-toggler {
        margin-right: 0px;
        position: absolute;
        right: 0px;
    }

    .header.itinerary-menu .navbar-light .navbar-toggler {
        top: 50px;
    }

    .itinerary-menu #navbarTogglerDemo02 {
        top: 97px;
    }

    .customer-list {
        width: 81%;
        margin: 0;
        border: none;
        padding: 0;
    }

    .itinerary-header-bg .header .navbar-brand {
        position: relative;
        z-index: 1;
    }

    .itinerary-header-bg .header .navbar {
        padding: 10px 0 0;
    }

    .itinerary-map-details-bg {
        padding: 40px 20px 17px;
    }

    .itinerary-menu .menu-open li {
        width: 100%;
        border: none;
        border-bottom: 1px solid #fff;
    }

    .itinerary-map-details {
        width: 100%;
        margin: 30px 0 20px;
    }

    .itinerary-map-details-bg:before {
        width: 115%;
    }

    .bus-car-info {
        width: 60%;
        margin: 0 auto;
        float: none;
        clear: both;
    }

        .bus-car-info .nav-tabs .nav-item {
            width: 150px;
        }

        .bus-car-info .nav-tabs {
            margin: 0;
        }

    .map-itinerary-img {
        position: relative;
        padding: 0 0 10px;
        width: 100%;
        max-width: 400px;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: 0 auto;
        float: none;
        clear: both;
    }

    .dwonload-head {
        margin: 0;
    }

    .dwonload-itinerary {
        padding: 20px 0 0;
    }

    .testimonial-Explore-head {
        font-size: 40px;
        min-height: 10px;
        background-size: cover;
        padding: 15px 0;
    }

    .testimonial-itinerary-img .packages-img img {
        height: 150px;
    }

    .experiences-img img {
        height: 120px;
    }

    .our-brands h2 {
        font-size: 28px;
        margin: 15px 0px 12px 0;
    }

    footer {
        margin: 20px 0 0;
    }

    .itinerary-footer .footer-content {
        padding: 30px 0 10px;
    }

    .experiences-img .pilgrim-banner-text {
        margin: -36px 0 0;
        font-size: 24px;
    }

    .dwonload-itinerary ul {
        padding: 0px;
    }

    .detail-dwonload {
        width: 88%;
        padding: 0px;
    }

    .tour-Package {
        margin: -47px 0 0 0px;
    }

        .tour-Package .tours-box-travel {
            width: 137%;
        }

        .tour-Package .packages-slider .slick-prev {
            right: 9.5%;
        }

        .tour-Package .packages-slider .slick-next {
            right: 6%;
        }

    .testimonial-slider-bg {
        width: 124%;
    }

    .itinerary-footer .footer-link {
        width: 33.3%;
        min-height: 10px;
        margin: 0 0 20px;
    }

        .itinerary-footer .footer-link:last-child {
            width: 33.3%;
        }

        .itinerary-footer .footer-link.fot-arrow.footer-media {
            clear: left;
        }

    .bus-car-info-bg {
        overflow: hidden;
    }

    .navbar-expand-lg .navbar-nav {
        margin: 0px !important;
    }

    .testimonial-slider .slick-next {
        right: 3.2%;
    }

    .testimonial-slider .slick-prev {
        right: 7.5%;
    }

    .navbar-light .navbar-nav .nav-link {
        text-align: left;
    }

    .itinerary-header-bg .header .navbar-brand img {
        width: 140px;
    }

    .menu-open li.home-iocn {
        width: 100%;
        padding: 0px 25px;
    }
}

@media screen and (max-width: 767px) {

    .testimonial-itinerary-img .packages-img img {
        height: 105px;
    }

    .itinerary-side-img {
        width: 90px;
        bottom: -29px;
        margin-left: 10px;
    }

    .head-call {
        margin: -31px 0 0;
        width: 100%;
        position: absolute;
        padding: 0 0 0 60px;
    }

    .customer-list ul li {
        width: 24%;
    }

    .customer-list ul {
        padding: 0px;
    }

    .customer-list {
        width: 100%;
        margin: 10px auto 0;
    }

    .header .navbar-light .navbar-toggler {
        top: 32px;
    }

    .header.itinerary-menu .navbar-light .navbar-toggler {
        top: 45px;
    }

    .bus-car-info {
        width: 80%;
    }

    .detail-dwonload {
        width: 84%;
    }

    .testimonial-slider-bg {
        width: 100%;
        margin: -50px 0 0px;
    }

    .packages-slider .tour-box, .testimonial-slider-img {
        margin: 0 5px;
    }

    .tour-Package .tours-box-travel {
        width: 100%;
        margin: 0px;
    }

    .testimonial-slider-img img {
        width: 100%;
    }

    .tour-Package {
        margin: 0px;
    }

    .testimonial-slider .slick-next {
        right: 20px;
    }

    .testimonial-slider .slick-prev {
        right: 60px;
    }

    .testimonial-slider .slick-next:hover, .testimonial-slider .slick-next:focus {
        right: 20px;
    }

    .testimonial-slider .slick-prev:hover, .testimonial-slider .slick-prev:focus {
        right: 60px;
    }

    .tour-Package .packages-slider .slick-next {
        right: 20px;
    }

    .tour-Package .packages-slider .slick-prev {
        right: 60px;
    }

    .experiences-img .pilgrim-banner-text {
        font-size: 20px;
    }

    .itinerary-footer .footer-content {
        padding: 25px 0 10px;
    }

    .itinerary-header-bg .header .navbar-brand img {
        width: 122px;
    }

    .map-itinerary-img {
        padding: 0 0 20px;
    }

    .itinerary-img img {
        max-width: 170%;
    }
}

@media screen and (max-width: 540px) {
    .itinerary-pro-head h2 {
        font-size: 26px;
    }

    .header.itinerary-menu .navbar-light .navbar-toggler {
        top: 50px;
        right: 10px;
    }

    .itinerary-menu #navbarTogglerDemo02 {
        top: 107px;
    }

    .darshan-head h1 {
        font-size: 18px;
    }

    .darshan-head-bg {
        top: 13px;
        padding: 0 0 0 20px;
    }

    .itinerary-side-img {
        margin-left: 0px;
    }

    .itinerary-map-details-bg::before {
        display: none;
    }

    .itinerary-map-details-bg {
        padding: 30px 10px 0;
    }

    .itinerary-map-text h1 {
        margin: 0 0 16px;
        font-size: 20px;
    }

    .darshan-select {
        margin: 50px 0 0px;
    }

    .bus-car-info {
        width: 100%;
    }

    .notes-link a {
        padding: 0px 0px 10px 30px;
    }

    .itinerary-pro-head {
        font-size: 24px;
        left: 0px;
    }

    .testimonial-itinerary-img .itinerary-pro-head {
        padding: 0 0 0 15px;
    }

    .testimonial-slider .slick-prev {
        top: -65px;
    }

    .testimonial-slider .slick-next {
        top: -65px;
    }

    .testimonial-Explore-head {
        font-size: 43px;
    }

    .tour-Package {
        margin: -15px 0 0px;
    }

    .testimonial-itinerary-img .packages-img img {
        height: 100px;
    }

    .itinerary-footer .footer-content ul h4 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .itinerary-footer .footer-link {
        margin: 0 0 10px;
        width: 50% !important;
    }

        .itinerary-footer .footer-link.fot-arrow.footer-careers, .itinerary-footer .footer-link.fot-arrow.footer-logins {
            clear: left;
        }

        .itinerary-footer .footer-link.fot-arrow.footer-media {
            clear: right;
        }


    .experiences-img .pilgrim-banner-text {
        margin: -40px 0 0;
    }

    .our-brands {
        margin: -70px 0 0;
    }

    .itinerary-menu .navbar-light .navbar-nav .nav-link {
        font-size: 16px;
        line-height: 50px;
    }

    .menu-open li {
        border-top: 1px solid rgb(255, 255, 255);
    }
}

@media screen and (max-width: 488px) {
    .journey-from ul li p {
        font-size: 13px;
    }

    .journey-from ul li a {
        font-size: 15px;
    }

    .journey-from ul li {
        width: 45%;
    }

    .journey-from-content .form-control {
        font-size: 13px;
    }

    .journey-from-content .date-select .form-group {
        width: 48.5%;
    }

    .journey-from-content ul li {
        width: auto;
        padding: 0px 11px;
    }

    /*.bus-car-info .nav-tabs{padding: 0 39px;}*/
    .detail-dwonload {
        width: 84%;
    }

    .search-fot-bg h6 {
        padding: 0 23px;
    }

    .pikup-point-text {
        width: 76%;
    }

    .rest-pepope-link ul li {
        padding: 0 10px;
    }
}

@media screen and (max-width: 480px) {
    .home-slider .slick-slide img {
        width: 100%;
    }

    .journey-from ul li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #595959;
        padding: 10px 0px;
    }

        .journey-from ul li:nth-child(2) {
            width: 66%;
            border: none;
            padding: 9px 0px;
        }

    .journey-from {
        margin-top: -84px;
    }

    .choose-journey-from {
        padding: 0px 15px;
        margin: 15px 0 0 0px;
    }

    .journey-from-content .date-select .form-group {
        margin: 0px;
        width: 100%;
    }

    .journey-from-content ul li {
        width: auto;
        padding: 0px;
    }

    .journey-from-content h3 {
        font-size: 18px;
    }

    .offer-bus ul li {
        width: 30%;
        margin: 0;
    }

        .offer-bus ul li img {
            width: 100%;
        }

    .tour-list h2 {
        font-size: 19px;
        margin: 15px 0 0;
    }

        .tour-list h2:after {
            left: 163px;
            width: 71px;
            top: 9px;
        }

    .tours-travel-slider .slick-prev {
        right: 314px;
        top: -43px;
    }

    .tours-travel-slider .slick-next {
        right: 280px;
        top: -43px;
    }

    .offer-img img {
        min-height: 140px;
        object-fit: cover;
    }

    .pilgrim-banner-text {
        font-size: 20px;
    }

    .footer-copyright-text ul {
        width: auto;
        text-align: center;
    }

        .footer-copyright-text ul li {
            float: none;
            display: inline-block;
        }

    .copy-right-text {
        font-size: 13px;
    }

    .footer-content ul li {
        float: none;
        display: inline-block;
    }
    /*	.brands-slider img{width: 100%;}*/
    .our-brands:before {
        height: 110px;
    }

    .tours-travel-slider .slick-next:hover, .tours-travel-slider .slick-next:focus {
        right: 280px;
    }

    .tours-travel-slider .slick-prev:hover, .tours-travel-slider .slick-prev:focus {
        right: 314px;
    }

    .head-call {
        top: 15px;
        margin: 0;
        padding: 0 0 0 100px;
        text-align: center;
    }

    .customer-bg {
        margin: 42px 0 0px;
    }

    .darshan-head {
        font-size: 16px;
    }

    .darshan-select select {
        margin: -6px 0 0 0;
    }

    .itinerary-side-img img {
        width: 70px;
    }

    /*.itinerary-slider img {
        width: 100%;
        height: 170px;
        object-fit: cover;
    }*/

    /*.bus-car-info .nav-tabs .nav-item{width: 93px;}*/
    /*.bus-car-info .nav-tabs .nav-link{font-size: 0px;}*/
    .bus-detils {
        padding: 10px 15px 20px;
    }
        /*.bus-detils ul li > span{font-size: 12px;}*/
        .bus-detils ul li span b {
            font-size: 16px;
        }

            .bus-detils ul li span b span {
                font-size: 16px;
            }
    /*.bus-detils ul li label{width: 71px;}*/
    /*.bus-detils ul li{font-size: 11px;}*/
    .enquiry-btn-bg {
        padding: 15px 2px;
    }

    .enquiry-itinerary .form-group .itinerary-submit .form-control {
        font-size: 13px;
    }

    .itinerary-pro-head {
        font-size: 25px;
    }

    .detail-dwonload {
        width: 78%;
        padding: 0px;
    }

    .customer-list ul li:nth-child(2), .customer-list ul li:nth-child(3) {
        width: 33%;
    }

    .date-dwonload {
        margin: 0 0 13px;
    }

    .itinerary-side-img {
        bottom: -24px;
        width: auto;
    }

    .search-rout {
        font-size: 15px;
    }

    .search-list-head {
        padding: 0px 10px;
    }

    .rout-info-rgt {
        width: 100%;
    }

    .rout-info-lft {
        width: 100%;
    }

    .search-fot-bg h6 {
        width: 100%;
        border-bottom: 1px solid #836ebe;
    }

    .select-rout {
        width: 100%;
    }

    .rout-info-rgt.sealect-rout {
        width: 100%;
        margin: 6px 0 0;
    }

    .bus-seat-ctn {
        width: 90%;
        padding: 15px 20px;
    }

    .passenger-bg {
        padding: 18px 10px 0;
    }

    .passenger-text {
        width: 50%;
        padding: 0 0 0 10px;
    }

        .passenger-text p {
            font-size: 14px;
        }

    .amenities-list ul {
        width: 100%;
    }

        .amenities-list ul li:last-child {
            border-bottom: 1px solid #d5dfea;
        }

    .amenities-list {
        border-bottom: none;
    }

    .aboutus-tab-detail .nav-tabs .nav-item {
        width: 33%;
    }

    .select-total h5 {
        font-size: 17px;
    }

    .pikup-point-text {
        padding: 5px 0 0;
        width: 100%;
    }

    .boarding-point-check {
        padding: 0 25px 0;
    }

    .enquiry-itinerary .form-group .form-control {
        height: 44px;
        font-size: 15px;
        line-height: 44px;
    }

    .input-half::before {
        line-height: 44px;
        font-size: 22px;
    }

    .enquiry-itinerary .form-group .itinerary-submit .form-control {
        height: 44px;
        font-size: 15px;
        line-height: 44px;
    }

    .enquiry-now-btn a span {
        background-position: left 10px;
        padding: 14px 0 12px 32px;
        background-size: 24px;
    }

    /*journey-information page*/
    .ticket-detils {
        padding: 0 20px;
    }

    .ticket-card:before {
        display: none;
    }

    .ticket-card:after {
        display: none;
    }

    .ticket-card {
        padding: 0px;
    }

    .ticket-card-bg:before {
        height: 100%;
    }

    .ticket-card-bg:after {
        height: 100%;
    }

    .ticket-info:after {
        display: none;
    }

    .ticket-info:before {
        display: none;
    }

    .ticket-point-lft {
        width: 100%;
        margin: 0 0 15px;
    }

    .ticket-point {
        padding: 15px 15px 0;
    }

    .ticket-point-rgt {
        text-align: left;
    }

    .city-name {
        border-top: 1px solid #863a8d;
        border-bottom: 1px solid rgba(134,58,141,0.70);
        margin: 0;
    }

    .passenger-name {
        width: 100%;
    }

    .passenger-age {
        width: 50%;
        padding: 0px;
    }

    .passenger-select-check {
        width: auto;
        margin: 5px 0 0px;
    }

    .discount-btn-bg button {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

    .cancel-btn {
        margin: 0 4px 0 0px;
    }

    .sort-filter-content {
        padding: 0px 15px;
        text-align: center;
    }

    .sort-box .check-point-lft ul li {
        width: 192px;
        margin: 0px;
        display: inline-block;
        float: none;
    }

    .sort-filter-btn button {
        line-height: 40px;
        padding: 0 10px;
        font-size: 15px;
    }

    .sort-filter-popup .modal-title {
        font-size: 20px;
    }

    .sort-filter-popup .modal-header {
        padding: 5px 16px;
    }

        .sort-filter-popup .modal-header .close img {
            width: 22px;
        }

    .cancel-btn {
        vertical-align: top;
    }
    /*about us*/
    .aboutus-tab-detail .nav-tabs .nav-item {
        width: 50%;
    }

    .boading-dropping-bg .nav-tabs .nav-link {
        font-size: 15px;
    }

    .boarding-point-city {
        width: 83%;
    }

    .boarding-point-time {
        width: 17%;
    }

    .aboutus-tab-detail .aboutbus-tab-content .nav-item {
        width: 20%;
    }

    .rest-detils .amenities-head {
        padding: 0 10px;
    }

    .amenities-head h5 {
        font-size: 16px;
    }

        .amenities-head h5 b {
            font-size: 13px;
        }

    .rest-pepope-link {
        padding: 25px 10px 25px;
    }

        .rest-pepope-link ul li {
            width: 100%;
            text-align: center;
            margin: 0 0 15px;
        }

    .boarding-detils {
        padding: 0 10px;
    }

    /*itinerary page*/

    .itinerary-slider .slick-prev {
        width: 30px;
        height: 30px;
        left: 15px;
    }

        .itinerary-slider .slick-prev::before {
            line-height: 30px;
            font-size: 19px;
        }

    .itinerary-slider .slick-next {
        width: 30px;
        height: 30px;
        right: 15px;
    }

        .itinerary-slider .slick-next::before {
            line-height: 30px;
            font-size: 19px;
        }

    .itinerary-map-text h1 {
        width: 100%;
    }

    .darshan-select {
        width: 190px;
        float: left;
        margin: 0 auto 10px;
    }

    .testimonial-Explore-head {
        font-size: 28px;
    }

    .customer-list ul li a, .customer-list ul li a span {
        font-size: 12px;
        line-height: normal;
    }

    .customer-list ul li.topbuls a::before, .customer-list ul li.topbuls a::after {
        width: 8px;
        height: 8px;
        top: 2px;
    }

    .customer-list ul li.topbuls a:before {
        left: -16px;
    }

    .customer-list ul li.topbuls a:after {
        right: -14px;
    }

    .itinerary-menu .navbar {
        left: 0;
        right: 0;
    }

    .notes-link a:hover:before {
        background-position: top -176px left;
    }

    .brands-img img {
        max-height: inherit;
    }

    .itinerary-footer .footer-content ul li span {
        width: auto;
    }

    .bus-detils ul li > span {
        font-size: 12px;
    }
}

@media screen and (max-width: 475px) {
    .aboutbus-tab h6 {
        font-size: 9px;
    }
}

@media screen and (max-width: 449px) {
    .header_bg .container {
        padding: 0;
    }

    .itinerary-header-bg .header .navbar-brand img {
        width: 80px;
        margin-left: 10px;
    }

    .head-call {
        padding: 0 0 0 98px;
    }

    .customer-list ul li {
        width: 100%;
        max-width: 90px;
    }

        .customer-list ul li:nth-child(2), .customer-list ul li:nth-child(3) {
            width: 100%;
            max-width: 128px;
        }

        .customer-list ul li a, .customer-list ul li a span {
            font-size: 10px;
            line-height: normal;
        }

    .head-call ul li a span {
        margin: 0 5px 0 0;
    }

    .head-call ul li a {
        font-size: 14px;
    }

    .head-call ul li {
        padding: 0;
        width: auto;
        min-width: 200px;
    }
}

@media screen and (max-width: 420px) {

    .head-call ul li a.mail-text {
        font-size: 13px;
    }

    .head-call ul li a {
        font-size: 15px;
    }

    .itinerary-map-text h1 {
        width: auto;
    }

    .copy-right-text {
        font-size: 14px;
    }

    .footer-copyright-text ul {
        padding: 0;
        display: inline-block;
        float: none;
    }

        .footer-copyright-text ul li {
            margin: 0 2px 0 0px;
        }

    .footer-content ul li a, .itinerary-footer .footer-content ul li {
        font-size: 14px;
    }

    .experiences-img .pilgrim-banner-text {
        font-size: 18px;
    }

    .footer-copyright {
        text-align: center;
    }

    .copy-right-text {
        width: 100%;
    }
}

@media screen and (max-width: 395px) {
    .bus-car-info .nav-tabs .nav-item {
        width: 90px;
    }

    .bus-car-info .nav-tabs .nav-link {
        font-size: 0;
    }

        .bus-car-info .nav-tabs .nav-link.car-iocn {
            background: #fff url(../../images/PiligrimNew/bus-car-iocn.png) no-repeat left -123px top 4px;
        }

            .bus-car-info .nav-tabs .nav-link.car-iocn.active {
                background: #5325a2 url(../../images/PiligrimNew/bus-car-iocn.png) no-repeat left -123px top -58px;
            }

    .aboutus-tab-detail .aboutbus-tab-content .nav-item {
        width: 33%;
    }

    .aboutbus-tab h6 {
        font-size: 11px;
    }

    .bus-detils ul li label {
        width: 90px;
        font-size: 12px;
        padding: 5px 0 0;
    }

    .bus-detils .tab-pane ul li label {
        padding: 10px 0 0;
    }

    .bus-detils {
        padding: 10px 10px 20px;
    }

        .bus-detils ul li > span {
            font-size: 12px;
            height: auto;
            line-height: normal;
            padding: 5px 0 5px 10px;
        }

        .bus-detils ul li {
            line-height: normal;
            height: auto;
        }

    .enquiry-itinerary .form-group .form-control {
        font-size: 14px;
        line-height: 44px;
        padding: 5px 0 0 50px;
    }

    .enquiry-itinerary .form-group .itinerary-submit .form-control {
        font-size: 12px;
    }

    .itinerary-pro-head h2 {
        font-size: 16px;
    }

    .tours-itinerary-pro-img > img {
        height: 90px;
    }

    .itinerary-footer .footer-link {
        margin: 0 0 10px;
        width: 100% !important;
    }

    .testimonial-Explore-head {
        font-size: 24px;
    }

    .dwonload-itinerary {
        padding: 0;
    }

    .detail-dwonload {
        width: 72%;
    }

    .testimonial-itinerary-img img {
        height: 120px;
    }

    .testimonial-slider .slick-prev, .testimonial-slider .slick-next {
        top: -30px;
    }
}

@media screen and (max-width: 359px) {
    .header .navbar-light .navbar-toggler {
        height: 26px;
        width: 26px;
    }

    .navbar-icon span:nth-child(1), .navbar-icon span:last-child {
        width: 12px;
    }

    .navbar-icon span {
        width: 66%;
        height: 1px;
        margin: 0 0 3px;
    }

    button.navbar-toggler[aria-expanded="true"] .navbar-icon span:nth-child(3), button.navbar-toggler[aria-expanded="true"] .navbar-icon span:nth-child(2) {
        width: 16px;
    }

    .head-call {
        padding: 0 0 0 98px;
    }

        .head-call ul li a {
            font-size: 13px;
        }

            .head-call ul li a span {
                font-size: 16px;
            }

            .head-call ul li a.mail-text {
                font-size: 11px;
            }

        .head-call ul li {
            min-width: 170px;
        }

    .customer-list ul li a, .customer-list ul li a span {
        font-size: 9px;
    }

    .customer-list ul li {
        max-width: 80px;
    }

        .customer-list ul li:nth-child(2), .customer-list ul li:nth-child(3) {
            max-width: 112px;
        }

        .customer-list ul li.topbuls a::before, .customer-list ul li.topbuls a::after {
            width: 6px;
            height: 6px;
        }
}