* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

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

@font-face {
    font-family: 'helveticaneue-01-webfont';
    src: url('../fonts/helveticaneue-01-webfont.woff') format('woff'), url('../fonts/helveticaneue-01-webfont.woff2') format('woff2');
    font-weight: normal;
}

@font-face {
    font-family: 'helveticaneue-bold-02-webfont';
    src: url('../fonts/helveticaneue-bold-02-webfont.woff') format('woff'), url('../fonts/helveticaneue-bold-02-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'helveticaneue-condensedblack-10-webfont';
    src: url('../fonts/helveticaneue-condensedblack-10-webfont.woff') format('woff'), url('../fonts/helveticaneue-condensedblack-10-webfont.woff2') format('woff2');
    font-weight: bolder;
}

@font-face {
    font-family: 'helveticaneue-condensedbold-05-webfont';
    src: url('../fonts/helveticaneue-condensedbold-05-webfont.woff') format('woff'), url('../fonts/helveticaneue-condensedbold-05-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'helveticaneue-light-08-webfont';
    src: url('../fonts/helveticaneue-light-08-webfont.woff') format('woff'), url('../fonts/helveticaneue-light-08-webfont.woff2') format('woff2');
}

@font-face {
    font-family: 'helveticaneue-medium-11-webfont';
    src: url('../fonts/helveticaneue-medium-11-webfont.woff') format('woff'), url('../fonts/helveticaneue-medium-11-webfont.woff2') format('woff2');
}

body {
    margin: 0;
    padding: 0;
    font-family: 'HelveticaNeue', sans-serif !important;
    background-color: var(--pure);
}

#demo {
    width: 100%;
    max-width: 1920px;
    clear: both;
    margin: 0 auto;
}

.btn-grid {
    width: 3%;
    padding: 0 0 0 10px;
    position: fixed;
    top: 800px;
    z-index: 5;
    right: 0;
}

.btnbody {
    height: 30px;
    width: 30px;
    border: 1px solid #000;
    cursor: pointer;
    margin: 10px 0 0;
}

.btn-tomato {
    background-color: #fff;
}

.btn-violet {
    background-color: #1f1f1f;
}

:root {
    --primary-color: #1F1F1F;
    --secondary-color: #2D3FA8;
    --tertiary-color: #F3F3F3;
    --button-color: #F4CC08;
    --pure: #fff;
}

::selection {
    background-color: var(--primary-color);
    color: var(--pure);
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb {
    width: 3px;
    height: 3px;
    background-color: var(--button-color);
}

a {
    text-decoration: none !important;
    cursor: pointer;
}

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

img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label {
    margin: 0 !important;
}

.fw-400 {
    font-weight: 400;
}

.fw-700 {
    font-weight: 700;
}

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

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

body .container-full {
    width: 100%;
    max-width: 1760px;
    margin: 0 auto;
}

.maxwidth {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

/*Gel Link popup style*/

.link_popup .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation24.MuiDialog-paper.MuiDialog-paperScrollPaper.MuiDialog-paperWidthXl.css-2rbg70-MuiPaper-root-MuiDialog-paper {
    max-height: 395px !important;
    max-width: 550px !important;
    border-radius: 20px;
}

.popupcloselinkbtn {
    float: right;
    padding: 14px;
}

    .popupcloselinkbtn i {
        font-size: 20px;
        color: var(--button-color);
        cursor: pointer;
    }

        .popupcloselinkbtn i:hover {
            color: var(--secondary-color);
        }

.loginbkpopup.applinks {
    float: left;
    width: 100%;
    padding: 20px;
}

.popuserdetail label {
    font-size: 18px;
    padding: 0 0 8px;
    color: var(--secondary-color);
    font-weight: 500;
}

.loginbkpopup .popuserdetail input {
    /* width: 100%; */
    border: none;
    outline: none;
    background-color: var(--pure);
    padding: 0 0 0 18px;
    height: 45px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #888;
    border: 1px solid rgb(31 31 31 / 20%) !important;
}

.loginbkpopup .popuserdetail.popuserdetailbutton {
    padding: 40px 0 0;
    text-align: center;
}

.loginbkpopup .popuserdetail span.redclr {
    color: red;
    position: absolute;
    left: 10px;
    bottom: -21px;
    font-size: 13px;
}

.loginbkpopup .popuserdetail.popuserdetailbutton button {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    background-color: var(--button-color);
    color: var(--secondary-color);
    border: none;
    border-radius: 50px;
    width: 100%;
    height: 40px;
}

    .loginbkpopup .popuserdetail.popuserdetailbutton button:hover, .loginbkpopup .popuserdetail.popuserdetailbutton button:focus {
        background-color: var(--secondary-color);
        color: var(--pure);
    }



/* Header Style Start header */
.header {
    width: 100%;
    float: left;
    clear: both;
}

.topheader {
    width: 100%;
    float: left;
    background-color: var(--primary-color);
    padding: 20px 0 20px;
}

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

.leftheader {
    float: left;
}

    .leftheader a {
        display: inline-block;
        vertical-align: middle;
    }

        .leftheader a img {
            width: 100%;
            max-width: 200px;
        }

.rightheader {
    float: right;
    padding: 13px 0 0;
}

.sliderwrapper .carousel .slide img {
    max-width: 820px;
    width: 100%;
}

/* Toggle Menu Style  */

.headermenu {
    position: relative;
    padding: 0 60px 0 0;
    display: inline-block;
    vertical-align: middle;
}

    .headermenu .navbar-inverse {
        background-color: transparent;
        border: none;
        float: none;
        margin: 0;
        min-height: 10px;
        width: 100%;
        border-radius: 0;
        position: relative;
        z-index: 9;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

        .headermenu #myNavbar,
        .headermenu .navbar-inverse .container-fluid {
            padding: 0;
        }

    .headermenu .navbar-toggle .icon-bar {
        background: var(--maincolor);
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        margin-top: 4px;
    }

    .headermenu .navbar-inverse .navbar-nav {
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
    }

    .headermenu .navbar-header {
        float: left;
    }

    .headermenu .navbar-collapse {
        padding: 0;
    }

    .headermenu .signupmobile {
        display: none;
    }

    .headermenu .navbar-inverse .navbar-nav > li:first-child {
        margin: 0;
    }

    .headermenu .navbar-inverse .navbar-nav > li {
        display: inline-block;
        position: relative;
        margin: 0 0 0 60px;
        vertical-align: middle;
    }

        .headermenu .navbar-inverse .navbar-nav > li > a {
            display: inline-block;
            text-decoration: none;
            list-style-type: none;
            color: var(--tertiary-color);
            font-size: 16px;
            font-weight: 400;
            padding: 0;
            transition: all .5s;
        }

            .headermenu .navbar-inverse .navbar-nav > .active > a,
            .headermenu .navbar-inverse .navbar-nav > .active > a:focus,
            .headermenu .navbar-inverse .navbar-nav > .active > a:hover,
            .headermenu .navbar-inverse .navbar-nav > li > a:hover {
                color: var(--button-color);
                transition: all .5s;
            }

.sec-center {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.accountmenu {
    display: inline-block;
    vertical-align: middle;
}

    .accountmenu ul li a {
        color: var(--pure);
    }

        .accountmenu ul li a:hover, .accountmenu ul li a:focus {
            color: var(--button-color);
        }

.section-dropdown ul {
    padding: 0;
    margin: 0;
}

    .section-dropdown ul li {
        display: block;
        list-style: none;
        padding: 5px 0;
    }

        .section-dropdown ul li a {
            color: var(--primary-color);
            font-size: 16px;
            font-weight: 400;
        }

            .section-dropdown ul li a:hover, .section-dropdown ul li a:focus {
                color: var(--button-color);
            }

.thirdsec {
    position: relative;
    z-index: 9;
    display: inline-block;
    vertical-align: middle;
}

.afterloginicon {
    display: inline-block;
    vertical-align: middle;
}

    .afterloginicon [type="checkbox"]:checked,
    .afterloginicon [type="checkbox"]:not(:checked) {
        position: absolute;
        left: -9999px;
        opacity: 0;
        pointer-events: none;
    }

    .afterloginicon .dropdown:checked + label, .dropdown:not(:checked) + label {
        text-align: center;
        border: none;
        position: relative;
        transition: all 200ms linear;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        background-image: url("../images/icon01.svg");
        background-position: center -10px;
        background-repeat: no-repeat;
        margin: 0 0 0 23px !important;
        height: 30px;
        width: 30px;
    }

        .afterloginicon .dropdown:checked + label:before, .dropdown:not(:checked) + label:before {
            position: fixed;
            top: 0;
            left: 0;
            content: '';
            width: 100%;
            height: 100%;
            z-index: -1;
            cursor: auto;
            pointer-events: none;
        }

        .afterloginicon .dropdown:checked + label:before {
            pointer-events: auto;
        }

        .afterloginicon .dropdown:checked + label .uil {
            transform: rotate(180deg);
            font-size: 24px;
            margin-left: 10px;
            transition: transform 200ms linear;
        }

.section-dropdown {
    position: absolute;
    padding: 22px 35px 0 28px;
    background-color: var(--pure);
    top: 50px;
    right: 0;
    width: 236px;
    height: 320px;
    border-radius: 20px;
    display: block;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: all 200ms linear;
    box-shadow: 0 4px 4px rgba(0 0 0 / 25%);
}

    .section-dropdown a {
        font-weight: 400;
        font-size: 16px;
        color: #000;
    }

.dropdown:checked ~ .section-dropdown {
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
    transform: translateY(0);
}

.section-dropdown:before {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    content: '';
    display: block;
    z-index: 1;
}

.afterloginicon02 {
    display: inline-block;
    vertical-align: middle;
}

    .afterloginicon02 [type="checkbox"]:checked,
    .afterloginicon02 [type="checkbox"]:not(:checked) {
        position: absolute;
        left: -9999px;
        opacity: 0;
        pointer-events: none;
    }

    .afterloginicon02 .dropdown02:checked + label, .dropdown02:not(:checked) + label {
        text-align: center;
        border: none;
        position: relative;
        transition: all 200ms linear;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        background-image: url("../images/icon01.svg");
        background-position: center -235px;
        background-repeat: no-repeat;
        margin: 0 0 0 23px !important;
        height: 30px;
        width: 30px;
    }

        .afterloginicon02 .dropdown02:checked + label:before, .dropdown02:not(:checked) + label:before {
            position: fixed;
            top: 0;
            left: 0;
            content: '';
            width: 100%;
            height: 100%;
            z-index: -1;
            cursor: auto;
            pointer-events: none;
        }

        .afterloginicon02 .dropdown02:checked + label:before {
            pointer-events: auto;
        }

        .afterloginicon02 .dropdown02:checked + label .uil {
            transform: rotate(180deg);
            font-size: 24px;
            margin-left: 10px;
            transition: transform 200ms linear;
        }

.section-dropdown02 {
    position: absolute;
    padding: 7px 30px 0 28px;
    background-color: var(--pure);
    top: 50px;
    right: 0;
    width: 401px;
    height: 179px;
    border-radius: 20px;
    display: block;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: all 200ms linear;
    box-shadow: 0 4px 4px rgba(0 0 0 / 25%);
}

    .section-dropdown02 a {
        font-weight: 400;
        font-size: 16px;
        color: #000;
    }

.dropdown02:checked ~ .section-dropdown02 {
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
    transform: translateY(0);
}

.section-dropdown02:before {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    content: '';
    display: block;
    z-index: 1;
}

.nt-dropdown {
    width: 100%;
    float: left;
}

    .nt-dropdown .profilent p {
        padding: 18px 0;
        font-size: 13px;
        border-bottom: 1px solid #e1e1e1;
        color: #000;
        font-weight: 400;
    }

    .nt-dropdown .profilent .close {
        padding: 15px 0 0;
    }

        .nt-dropdown .profilent .close i {
            font-size: 11px;
        }

    .nt-dropdown .profilentlast p {
        border-bottom: none;
    }

.linksignout, .linktrackbus {
    border-top: 1px solid #e1e1e1;
    padding: 15px 0 5px !important;
    margin: 10px 0 0;
}

.linksignout {
    padding: 15px 0 25px !important;
}

.afterfeedback {
    display: none !important;
}

.aftersignupmobile {
    display: none;
}

.pull-left {
    float: left !important;
}

.navbar-toggle {
    display: none;
    position: relative;
}

.cssmenu {
    float: left;
}

.btnafterlogin {
    display: none;
}

/* leftmenu end */

.signup {
    display: inline-block;
    vertical-align: middle;
}

    .signup a {
        background-color: var(--button-color);
        border-radius: 50px;
        font-size: 14px;
        color: var(--primary-color);
        line-height: 20px;
        border: none;
        padding: 10px 22px;
        transition: all .5s;
        box-shadow: none !important;
    }

        .signup a:hover, .signup a:focus {
            background-color: var(--pure);
            transition: all .5s;
            box-shadow: none !important;
        }

/* Header Style Start header */

/* Hero Section Style Start Here */

.hero {
    width: 100%;
    float: left;
    clear: both;
}

.herosection {
    width: 100%;
    float: left;
    position: relative;
}

    .herosection .carousel {
        height: 100%;
    }

.sliderwrapper {
    width: 100%;
    float: left;
    position: relative;
    background-image: url("../images/main_slider_img.webp");
    background-position: right -25px;
    background-repeat: no-repeat;
    height: 457px;
    margin: 0;
    z-index: 1;
    overflow: hidden;
}

    .sliderwrapper:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.63) 0%, rgba(0, 0, 0, 0) 100%);
    }

.slider_iframe {
    position: absolute;
    content: "";
    right: -47px;
    top: -21px;
    display: inline-block;
}

.slider_content {
    position: relative;
    top: 100px;
}

    .slider_content .container {
        max-width: 1400px;
    }

.slider_text {
    width: 65%;
    float: left;
    display: flex;
    flex-direction: column;
}

    .slider_text h1 {
        font-size: 33px;
        font-weight: 700;
        color: var(--button-color);
        line-height: 40px;
        text-decoration: underline !important;
        display: inline-block;
        padding: 0 0 18px;
    }

.slider_text_btm {
    float: left;
    position: relative;
    padding: 12px 0 0;
    display: flex;
    flex-direction: column;
}

    .slider_text_btm:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 251px;
        height: 3px;
        background-color: #fff;
    }

    .slider_text_btm p {
        display: inline-block;
        font-size: 48px;
        font-weight: 500;
        line-height: 54px;
        color: #fff;
    }

    .slider_text_btm span {
        font-weight: 900;
        animation: color-btn 0.8s linear infinite;
    }

    .slider_text_btm i {
        display: block;
        font-style: normal;
    }

@keyframes color-btn {
    0%,100% {
        color: var(--pure);
    }

    50% {
        color: var(--button-color);
    }
}

.slider_text_btm p.slider_text_dis {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
    padding: 15px 0 0;
}

    .slider_text_btm p.slider_text_dis span {
        font-weight: 600;
        color: var(--button-color);
        display: inline-block;
        font-size: 24px;
        animation: none !important;
    }

.slider_text_btm .slider_note {
    display: inline-block;
    font-style: italic;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    padding: 15px 0 0;
    line-height: normal;
}

/*.sliderwrapper:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 492px;
        background-image: url("../images/mobilesliderbg.svg");
        background-position: left top;
        background-repeat: no-repeat;
    }*/
/*.sliderwrapper:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 100%;
        height: 156px;
        background-color: #1B1B1B;
        clip-path: polygon(0 0, 100% 76%, 100% 100%, 0% 100%);
    }*/
.carousel-caption {
    width: 100%;
    float: left;
    text-align: left !important;
    left: 0 !important;
    right: 0 !important;
    top: 3% !important;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px 0 !important;
}

.captionpart h2 {
    font-size: 34px;
    font-weight: 600;
    color: var(--tertiary-color);
    padding: 0 0 0 20px;
}

.captionpart p {
    padding: 18px 0 0 0 !important;
}

.captionpart {
    float: right;
    width: 100%;
    padding: 0 0 0 22px;
}

    .captionpart h1 {
        font-size: 44px;
        line-height: 50px;
        font-weight: 700;
        color: var(--tertiary-color) !important;
    }

    .captionpart i {
        font-style: normal;
        display: block;
    }

    .captionpart span {
        color: var(--button-color);
    }

    .captionpart p {
        font-size: 20px;
        line-height: 26px;
        font-weight: 500;
        color: var(--tertiary-color);
        padding: 24px 0 0;
    }

    .captionpart label {
        color: var(--button-color);
    }

.slidercontent {
    width: 32%;
    float: right;
}

.slideroffer {
    float: right;
    width: 100%;
    padding: 22px 0 0 26px;
}

    .slideroffer .offer-slide img {
        width: 100%;
        max-width: 327px;
    }

    .slideroffer .row {
        margin: 0 !important;
    }

    .slideroffer .owl-nav {
        right: 18px;
        position: absolute;
        bottom: -40px;
        display: block !important;
    }

    .slideroffer .owl-prev, .slideroffer .owl-next {
        position: absolute;
        right: 35px;
        bottom: 0;
        width: 30px;
        height: 30px;
        top: auto;
    }

        .slideroffer .owl-prev:before, .slideroffer .owl-next:before {
            position: absolute;
            left: 0;
            top: 0;
            margin: 0 auto;
            content: "\f104";
            font-family: fontawesome;
            width: 100%;
            font-size: 22px;
            color: #888;
            line-height: 30px;
        }

        .slideroffer .owl-prev:hover:before, .slideroffer .owl-prev:focus:before, .slideroffer .owl-next:hover:before, .slideroffer .owl-next:focus:before {
            color: var(--button-color);
            text-shadow: 0 0 4px #F4CC08;
        }

        .slideroffer .owl-next:before {
            content: "\f105";
        }

    .slideroffer .owl-next {
        right: 0;
    }

/* Slider Style Start Here */

.carousel {
    padding-top: 0;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

    .carousel > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

/*.carousel .slide {
        display: none;
    }*/

.banner_modal .carousel img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center;
}

.banner_modal .modal-content {
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.carousel-item {
    text-align: center !important;
}

.carousel .slide[data-active] {
    display: block;
}

.carousel .fade {
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.carousel .slide .sliderpopup {
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
    max-width: 750px;
    width: 100%;
    border-radius: 20px;
    position: relative;
    left: 40px;
}

.carousel .slide .VRL_Banner {
    width: 100%;
    max-width: 900px;
    position: relative;
    top: -10px;
    left: -20px;
}

.userdetails {
    width: 100%;
    float: left;
    padding: 30px 0 0;
    text-align: left;
}

    .userdetails label {
        font-size: 20px;
        font-weight: 600;
        display: block;
        color: var(--secondary-color);
        padding: 0 0 15px;
        animation: color-change 1s linear infinite;
    }

@keyframes color-change {
    0%,100% {
        color: var(--secondary-color);
    }

    50% {
        color: #f00;
    }
}

.userdetailspart {
    width: 100%;
    float: left;
    overflow-x: auto;
}

.userdetailsarea {
    width: max-content;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

    .userdetailsarea span {
        color: var(--primary-color);
        font-size: 15px;
        font-weight: 600;
        background-color: rgb(31, 31, 31, 0.12);
        padding: 4px 14px 2px;
        border-radius: 30px;
        cursor: pointer;
    }

.dslistpopup .css-1e6y48t-MuiButtonBase-root-MuiButton-root {
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 0;
    display: block;
    min-width: auto;
    line-height: normal;
    font-size: 22px;
    letter-spacing: inherit;
    color: var(--button-color);
}

.dslistpopup .css-hz1bth-MuiDialog-container {
    transform: none;
    transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    background-color: rgba(0,0,0, 0.5);
}

    .dslistpopup .css-hz1bth-MuiDialog-container .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        width: 100%;
        margin: 15px;
        max-width: 550px;
        background-color: var(--secondary-color);
    }

        .dslistpopup .css-hz1bth-MuiDialog-container .css-1t1j96h-MuiPaper-root-MuiDialog-paper .css-bdhsul-MuiTypography-root-MuiDialogTitle-root {
            padding: 0;
        }

.userreports {
    width: 100%;
    float: left;
    padding: 15px 20px 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

    .userreports h4 {
        color: var(--button-color);
        font-size: 22px;
        font-weight: 600;
        padding: 0 0 15px;
    }

.userreportsdata {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
}

.userreportsname {
    color: var(--pure);
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    width: 30%;
}

.userreportscity {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    width: 60%;
}

    .userreportscity span {
        color: var(--pure);
        font-size: 16px;
        font-weight: 500;
    }

    .userreportscity i {
        width: 29px;
        height: 8px;
        display: inline-block;
        background-image: url("../images/Routearrow_CustomerJourney_Popup.png");
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: 26px;
    }

/* Slider Style End Here */

/*Booking Form Style Start*/

.bookingwrapper {
    width: 100%;
    float: left;
    position: relative;
    margin: -36px 0 0;
    text-align: center;
}

/*.bookingwrapper h2 {
        font-size: 29px;
        line-height: 38px;
        font-weight: 700;
        color: var(--tertiary-color) !important;
        position: relative;
        z-index: 1;
        text-align: center;
        padding: 0 0 15px;
        display: inline-block;
    }*/

.bookingpart {
    width: 100%;
    /* float: left; */
    background-color: var(--button-color);
    position: relative;
    z-index: 1;
    text-align: center;
    display: inline-block;
    /* border-radius: 33px; */
}

.bookingform {
    width: 100%;
    float: left;
    position: relative;
    z-index: 3;
    padding: 22px 0 26px;
}

    .bookingform ul {
        border: none;
        width: 100%;
    }


    .bookingform .nav-tabs .nav-link {
        border: none;
        background-color: transparent;
        color: var(--secondary-color);
        font-size: 16px;
        font-weight: 400;
        border-radius: 0;
        padding: 16px 0px;
    }

        .bookingform .nav-tabs .nav-item.show .nav-link,
        .bookingform .nav-tabs .nav-link.active {
            color: var(--pure);
            background-color: transparent;
            border: none;
        }

    .bookingform .tab-content {
        padding: 0;
    }

.bookinginput .MuiInputBase-root .css-1x51dt5-MuiInputBase-input-MuiInput-input::placeholder {
    opacity: 1 !important;
}

.partialradiogroup .css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
    color: var(--secondary-color);
}

.partialradiogroup .css-1hpqosy-MuiFormControlLabel-root {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0;
}

.partialradiogroup .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
    color: var(--secondary-color);
}

.partialradiogroup .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 400;
    color: var(--secondary-color);
}

.bookingform .nav-tabs .tab-box {
    display: inline-block;
    vertical-align: middle;
}

.bookingform .tab-content .tab-pane {
    padding: 40px 20px 0;
    float: left;
    width: 100%;
}

.tab-bookingform {
    width: 100%;
    float: left;
    padding: 8px 0 0;
}

.bookingcity {
    width: 46%;
    float: left;
    padding: 0;
    position: relative;
}

    .bookingcity.bookingdate {
        width: 40%;
        padding: 0 12px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

.fromdatecity {
    background-color: var(--pure);
    border-radius: 50px;
    width: 100%;
    height: 52px;
    position: relative;
    display: flex;
}

.bookinginput {
    position: relative;
}

    .bookinginput.bookingfromdate {
        flex-basis: 90%;
    }

    .bookinginput.bookingtodate {
        flex-basis: 100%;
    }

        .bookinginput.bookingtodate:after {
            position: absolute;
            right: 18px;
            top: 12px;
            content: "\f107";
            font-size: 20px;
            color: #000;
            font-family: FontAwesome;
        }

    .bookinginput.bookingfromdate:before {
        position: absolute;
        right: 18px;
        top: 12px;
        content: "\f107";
        font-size: 20px;
        color: #000;
        font-family: FontAwesome;
    }

    .bookinginput .redclr {
        position: absolute;
        left: 52px;
        bottom: -18px;
        font-size: 14px;
    }

.bookinginput {
    width: 50%;
    float: left;
    padding: 0;
    position: relative;
}

    .bookinginput.bookingdromcity,
    .bookinginput.bookingfromdate {
        padding: 0;
    }

    .bookinginput input {
        width: 100%;
        float: left;
        height: 52px;
        outline: none;
        border: none;
        border-radius: 50px;
        padding: 0 0 0 10px;
        color: var(--primary-color);
    }

    .bookinginput.bookingtodate input {
        font-size: 26px;
        font-weight: 700;
        padding: 0 0 0 50px;
        background-image: url("../images/icon01.svg");
        background-position: 21px -896px;
        background-repeat: no-repeat;
    }

    .bookinginput.bookingfromdate input {
        height: 52px;
        font-size: 26px;
        font-weight: 700;
        padding: 0 0 0 20px;
    }

        .bookinginput.bookingfromdate input[type="text"]::-webkit-input-placeholder {
            color: var(--primary-color) !important;
        }

        .bookinginput.bookingfromdate input[type="text"]::-moz-placeholder {
            color: var(--primary-color) !important;
        }

    .bookinginput.bookingfromdate {
        position: relative;
    }

        .bookinginput.bookingfromdate:after {
            position: absolute;
            content: "";
            left: 2px;
            top: 9px;
            height: 36px;
            width: 1px;
            background-color: #E1E1E1;
        }

    .bookinginput .css-xsu6ln-MuiAutocomplete-root {
        width: 100% !important;
    }

    .bookinginput .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0 !important;
    }

    .bookinginput .MuiAutocomplete-hasPopupIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot, .MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0;
    }

.bookingcity .MuiAutocomplete-popper.MuiAutocomplete-popperDisablePortal {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}


.bookinginput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
    padding: 0;
    font-size: 26px;
    font-weight: 700;
    background-color: var(--pure);
    border-radius: 50px;
    height: 52px;
    color: var(--primary-color);
    background-image: url("../images/icon01.svg");
    background-position: 21px -446px;
    background-repeat: no-repeat;
    padding: 0 0 0 50px;
}

.bookinginput .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after {
    border-bottom: none;
}

.bookinginput .css-1tb7pjp-MuiInputBase-root-MuiInput-root::before {
    border-bottom: none;
}

.bookinginput .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled)::before {
    border-bottom: none;
}

.bookinginput .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
    display: none;
}

.bookinginput .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot .css-1q60rmi-MuiAutocomplete-endAdornment {
    right: 6px;
    top: calc(50% - 16px);
}

.MuiAutocomplete-option .fromcitypickupicon01 {
    font-size: 13px !important;
}

.MuiAutocomplete-option .fromcitypickupicon {
    font-size: 13px !important;
    font-weight: 600;
}

.datepicker .datepicker-days .active.day {
    background-color: var(--button-color) !important;
}

.cityswapicon {
    background-image: url("../Images/icon01.svg") !important;
    background-position: center -683px;
    background-repeat: no-repeat;
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 29px;
    cursor: pointer;
    z-index: 1;
}

.bookingedit button {
    font-size: 16px;
    color: var(--secondary-color);
    background-color: transparent;
    border: none;
    float: right;
}

    .bookingedit button:hover, .bookingedit button:focus {
        color: var(--button-color);
    }

.bookingsearch {
    width: 14%;
    float: left;
    text-align: center;
    padding: 0;
}

    .bookingsearch .searchbtn {
        font-size: 20px;
        font-weight: 700;
        padding: 0;
        background-color: var(--primary-color);
        color: var(--button-color);
        border: none;
        float: right;
        border-radius: 50px;
        height: 52px;
        width: 100%;
    }

        .bookingsearch .searchbtn:hover,
        .bookingsearch .searchbtn:focus {
            background-color: var(--secondary-color);
            color: var(--pure);
        }

    .bookingsearch li {
        list-style: none;
        text-align: right;
    }

.tab-bookingform .addroute {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 0 20px;
}

    .tab-bookingform .addroute a {
        font-size: 18px;
        font-weight: 700;
        color: var(--primary-color);
    }

.recentsearch {
    width: 100%;
    float: left;
    padding: 0 0 30px;
}

    .recentsearch ul {
        width: 100%;
        display: inline-block;
        vertical-align: middle;
        border: none;
        margin: 0;
        padding: 0;
    }

        .recentsearch ul li {
            margin: 0 20px 0 0;
            display: inline-block;
            border: 1px solid var(--primary-color);
            border-radius: 10px;
            padding: 8px 12px;
        }

            .recentsearch ul li span {
                font-size: 16px;
                font-weight: 400;
                color: var(--primary-color);
            }

                .recentsearch ul li span em {
                    padding: 0px 16px;
                    background-image: url(../Images/Icons.png);
                    background-position: center -1176px;
                    background-repeat: no-repeat;
                    background-size: 50px;
                }

    .recentsearch .recentsearchtime {
        display: block;
    }

        .recentsearch .recentsearchtime label {
            margin: 0;
            font-size: 12px;
            font-weight: 400;
            padding: 6px 0 0;
            color: var(--secondary-color);
        }

.bushirelink {
    width: 100%;
    float: right;
    text-align: right;
    padding: 0 0 24px;
}

    .bushirelink a {
        font-size: 18px;
        font-weight: 400;
        color: var(--pure);
        background-color: var(--primary-color);
        display: inline-block;
        padding: 10px 32px;
        border-radius: 4px;
        transition: 0.5s all;
    }

        .bushirelink a:hover,
        .bushirelink a:focus {
            color: var(--pure);
            box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2);
        }

.datetabbing {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

    .datetabbing button {
        border: 1px solid var(--secondary-color);
        border-radius: 20px;
        padding: 4px 32px;
        color: #191715;
        font-size: 16px;
        display: inline-block;
        font-weight: 400;
        background-color: transparent;
    }

        .datetabbing button:hover, .datetabbing button:focus {
            border: 1px solid var(--primary-color);
            background-color: var(--primary-color);
            color: #fff;
        }

        .datetabbing button span {
            font-weight: 800;
        }

/*Booking Form Style End*/
/*EaseMytrip part start*/
.easemytripwrap {
    width: 100%;
    float: left;
    position: relative;
    padding: 46px 0 0;
    display: none !important;
}

    .easemytripwrap:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 278px;
        background-color: var(--button-color);
        z-index: -1;
    }

body .easemytripwrap .container {
    max-width: 1270px;
}

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

.easemytripart {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}

    .easemytripart .toptitle {
        padding: 6px 0 0;
    }

        .easemytripart .toptitle h3 {
            color: var(--primary-color);
        }

.easemytripsec {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
    padding: 23px 0 0;
}

.easemytripbox {
    width: 190px;
    height: 223px;
    border-radius: 20px;
    background-color: var(--secondary-color);
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    padding: 34px 0 0;
    gap: 21px;
    transition: .4s ease all;
}

    .easemytripbox span {
        width: 122px;
        height: 122px;
        border-radius: 50%;
        background-color: var(--pure);
        display: inline-block;
        vertical-align: middle;
        background-image: url("../images/icon01.svg");
        background-position: center -11664px;
        background-repeat: no-repeat;
        transition: .4s ease all;
    }

    .easemytripbox.easemytripbox02 span {
        background-position: center -11867px;
    }

    .easemytripbox.easemytripbox03 span {
        background-position: center -12065px;
    }

    .easemytripbox.easemytripbox04 span {
        background-position: center -12268px;
    }

    .easemytripbox.easemytripbox05 span {
        background-position: center -12471px;
    }

    .easemytripbox h3 {
        font-size: 22px;
        font-weight: 500;
        color: var(--pure);
    }
    /*
    .easemytripbox:hover, .easemytripbox:focus {
        box-shadow: 0 2px 14px rgba(45, 63, 168, 0.1);
    }*/

    .easemytripbox:hover span, .easemytripbox:focus span {
        transform: translateY(-6px);
        transition: .4s ease all;
    }

/*EaseMytrip part end*/

.eventpart {
    width: 100%;
    float: left;
    padding: 146px 0 0;
}

.eventarea {
    width: 100%;
    float: left;
    background-image: url("../images/event.jpg");
    background-position: center -178px;
    background-repeat: no-repeat;
    min-height: 289px;
    border-radius: 20px;
    padding: 155px 88px 0 45px;
    overflow: hidden;
    background-size: 1147px;
}

    .eventarea .toptitle h3 {
        color: var(--pure);
    }

    .eventarea .toptitle p {
        color: var(--pure);
    }

.toptitle {
    float: left;
}

    .toptitle h3 {
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
        color: var(--secondary-color);
    }

    .toptitle p {
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        color: #000;
        padding: 3px 0 0;
    }

.eventbutton {
    float: right;
    padding: 24px 0 0;
}

    .eventbutton ul {
        padding: 0;
        margin: 0;
    }

    .eventbutton li {
        list-style: none;
        display: inline-block;
        vertical-align: middle;
    }

        .eventbutton li a {
            background-color: var(--button-color);
            padding: 15px 45px;
            border-radius: 50px;
            font-size: 15px;
            font-weight: 400;
            color: var(--primary-color);
            display: inline-block;
            vertical-align: middle;
        }

    .eventbutton a:hover, .eventbutton a:focus {
        background-color: var(--secondary-color);
        color: var(--pure);
    }

.offerarea .owl-thumbs button {
    display: none;
}

.superbusarea .owl-thumbs button {
    display: none;
}

.exloreslider .owl-thumbs button {
    display: none;
}

/* Top Destination Style Start Here */

.popupblock03 span {
    position: absolute;
    right: 15px;
    top: 3px;
    z-index: 1;
    color: var(--secondary-color);
    font-size: 35px;
    font-weight: 700;
    cursor: pointer;
}

.popup-content03 {
    margin: auto;
    padding: 0;
}

.popupblock03 {
    float: left;
    padding: 0;
    width: 841px;
    position: relative;
    background-color: var(--secondary-color);
    border-radius: 16px;
}

.popup-content03 a.close {
    color: var(--secondary-color);
    float: right;
    font-size: 34px;
    font-weight: bold;
    background: none;
    padding: 0;
    line-height: normal;
    margin: 0;
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 8px;
}

    .popup-content03 a.close:hover {
        color: var(--button-color);
    }

.routetabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 40px;
}

    .routetabs label {
        -webkit-box-ordinal-group: 2;
        padding: 0 0 18px 0;
        cursor: pointer;
        background-color: transparent;
        font-weight: 700;
        transition: background ease 0.2s;
        color: var(--pure);
        font-size: 16px;
    }

    .routetabs .routetabbing {
        -webkit-box-ordinal-group: 100;
        order: 99;
        -webkit-box-flex: 1;
        flex-grow: 1;
        width: 100%;
        display: none;
        padding: 30px 0 0;
        text-align: left;
        border-top: 1px solid #888;
    }

    .routetabs input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

        .routetabs input[type="radio"]:checked + label {
            color: var(--button-color);
            position: relative;
        }

            .routetabs input[type="radio"]:checked + label::after {
                position: absolute;
                content: "";
                left: 0;
                right: 0;
                bottom: -1px;
                margin: 0 auto;
                width: 75px;
                height: 2px;
                text-align: center;
                background-color: var(--button-color);
            }

            .routetabs input[type="radio"]:checked + label + .routetabbing {
                display: block;
            }

body .openpop {
    overflow: hidden !important;
    height: 100%;
}

.routetabwrap {
    width: 100%;
    float: left;
    position: relative;
}

.routetabpart {
    width: 100%;
    float: left;
    position: absolute;
    padding: 0 35px;
    left: 0;
    top: -80px;
}

    .routetabpart p {
        color: var(--pure);
        font-size: 26px;
        font-weight: 600;
        font-family: 'Helvetica-Condensed-Bold';
        line-height: 28px;
        letter-spacing: 0.52px;
    }

        .routetabpart p i {
            display: block;
            font-style: normal;
        }

.routetabarea {
    width: 100%;
    float: left;
    padding: 21px 35px 40px;
}

.routetabbing {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.routepoptab {
    width: 35%;
    text-align: left;
}

    .routepoptab p {
        font-size: 16px;
        font-weight: 400;
        color: #FFFDFD;
    }

.collapsibleroute {
    width: 100%;
    float: left;
    position: relative;
}

.collapsibleicon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--button-color);
    padding: 0 0 1px;
}

    .collapsibleicon .icon {
        align-self: center;
        margin-inline-start: auto;
    }

.collapsible-button-optional {
    font-size: 0.8125rem;
    color: hsl(var(--p-toggle-optional-color));
}

.collapsible-content {
    padding: 1.5625rem;
    padding-block-start: 0;
}

.collapsibleroute .routestitle {
    display: inline-block;
    vertical-align: middle;
    font-size: 26px;
    font-weight: 700;
    color: var(--button-color);
    line-height: normal;
}

.routepart_icon {
    transform: rotate(0deg);
    transition: 0.3s ease-in-out;
    opacity: 1;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

    .routepart_icon i {
        color: var(--button-color);
        font-size: 20px;
    }

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

    .routedropcity ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        overflow-y: auto;
        height: 156px;
    }

        .routedropcity ul li {
            display: block;
            width: 100%;
        }

    .routedropcity label {
        padding: 0 0 0;
        position: relative;
        cursor: pointer;
        float: left;
        color: var(--button-color);
        font-size: 26px;
        font-weight: 700;
    }

    .routedropcity .css-xsu6ln-MuiAutocomplete-root {
        width: 100%;
    }

    .routedropcity .css-1tb7pjp-MuiInputBase-root-MuiInput-root {
        font-family: "Helvetica", sans-serif !important;
        font-weight: 700;
        font-size: 26px;
        color: var(--button-color);
        padding-right: 0 !important;
    }

        .routedropcity .css-1tb7pjp-MuiInputBase-root-MuiInput-root:before {
            border-bottom: 1px solid var(--button-color);
        }

        .routedropcity .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled):before {
            border-bottom: 1px solid var(--button-color);
        }

        .routedropcity .css-1tb7pjp-MuiInputBase-root-MuiInput-root:after {
            border-bottom: 2px solid var(--button-color);
        }

    .routedropcity .MuiAutocomplete-endAdornment .css-i4bv87-MuiSvgIcon-root {
        display: block;
        font-size: 36px;
        width: auto;
    }

    .routedropcity .css-1glvl0p-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator {
        color: var(--button-color);
        padding: 4px 0;
    }

    .routedropcity .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
        color: var(--button-color) !important;
        padding: 0;
        margin-right: 0;
        transform: none;
    }

    .routedropcity .css-113ntv0-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
        color: var(--button-color) !important;
        padding: 0;
        margin-right: 0;
        transform: none;
    }

    .routedropcity .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 58px 0 0;
    }

    .routedropcity .css-1q60rmi-MuiAutocomplete-endAdornment {
        top: 0;
    }

    .routedropcity .MuiAutocomplete-popper.MuiAutocomplete-popperDisablePortal {
        background-color: transparent;
        height: 144px !important;
        overflow: hidden;
    }

.routepoptab02 {
    width: 39%;
}

.routedatepicker {
    width: 100%;
    float: left;
    border-bottom: 1px solid var(--button-color);
    padding: 0 0 1px;
}

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

    .routestitle2 input {
        background-color: transparent;
        border: none;
        color: var(--button-color);
        font-size: 26px;
        font-weight: 700;
        width: 100%;
        background-image: url("../images/icon01.svg");
        background-position: right -11247px;
        background-repeat: no-repeat;
        outline: none;
    }

.routepopsearch {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 78px 0 0;
    text-align: center;
}

    .routepopsearch button {
        background-color: var(--button-color);
        display: inline-block;
        vertical-align: middle;
        padding: 15px 45px;
        color: #252B62;
        font-size: 15px;
        font-weight: 400;
        line-height: 16px;
        cursor: pointer;
        border-radius: 100px;
        border: none;
    }

        .routepopsearch button:hover, .routepopsearch button:focus {
            background-color: var(--pure);
            color: #252B62;
        }

.destinationbox img {
    width: 100%;
    max-width: 260px;
}

.topdestination {
    width: 100%;
    float: left;
    padding: 108px 0 0;
}

.destinationwrap {
    width: 100%;
    float: left;
    position: relative;
}

.destinationarea {
    width: 100%;
    float: left;
    padding: 35px 0 0;
}

    .destinationarea .owl-thumbs button {
        display: none;
    }

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

.destinationslider02 {
    display: none;
}

    .destinationslider02 .owl-nav {
        display: none !important;
    }

.destinationicon {
    width: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 0 2px 0;
}

.destinationbox {
    text-align: center;
    vertical-align: middle;
    width: 253px;
    height: 253px;
    position: relative;
    cursor: pointer;
}

    .destinationbox img {
        border-radius: 20px;
        display: block;
        width: 100%;
    }

    .destinationbox span {
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        color: var(--pure);
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 21px;
    }

.destinationslider .row {
    margin: 0 !important;
}

.destinationslider .owl-nav {
    right: 30px;
    position: absolute;
    top: -105px;
}

.destinationslider .owl-prev, .destinationslider .owl-next {
    position: absolute;
    right: 45px;
    top: 0;
    width: 30px;
    height: 30px;
}

    .destinationslider .owl-prev:before, .destinationslider .owl-next:before {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 auto;
        content: "\f104";
        font-family: fontawesome;
        width: 100%;
        font-size: 28px;
        color: #888;
        line-height: 30px;
    }

    .destinationslider .owl-prev:hover:before, .destinationslider .owl-prev:focus:before, .destinationslider .owl-next:hover:before, .destinationslider .owl-next:focus:before {
        color: var(--secondary-color);
        text-shadow: 0 0 4px #2d3fa8;
    }

    .destinationslider .owl-next:before {
        content: "\f105";
    }

.destinationslider .owl-next {
    right: 0;
}

.destinationroutelist {
    width: 100%;
    float: left;
    background-color: var(--pure);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 10px 5px 10px;
}

    .destinationroutelist ul {
        width: 100%;
        margin: 0;
        margin: 10px 0 0;
        height: 115px;
        overflow-x: hidden;
        padding-left: 0;
    }

        .destinationroutelist ul li {
            font-size: 16px;
            font-weight: 400;
            color: var(--primary-color);
            padding: 3px 0 0 5px;
            width: 100%;
            float: left;
            text-align: left;
            margin: 0;
            cursor: pointer;
        }

    .destinationroutelist input {
        width: 100%;
        height: 46px;
        background: var(--pure);
        border: 1px solid #e1e1e1;
        font-size: 14px;
        font-weight: 400;
        padding: 0 0 0 10px;
        border-radius: 50px;
    }

        .destinationroutelist input:hover,
        .destinationroutelist input:focus {
            border: 1px solid var(--secondary-color);
            box-shadow: none;
            outline: none;
        }

    .destinationroutelist ul::-webkit-scrollbar {
        border-radius: 10px;
        width: 10px;
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .destinationroutelist ul::-webkit-scrollbar-thumb {
        border-radius: 10px;
        width: 10px;
        background-color: var(--secondary-color);
    }

/* Top Destination Style End Here */

/* Offer Style Start Here*/

body .offerdeals .container {
    max-width: 1270px;
}

.offerdeals {
    width: 100%;
    float: left;
    padding: 100px 0 0;
}

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

.offerslider {
    width: 100%;
    float: left;
    padding: 35px 0 0;
}

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

    .offerarea .row {
        margin: 0 !important;
    }

.col-carousel {
    margin: 0;
    padding: 0 !important;
}

.offer-slide {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

/*.owl-carousel .owl-item .offer-slide img {
    width: 100%;
    max-width: 466px;
}*/

/*.offerbox {
    width: 466px;
    height: 221px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/offer1.svg");
    background-position: center top;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .offerbox.offerbox02 {
        background-image: url("../images/offer2.svg");
    }

    .offerbox.offerbox03 {
        background-image: url("../images/offer3.svg");
    }*/

.custo_offerpart .offerbox img {
    width: 100%;
    max-width: 290px;
}

.offercontent {
    width: 100%;
    float: left;
    position: relative;
}

    .offercontent p {
        float: left;
        font-size: 25px;
        line-height: 32px;
        font-weight: 700;
        color: var(--secondary-color);
        transform: rotate(-90deg);
        text-transform: uppercase;
        padding: 0 0 0 0;
        position: absolute;
        left: -15px;
        top: 95px;
    }

.offerdetails {
    width: 100%;
    float: left;
    padding: 36px 60px 0 128px;
}

    .offerdetails span {
        font-size: 20px;
        line-height: 28px;
        color: var(--secondary-color);
        font-weight: 700;
    }

    .offerdetails i {
        font-size: 16px;
        line-height: 24px;
        color: var(--secondary-color);
        font-weight: 400;
        font-style: normal;
        display: block;
        padding: 14px 0 22px;
    }

    .offerdetails a {
        font-size: 14px;
        line-height: 26px;
        color: var(--pure);
        font-weight: 600;
        padding: 7px 90px 7px 15px;
        border: 1px dashed var(--pure);
        display: inline-block;
        vertical-align: middle;
        background-image: url("../images/icon01.svg");
        background-position: 92% -1324px;
        background-repeat: no-repeat;
        border-radius: 5px;
        background-color: transparent;
    }

        .offerdetails a:hover, .offerdetails a:focus {
            color: var(--pure);
        }

.offerbox02 .offerdetails {
    padding: 36px 120px 0 45px;
}

    .offerbox02 .offerdetails span {
        color: var(--pure);
    }

    .offerbox02 .offerdetails i {
        color: var(--pure);
        padding: 10px 30px 6px 0;
    }

    .offerbox02 .offerdetails a {
        font-size: 14px;
        color: var(--primary-color);
        font-weight: 400;
        padding: 5px 26px 5px 26px;
        border: none;
        display: inline-block;
        vertical-align: middle;
        background-image: none;
        border-radius: 50px;
        background-color: var(--button-color);
    }

.offerbox03 p {
    color: var(--tertiary-color);
}

.offerbox03 span {
    color: var(--tertiary-color);
}

.offerbox03 i {
    color: var(--tertiary-color);
}

.offerdeals .owl-nav {
    right: 30px;
    position: absolute;
    top: -105px;
    display: block !important;
}

.offerdeals .owl-prev, .offerdeals .owl-next {
    position: absolute;
    right: 45px;
    top: 0;
    width: 30px;
    height: 30px;
}

    .offerdeals .owl-prev:before, .offerdeals .owl-next:before {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 auto;
        content: "\f104";
        font-family: fontawesome;
        width: 100%;
        font-size: 28px;
        color: #888;
        line-height: 30px;
    }

    .offerdeals .owl-prev:hover:before, .offerdeals .owl-prev:focus:before, .offerdeals .owl-next:hover:before, .offerdeals .owl-next:focus:before {
        color: var(--secondary-color);
        text-shadow: 0 0 4px #2d3fa8;
    }

    .offerdeals .owl-next:before {
        content: "\f105";
    }

.offerdeals .owl-next {
    right: 0;
}

/* Offer Style Start End*/

/* city Style Start start*/

.citywraper {
    width: 100%;
    float: left;
    padding: 108px 0 0;
    position: relative;
    z-index: 1;
}

.cityarea {
    width: 100%;
    float: left;
    background-color: var(--pure);
    border: 1px solid #E1E1E1;
    border-radius: 20px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    height: 418px;
    overflow: hidden;
}

.tab-block {
    width: 100%;
    height: 415px;
    margin: 0 auto;
    display: flex;
}

    .tab-block .tab-mnu {
        list-style: none;
        padding: 32px 0 0 40px;
        display: flex;
        flex-direction: column;
        width: 30%;
        margin: 0 20px 0 0;
        border-right: 2px solid #FFFDFD;
    }


        .tab-block .tab-mnu li {
            float: left;
            background-color: transparent;
            width: 100%;
            text-align: left;
            padding: 26px 0 26px 40px;
            cursor: pointer;
            font-size: 20px;
            color: var(--primary-color);
            font-weight: 500;
            position: relative;
        }

            .tab-block .tab-mnu li:hover:not(.active) {
                color: var(--secondary-color);
            }

            .tab-block .tab-mnu li:nth-last-child(-n+1):after {
                display: none;
            }

            .tab-block .tab-mnu li::before {
                position: absolute;
                content: "";
                left: 0;
                top: 38px;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: var(--primary-color);
            }

            .tab-block .tab-mnu li::after {
                position: absolute;
                content: "";
                left: 0;
                bottom: 0;
                width: 239px;
                height: 1px;
                background-color: #f0f0f0;
            }

        .tab-block .tab-mnu .active {
            background-color: #fff;
            color: var(--secondary-color);
            cursor: default;
            border-right: 3px solid var(--button-color);
        }

            .tab-block .tab-mnu .active:before {
                background-color: var(--secondary-color);
            }

    .tab-block .tab-cont {
        background-color: var(--pure);
        margin: -1px 0 0;
        width: 70%;
    }

    .tab-block .tab-mnu ::-webkit-scrollbar {
        width: 3px;
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .tab-block .tab-mnu ::-webkit-scrollbar-thumb {
        width: 3px;
        background-color: var(--button-color);
    }

.tab-pane {
    position: relative;
}

.citytab-content {
    position: absolute;
    left: 0;
    bottom: 57px;
    width: 100%;
    padding: 0 75px 0 83px;
}

    .citytab-content p {
        color: var(--tertiary-color);
        font-size: 15px;
        line-height: 22px;
        padding: 0 0 8px;
        display: inline-block;
        vertical-align: middle;
    }

        .citytab-content p i {
            display: block;
            font-style: normal;
        }

    .citytab-content a {
        float: right;
        background-color: var(--button-color);
        padding: 8px 30px 7px;
        border-radius: 50px;
        font-size: 14px;
        color: var(--primary-color);
        margin: 7px 0 0;
    }

        .citytab-content a:hover, .citytab-content a:focus {
            background-color: var(--secondary-color);
            color: var(--pure) !important;
        }

/* city Style Start End*/

.chooseusfacility {
    width: 100%;
    float: left;
    position: relative;
}

    .chooseusfacility:after {
        position: absolute;
        content: "";
        left: 0;
        top: 353px;
        background-image: url("../images/choosebg.png");
        background-position: center top;
        background-repeat: no-repeat;
        height: 1349px;
        width: 100%;
        z-index: 0;
    }

/*superbuswrap Style Start Here*/

body .superbuslider .container {
    max-width: 1300px;
}

.popupblock02 span {
    position: absolute;
    right: 15px;
    top: 3px;
    z-index: 1;
    color: var(--button-color);
    font-size: 35px;
    font-weight: 700;
    cursor: pointer;
}

.popup-container {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3);
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 17, 17, 0.61);
    display: flex;
    align-items: center;
    overflow-y: auto;
}

    .popup-container::-webkit-scrollbar {
        width: 0px !important;
        height: 0px !important;
        display: none;
    }

.popup-content02 {
    margin: auto;
    padding: 0;
}

.popupblock02 {
    float: left;
    padding: 0;
    text-align: center;
    width: 841px;
    height: 841px;
    position: relative;
    overflow-y: auto;
}

.popup-content02 a.close {
    color: var(--button-color);
    float: right;
    font-size: 34px;
    font-weight: bold;
    background: none;
    padding: 0;
    line-height: normal;
    margin: 0;
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 8px;
}

    .popup-content02 a.close:hover {
        color: var(--secondary-color);
    }

.openpop {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.superbuslider {
    width: 100%;
    float: left;
    padding: 113px 0 0;
}

.superbusarea {
    width: 100%;
    float: left;
    padding: 38px 0 0;
}

    .superbusarea .row {
        margin: 0 !important;
    }

.superbus-slide {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

    .superbus-slide p img {
        cursor: pointer;
    }

.uperbus-slide img {
    max-width: 550px;
}

.superbusarea .owl-nav {
    right: 30px;
    position: absolute;
    top: -105px;
}

.superbusarea .owl-prev,
.superbusarea .owl-next {
    position: absolute;
    right: 45px;
    top: 0;
    width: 30px;
    height: 30px;
}

    .superbusarea .owl-prev:before,
    .superbusarea .owl-next:before {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 auto;
        content: "\f104";
        font-family: fontawesome;
        width: 100%;
        font-size: 28px;
        color: #888;
        line-height: 30px;
    }

    .superbusarea .owl-prev:hover:before, .superbusarea .owl-prev:focus:before, .superbusarea .owl-next:hover:before, .superbusarea .owl-next:focus:before {
        color: var(--secondary-color);
        text-shadow: 0 0 4px #2d3fa8;
    }

    .superbusarea .owl-next:before {
        content: "\f105";
    }

.superbusarea .owl-next {
    right: 0;
}

.superbus-slide .superbusmblimg {
    display: none !important;
}

#description {
    padding: 5px;
    margin: 10px 0;
    color: rgba(0, 0, 0, 0.5);
}

#thumbs {
    position: absolute;
    top: 335px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    #thumbs img {
        height: 64px;
        width: 64px;
        cursor: pointer;
        margin: 0 8px;
        border-radius: 4px;
    }

.mainhpageslider {
    border: 1px solid var(--button-color);
}

.caption-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#caption {
    font-family: 'Muli', sans-serif;
    font-size: 1.2rem;
    margin: 0;
}

.row {
    display: flex;
}


.supertabwrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: var(--secondary-color);
    border-radius: 20px 20px 0 0;
}

.supertabpart {
    width: 100%;
    float: left;
    position: relative;
    padding: 25px 40px 0;
    height: 420px;
}

.supertabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 40px;
}

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

.supertabs label {
    -webkit-box-ordinal-group: 2;
    padding: 0 0 18px 0;
    cursor: pointer;
    background-color: transparent;
    font-weight: 700;
    transition: background ease 0.2s;
    color: var(--pure);
    font-size: 16px;
}

.supertabs .sprtabbing {
    -webkit-box-ordinal-group: 100;
    order: 99;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 30px 0 0;
    text-align: left;
}

.chooseusfacility .supertabs .sprtabbing {
    border-top: 1px solid #888;
}

.supertabs input[type="radio"] {
    position: absolute;
    opacity: 0;
}

    .supertabs input[type="radio"]:checked + label {
        color: var(--button-color);
        position: relative;
    }

        .supertabs input[type="radio"]:checked + label::after {
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            bottom: -1px;
            margin: 0 auto;
            width: 75px;
            height: 2px;
            text-align: center;
            background-color: var(--button-color);
        }

        .supertabs input[type="radio"]:checked + label + .sprtabbing {
            display: block;
        }

.sprtabbing h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--pure);
}

.sprbustype {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding: 20px 0 0;
    gap: 11px;
}

    .sprbustype span {
        font-size: 12px;
        font-weight: 400;
        color: var(--button-color);
        border: 1px solid var(--button-color);
        border-radius: 50px;
        padding: 5px 8px 4px;
        position: relative;
        right: 0;
    }

.sprtabbing p {
    color: #e1e1e1;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    padding: 20px 80px 0 0;
}

.amenities-sprtablist {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    gap: 30px 0;
    padding: 40px 0 0;
    align-items: flex-start;
}

.amenities-sprtab {
    flex-basis: 33%;
    display: flex;
    justify-content: space-between;
    gap: 0px;
    align-items: flex-start;
}

    .amenities-sprtab p {
        font-size: 16px;
        font-weight: 700;
        padding: 10px 0 10px 54px !important;
        color: #f4cc08;
        background-image: url("../images/amenities.png");
        background-position: left -10px;
        background-repeat: no-repeat;
    }

        .amenities-sprtab p.amini02 {
            background-position: left -195px;
        }

        .amenities-sprtab p.amini03 {
            background-position: left -376px;
        }

        .amenities-sprtab p.amini04 {
            background-position: left -555px;
        }

        .amenities-sprtab p.amini05 {
            background-position: left -745px;
        }

        .amenities-sprtab p.amini06 {
            background-position: left -923px;
        }

        .amenities-sprtab p i {
            display: block;
            font-style: normal;
        }

.reviewtabbing.sprtabbing {
    width: 100%;
    float: left;
    padding: 0;
}

.custjrny_popup_onwardjrny .spreview {
    height: 144px;
    padding: 0 15px 0 0;
}

.spreview {
    width: 100%;
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    height: 226px;
}

    .spreview::-webkit-scrollbar {
        width: 3px;
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .spreview::-webkit-scrollbar-thumb {
        width: 3px;
        background-color: var(--button-color);
    }

.route_tabbing_details .spreview {
    height: 300px;
}


.tabreview {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #888;
    display: flex;
    justify-content: space-between;
}

.reviewicon {
    width: 23%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .reviewicon .rattinglabel i {
        color: var(--button-color);
    }

.reviewname span {
    color: var(--tertiary-color);
    font-size: 16px;
    font-weight: 700;
    display: block;
    position: relative;
    right: 0;
}

.reviewstar i {
    display: inline-block;
    vertical-align: middle;
    color: var(--button-color);
    font-size: 14px;
}

    .reviewstar i:last-child {
        color: var(--pure);
    }

.reviewcont {
    width: 70%;
    text-align: left;
}

    .reviewcont p {
        font-size: 16px;
        font-weight: 400;
        color: #e1e1e1;
        line-height: 23px;
        padding: 2px 25px 0 0;
    }

.superbdpoint.sprtabbing {
    padding: 7px 0 0;
}

.sprbdtab {
    width: 100%;
    border: 1px solid #e1e1e1;
    float: left;
}

.superbdarea {
    width: 50%;
    float: left;
}

.superbdarea02 {
    border-left: 1px solid #e1e1e1;
}

.superbdarea h4 {
    color: var(--button-color);
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding: 13px 0 13px 30px;
}

.popupbdpoint {
    width: 100%;
    float: left;
    padding: 0 20px 0 25px;
}

.popuprtpoint {
    width: 100%;
    overflow-y: auto;
    height: 220px;
    padding: 0 15px 0 0;
}

    .popuprtpoint::-webkit-scrollbar {
        width: 3px;
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .popuprtpoint::-webkit-scrollbar-thumb {
        width: 3px;
        background-color: var(--button-color);
    }

.fromtopoint {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0 11px;
}

.sprbdname {
    color: var(--button-color);
    font-size: 15px;
    font-weight: 700;
    display: block;
}

.sprbdarea {
    font-size: 15px;
    font-weight: 400;
    color: var(--tertiary-color);
}

.sprbusroutepoint {
    width: 100%;
    justify-content: space-between;
    display: flex;
    padding: 38px 0 56px;
    overflow-x: auto;
}

.busroutepointbox {
    width: 22%;
    position: relative;
}

    .busroutepointbox::after {
        position: absolute;
        content: "";
        top: 10px;
        left: 28px;
        background-color: #e1e1e1;
        width: 162px;
        height: 1px;
    }

    .busroutepointbox label {
        display: block;
        font-size: 12px;
        font-weight: 700;
        color: var(--tertiary-color);
        padding: 8px 0 0;
    }

    .busroutepointbox span {
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: var(--button-color);
        padding: 2px 0 0;
        text-transform: uppercase;
        position: relative;
        right: 0;
    }

    .busroutepointbox a {
        padding: 0 0 0 13px;
        display: block;
        font-size: 10px;
        font-weight: 400;
        color: var(--tertiary-color);
        background-image: url("../images/icon01.svg");
        background-position: left -10829px;
        background-repeat: no-repeat;
    }

        .busroutepointbox a:hover, .busroutepointbox a:focus {
            color: var(--button-color);
        }

.superbus .owl-nav {
    right: 30px;
    position: absolute;
    top: -105px;
}

.superbus .owl-prev, .superbus .owl-next {
    position: absolute;
    right: 45px;
    top: 0;
    width: 30px;
    height: 30px;
}

    .superbus .owl-prev:before, .superbus .owl-next:before {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 auto;
        content: "\f104";
        font-family: fontawesome;
        width: 100%;
        font-size: 28px;
        color: #888;
        line-height: 30px;
    }

    .superbus .owl-prev:hover:before, .superbus .owl-prev:focus:before, .superbus .owl-next:hover:before, .superbus .owl-next:focus:before {
        color: var(--secondary-color);
        text-shadow: 0 0 4px #2d3fa8;
    }

    .superbus .owl-next:before {
        content: "\f105";
    }

.superbus .owl-next {
    right: 0;
}

.superbusgallery {
    display: none !important;
}

.toptitle h3 i {
    font-style: normal;
}

/*Choose Us Section Style Start Here*/

.choosetoptitle {
    display: none;
}

    .choosetoptitle h3 i {
        display: block;
        font-style: normal;
    }

.choosewrapper {
    width: 100%;
    float: left;
    margin: 113px 0 0;
    background-color: var(--secondary-color);
    text-align: center;
    position: relative;
}

.choosecontent {
    width: 100%;
    float: left;
    text-align: center;
    padding: 70px 0 103px;
    position: relative;
    z-index: 1;
}

    .choosecontent .toptitle {
        width: 100%;
    }

        .choosecontent .toptitle h3 {
            color: var(--button-color);
        }

        .choosecontent .toptitle p {
            color: var(--tertiary-color);
            padding: 20px 0 0;
        }

.chooseusrow {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    padding: 66px 0 0;
}

.chooseuscard {
    width: 352px;
    height: 327px;
    padding: 48px 0 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
    background-color: transparent;
    border: 1px solid var(--button-color);
    border-radius: 20px;
}

.chooseuscardimage {
    height: 92px;
    width: 92px;
    display: inline-block;
    background-image: url(../images/icon01.svg);
    background-position: center -2234px;
    background-repeat: no-repeat;
    background-color: var(--button-color);
    border-radius: 50%;
}

    .chooseuscardimage.chooseuscardimage02 {
        background-position: center -2478px;
    }

    .chooseuscardimage.chooseuscardimage03 {
        background-position: center -2721px;
    }

.chooseuscard p {
    color: var(--button-color);
    padding: 28px 0 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}

.chooseuscard span {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: var(--tertiary-color);
    line-height: 22px;
    text-align: center;
    padding: 14px 51px 0;
}

/*Choose Us Section Style End Here*/

/*Amenities Style Start Here*/

.amenities {
    width: 100%;
    float: left;
    clear: both;
    padding: 100px 0 0;
}

.amenitieswrapper {
    width: 100%;
    float: left;
    padding: 104px 0 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

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

    .amenitiespart .toptitle {
        width: 100%;
    }

        .amenitiespart .toptitle p {
            padding: 20px 0 0;
        }

.amenitiesrow {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 49px 0 0;
    gap: 18px;
}

.amenitiescard {
    text-align: left;
    background-color: var(--button-color);
    border-radius: 20px;
    cursor: pointer;
    height: 133px;
    width: 369px;
    padding: 21px 0 0 34px;
    display: inline-block;
    vertical-align: middle;
}

    .amenitiescard em {
        width: 95px;
        height: 92px;
        border-radius: 20px;
        background-color: var(--secondary-color);
        display: inline-block;
        vertical-align: middle;
        background-image: url("../images/icon01.svg");
        background-position: center -2956px;
        background-repeat: no-repeat;
    }

    .amenitiescard.amenitiescard02 em {
        background-position: center -3195px;
    }

    .amenitiescard.amenitiescard03 em {
        background-position: center -3440px;
    }

    .amenitiescard.amenitiescard04 em {
        background-position: center -3685px;
    }

    .amenitiescard.amenitiescard05 em {
        background-position: center -3930px;
    }

    .amenitiescard.amenitiescard06 em {
        background-position: center -4177px;
    }

    .amenitiescard span {
        font-size: 18px;
        font-weight: 600;
        color: #000;
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 0 28px;
        line-height: 25px;
    }

        .amenitiescard span i {
            display: block;
            font-style: normal;
        }


/*Amenities Style End Here*/

/*Application Style Start Here*/

.applicationwrapper {
    width: 100%;
    float: left;
    text-align: center;
    margin: 86px 0 0;
    background-color: var(--button-color);
    position: relative;
    overflow: hidden;
}

    .applicationwrapper:after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        background-image: url("../images/appbg.png");
        background-position: 136% -819px;
        background-repeat: no-repeat;
        width: 100%;
        min-height: 578px;
        z-index: 0;
    }

.qrwrapper {
    width: 100%;
    float: left;
    padding: 22px 0 55px;
    position: relative;
    z-index: 1;
}

.qrcode {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0 0;
    text-align: right;
}

.qrdetails {
    width: 50.7%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 25px 0 0;
}

    .qrdetails .toptitle h3 {
        line-height: 48px;
        padding: 0 30px 0 0;
    }

        .qrdetails .toptitle h3 i {
            font-style: normal;
            display: block;
        }

.appsection {
    display: flex;
    gap: 18px 54px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    padding: 26px 0 0;
}

    .appsection span {
        flex-basis: 40%;
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
        color: var(--secondary-color);
    }

        .appsection span i {
            padding: 0 13px 0 0;
            font-size: 20px;
        }

.qrcontent {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 14px 0 0;
}

.qrmobilelink {
    padding: 10px 0 0;
}

    .qrmobilelink h3 {
        font-size: 20px;
        font-weight: 700;
        color: #000;
        line-height: 29px;
        padding: 0 0 4px;
        text-align: left;
    }

        .qrmobilelink h3 i {
            display: block;
            font-style: normal;
        }

.number-wrapper {
    width: 100%;
    margin: 0;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    background-color: var(--pure);
}

    .number-wrapper input {
        padding: 0 0 0 42px;
        width: 64%;
        height: 51px;
        float: left;
        border: 0;
        background: #fff;
        border-radius: 50px;
        border-top-style: none;
        outline: none;
        font-size: 14px;
        font-weight: 400;
        color: #666;
    }

    .number-wrapper button {
        overflow: visible;
        position: relative;
        float: right;
        border: none;
        padding: 0;
        width: 161px;
        text-align: center;
        cursor: pointer;
        height: 51px;
        font-size: 14px;
        font-weight: 400;
        color: var(--pure);
        background-color: var(--secondary-color);
        border-radius: 50px;
    }

        .number-wrapper button:hover, .number-wrapper button:focus {
            background-color: var(--primary-color);
            color: var(--pure);
        }

.qrmobile {
    width: 66%;
}

.qrgicon {
    padding: 57px 0 0;
    display: flex;
    justify-content: flex-start;
    gap: 9px;
}

    .qrgicon a {
        display: inline-block;
        vertical-align: middle;
        background-image: url("../images/googleicon.png");
        background-position: center -8px;
        background-repeat: no-repeat;
        width: 145px;
        height: 44px;
        background-size: 145px;
    }

    .qrgicon .qrgiconapp {
        background-position: center -155px;
    }

    .qrgicon a img {
        max-width: 145px;
    }

.qrscanner {
    display: inline-block;
    vertical-align: bottom;
    padding: 18px 0 0 40px;
    width: 36%;
}

    .qrscanner p {
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        color: #000;
        display: inline-block;
        vertical-align: middle;
        padding: 13px 0 0;
    }

        .qrscanner p i {
            font-style: normal;
            display: block;
        }

    .qrscanner span {
        display: inline-block;
        vertical-align: middle;
        padding: 0;
    }

.qrcode .mobileappimg {
    display: none;
}

/*Application Style End Here*/

.exloreindia {
    width: 100%;
    float: left;
    padding: 24px 0 0;
    position: relative;
}

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

    .exlorearea .toptitle p {
        padding: 11px 0 0;
    }

.exloreslider {
    width: 100%;
    float: left;
    text-align: center;
    padding: 41px 0 0;
}

.exloreicon {
    width: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.exlorebox {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
}

.exlorecontent {
    position: absolute;
    bottom: 48px;
    left: 48px;
    text-align: left;
}

    .exlorecontent p {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px;
        color: var(--pure);
        padding: 0 120px 24px 0;
        display: inline-block;
        vertical-align: middle;
    }

    .exlorecontent ul {
        padding: 0;
        margin: 0;
    }

        .exlorecontent ul li {
            list-style: none;
        }

            .exlorecontent ul li a {
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
                text-align: center;
                color: var(--primary-color);
                background-color: var(--button-color);
                border-radius: 50px;
                padding: 8px 27px;
                display: inline-block;
                vertical-align: middle;
            }

    .exlorecontent a:hover, .exlorecontent a:focus {
        color: var(--pure);
        background-color: var(--secondary-color);
    }

.exloreslider .owl-nav {
    right: 0;
    position: absolute;
    top: -112px;
    display: inline-block !important;
}

.exloreslider .owl-prev, .exloreslider .owl-next {
    position: absolute;
    right: 45px;
    top: 0;
    width: 30px;
    height: 30px;
}

    .exloreslider .owl-prev:before, .exloreslider .owl-next:before {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 auto;
        content: "\f104";
        font-family: fontawesome;
        width: 100%;
        font-size: 28px;
        color: #888;
        line-height: 30px;
    }

    .exloreslider .owl-prev:hover:before, .exloreslider .owl-prev:focus:before, .exloreslider .owl-next:hover:before, .exloreslider .owl-next:focus:before {
        color: var(--secondary-color);
        text-shadow: 0 0 4px #2d3fa8;
    }

.exloreslider .owl-next {
    right: 0;
}

    .exloreslider .owl-next:before {
        content: "\f105";
    }

.mblexplorepart {
    display: none;
}

.superbusjourney {
    width: 100%;
    float: left;
    padding: 115px 0 50px;
}

.superbuslogo {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 0 84px;
}

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

body .journeybetter .container {
    max-width: 1430px;
}

.journeycontent {
    position: relative;
    width: 100%;
    float: left;
}

    .journeycontent p {
        font-size: 40px;
        font-weight: 700;
        line-height: 29px;
        color: #191715;
    }

    .journeycontent:before {
        position: absolute;
        content: "";
        left: 0;
        top: 2px;
        background-image: url("../images/pattern.png");
        background-position: left top;
        background-repeat: no-repeat;
        width: 479px;
        height: 22px;
    }

    .journeycontent:after {
        position: absolute;
        content: "";
        right: 0;
        top: 2px;
        background-image: url("../images/pattern.png");
        background-position: right top;
        background-repeat: no-repeat;
        width: 479px;
        height: 22px;
    }

/* Testimonial Style End Here*/

.downloadarea {
    width: 100%;
    float: left;
    padding: 22px 0 0;
    position: relative;
    z-index: 1;
}

.downloadpart {
    width: 100%;
    float: left;
    background-image: url("../images/downloadappbg.png");
    background-position: center -1660px;
    background-repeat: no-repeat;
    min-height: 218px;
    padding: 45px 91px 0 86px;
    background-color: var(--button-color);
    border-radius: 20px;
    overflow: hidden;
    background-size: 5592px;
}

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

.downloadapparea {
    float: left;
    padding: 7px 0 0;
}

    .downloadapparea h3 {
        font-size: 30px;
        font-weight: 700;
        line-height: 37px;
        color: var(--secondary-color);
    }

.downloadqr {
    padding: 21px 0 0;
    display: flex;
    justify-content: flex-start;
    gap: 11px;
}

    .downloadqr a {
        display: inline-block;
        vertical-align: middle;
        background-image: url("../images/googleicon.png");
        background-position: center -10px;
        background-repeat: no-repeat;
        width: 168px;
        height: 50px;
        background-size: 168px;
    }

    .downloadqr .downloadqrapp {
        background-position: center -180px;
    }

.downloadqrarea {
    float: right;
}

/* Footer Style Start Here */

.footer {
    width: 100%;
    float: left;
    clear: both;
}

.footerwrapper {
    width: 100%;
    float: left;
    padding: 0;
    margin: -117px 0 0;
}

.topfooter {
    width: 100%;
    float: left;
    position: relative;
}

.footertoppart {
    width: 100%;
    float: left;
    padding: 195px 0 78px;
    background-color: var(--primary-color);
}

.socialpart {
    width: 100%;
    float: left;
    padding: 0 48px 47px 8px;
    border-bottom: 1px solid var(--button-color);
}

.footerlogo {
    float: left;
}

    .footerlogo a {
        display: inline-block;
        vertical-align: middle;
    }

.socialicon {
    float: right;
}

    .socialicon p {
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        color: var(--tertiary-color);
        padding: 0 0 16px;
    }

    .socialicon a {
        color: var(--tertiary-color);
        font-size: 28px;
        line-height: 30px;
        padding: 0 34px 0 0;
    }

        .socialicon a:hover, .socialicon a:focus {
            color: var(--button-color);
        }

    .socialicon .twitter {
        padding: 0;
    }

.topfooterwrapper {
    width: 100%;
    float: left;
    padding: 44px 0 0;
}

.navfooter {
    padding: 0 0 0 12px;
}

.footernavmain {
    width: 64%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.topfooterwrapper h4 {
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 12px;
    color: var(--tertiary-color);
}

.navfooteritem {
    float: left;
}

    .navfooteritem ul {
        list-style: none;
        padding: 0;
        width: 100%;
        margin: 0;
    }

        .navfooteritem ul li {
            margin: 0;
            padding: 0;
            display: block;
        }

            .navfooteritem ul li a {
                font-size: 12px;
                font-weight: 400;
                color: var(--tertiary-color) !important;
                margin: 0;
                position: relative;
                transition: 0.3s all;
                padding: 0 10px 0 0;
                width: 100%;
                float: left;
                line-height: 22px;
            }

                .navfooteritem ul li a:hover {
                    padding: 0 0 0 7px;
                    color: var(--secondary-color);
                }

                .navfooteritem ul li a::before {
                    content: '';
                    position: absolute;
                    width: 0;
                    height: 13px;
                    background-color: var(--button-color);
                    top: 4px;
                    left: 0;
                    transition: 0.3s all;
                }

                .navfooteritem ul li a:hover::before {
                    width: 3px;
                }

    .navfooteritem.col-sm-3 {
        width: 100%;
        position: relative;
    }

.navfooteritem2 {
    padding: 105px 0 0;
}

.footeraddress {
    width: 24.3%;
    float: right;
}

.addressbottom p {
    font-size: 11px;
    font-weight: 400;
    color: var(--tertiary-color);
    line-height: 20px;
}

    .addressbottom p i {
        display: block;
        font-style: normal;
    }

.footerapp {
    float: left;
    padding: 95px 0 0;
}

.topfooterwrapper .footerapp h4 {
    padding: 0 0 20px;
}

.footerappbtn {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}

    .footerappbtn a {
        display: inline-block;
        vertical-align: middle;
        background-image: url("../images/googleicon.png");
        background-position: center -8px;
        background-repeat: no-repeat;
        width: 135px;
        height: 40px;
        background-size: 135px;
        border: 1px solid #323232;
        border-radius: 6px;
    }

    .footerappbtn .footerapp02 {
        background-position: center -145px;
    }


.bottomfooter {
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    background-color: var(--primary-color);
}

body .bottomfooter .container {
    max-width: 1384px;
}

.footertravelslink {
    padding: 39px 0 45px;
    border-top: 1px solid var(--button-color);
}

    .footertravelslink p {
        color: var(--tertiary-color);
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
    }

        .footertravelslink p a {
            color: var(--tertiary-color);
        }

            .footertravelslink p a:hover,
            .footertravelslink p a:focus {
                color: var(--button-color);
            }

/* Footer Style End Here */

.ticketbtnpart {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    padding: 30px 0 0;
}

.ticketprintbtn input {
    margin: 0 !important;
}

.ticketsharebtn input {
    border: none !important;
    background-color: var(--button-color) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: var(--primary-color) !important;
    padding: 14px 32px !important;
    border-radius: 30px !important;
    margin: 0 !important;
    letter-spacing: inherit !important;
}

    .ticketsharebtn input:hover, .ticketsharebtn input:focus {
        background-color: var(--secondary-color) !important;
        color: var(--pure) !important;
    }

/* EMT Desktop */

.emtwrapparts {
    width: 100%;
    float: left;
    padding: 148px 0 96px;
}

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

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

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

.emtsection {
    width: 100%;
    float: left;
    text-align: center;
    padding: 99px 0 0;
}

    .emtsection span {
        display: inline-block;
        vertical-align: middle;
        font-size: 32px;
        color: var(--secondary-color);
        font-weight: 400;
        text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    }

.emtcont {
    width: 100%;
    text-align: center;
    padding: 49px 0 0;
    display: flex;
    justify-content: center;
    gap: 62px;
    align-items: center;
    flex-wrap: wrap;
}

.emtsection p {
    color: #595959;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 98px 0 114px;
    font-family: 'HeadlandOne' !important;
}

    .emtsection p i {
        display: block;
        font-style: normal;
    }

    .emtsection p a {
        color: var(--secondary-color) !important;
    }

        .emtsection p a:hover, .emtsection p a:focus {
            color: var(--button-color) !important;
        }

.emtbutton {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 81px;
    padding: 0 0 63px;
    flex-wrap: wrap;
}

    .emtbutton a {
        color: var(--secondary-color);
        font-size: 32px;
        font-weight: 400;
        border-radius: 20px;
        padding: 13px 91px;
        background-color: var(--pure);
        border: 1px solid var(--secondary-color);
        display: inline-block;
        vertical-align: middle;
    }

    .emtbutton .emtagreebtn {
        border: none;
        background-color: var(--button-color);
        padding: 14px 81px;
    }

    .emtbutton a:hover, .emtbutton a:focus {
        background-color: var(--secondary-color);
        color: var(--pure);
    }
/* EMT Desktop End */

/* EMT Module */

.emtmodulewrap {
    float: left;
    width: 100%;
    padding: 60px 0 40px;
}


/* Carrier Style Start Here */
.carrierwrap {
    width: 100%;
    float: left;
}

.carrierslider {
    width: 100%;
    float: left;
    position: relative;
    background-color: var(--button-color);
    height: 508px;
}

    .carrierslider:before {
        position: absolute;
        content: "";
        left: 0;
        top: 0;
        background-image: url(../images/carrierslidershape.png);
        background-position: left top;
        background-repeat: no-repeat;
        width: 793px;
        height: 508px;
    }

    .carrierslider:after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 100%;
        height: 156px;
        background-color: #000;
        clip-path: polygon(0 0, 100% 76%, 100% 100%, 0% 100%);
    }

.carriersliderpart {
    width: 100%;
    float: left;
    position: relative;
    z-index: 1;
    padding: 28px 0 0;
}

.carriersright {
    float: right;
    padding: 125px 19% 0 0;
    width: max-content;
}

    .carriersright h1 {
        font-size: 50px;
        font-weight: 700;
        line-height: 54px;
        color: var(--primary-color);
    }

        .carriersright h1 i {
            display: block;
            font-style: normal;
        }

    .carriersright p {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        padding: 11px 0 19px;
        color: var(--primary-color);
    }

    .carriersright a {
        font-size: 14px;
        font-weight: 400;
        color: #FFFDFD;
        background-color: var(--secondary-color);
        border-radius: 30px;
        padding: 17px 30px 14px;
        display: inline-block;
        vertical-align: middle;
    }

        .carriersright a:hover, .carriersright a:focus {
            color: var(--pure);
            background-color: var(--primary-color);
        }

.carrierworkbg {
    width: 100%;
    min-height: 956px;
    float: left;
    background-image: url("../images/carrierbg.png");
    background-position: center top;
    background-repeat: no-repeat;
}

.carrierwork {
    width: 100%;
    float: left;
    padding: 71px 0 103px;
    text-align: center;
}

    .carrierwork .toptitle {
        float: none;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        width: 100%;
    }

        .carrierwork .toptitle p {
            padding: 19px 0 0;
        }

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

.carrierworkbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 65px 0 0;
}

.carrierbox {
    width: 352px;
    height: 327px;
    background-color: var(--pure);
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 48px 33px 0;
}

    .carrierbox span {
        width: 92px;
        height: 92px;
        background-color: var(--button-color);
        border-radius: 50%;
        float: left;
        background-image: url("../images/icon01.svg");
        background-position: center -2234px;
        background-repeat: no-repeat;
    }

    .carrierbox.carrierbox02 span {
        background-position: center -2478px;
    }

    .carrierbox.carrierbox03 span {
        background-position: center -2721px;
    }

    .carrierbox h3 {
        font-size: 20px;
        font-weight: 700;
        color: var(--secondary-color);
        padding: 26px 0 16px;
        letter-spacing: -0.3px;
    }

    .carrierbox p {
        font-size: 16px;
        font-weight: 400;
        color: var(--primary-color);
        line-height: 19px;
    }

.carrierform {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #E1E1E1;
    background-color: var(--pure);
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.carrierformleft {
    padding: 20px 0 30px 81px;
    float: left;
    width: 48%;
}

.carrierboxmbl {
    display: none;
}

.carrierformright img {
    display: none !important;
}

.formboxpart {
    width: 100%;
    float: left;
    padding: 0 0 27px;
}

    .formboxpart label {
        font-size: 16px;
        font-weight: 700;
        color: #000;
        line-height: 22px;
        padding: 0 0 20px;
    }

    .formboxpart input {
        width: 100%;
        height: 51px;
        border-radius: 50px;
        color: #666666;
        border: 1px solid #E1E1E1;
        padding: 0 30px;
    }

.formboxpartbtn {
    padding: 9px 0 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

    .formboxpartbtn a {
        background-color: var(--secondary-color);
        border-radius: 30px;
        padding: 16px 57px 15px;
        font-size: 14px;
        color: #FFFDFD;
        font-weight: 400;
    }

        .formboxpartbtn a:hover, .formboxpartbtn a:focus {
            background-color: var(--button-color);
            color: var(--secondary-color);
        }

.carrierformright {
    width: 506px;
    min-height: 538px;
    background-image: url("../images/carrierbox.jpg");
    background-position: -225px top;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
}

    .carrierformright:after {
        position: absolute;
        content: "";
        width: 230px;
        height: 319px;
        right: 0;
        bottom: 0;
        background-image: url("../images/carrierboxicon.png");
        background-position: right bottom;
        background-repeat: no-repeat;
    }

.carrierteam {
    width: 100%;
    float: left;
    min-height: 272px;
    background-image: url("../images/carrierteam.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    margin: 126px 0 0;
}

.carrierteampart {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 81px 0 0;
}

    .carrierteampart h3 {
        font-size: 30px;
        font-weight: 700;
        color: #FFFDFD;
        line-height: 36px;
        text-align: right;
        padding: 3px 0 0;
    }

        .carrierteampart h3 i {
            display: block;
            font-style: normal;
        }

.customerpartwrap {
    width: 100%;
    float: left;
    padding: 107px 0 120px;
}

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

    .customerpart .toptitle h3 {
        color: #FF9600;
    }

.customerdropdownwrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 26px;
    padding: 38px 0 0;
}

.customerdropdown {
    float: left;
}

.cstmrdropdown {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
}

.cstmrdropbox {
    position: relative;
    max-width: 100%;
    text-align: center;
    z-index: 200;
}

    .cstmrdropbox [type="checkbox"]:checked,
    .cstmrdropbox [type="checkbox"]:not(:checked) {
        position: absolute;
        left: -9999px;
        opacity: 0;
        pointer-events: none;
    }

    .cstmrdropbox .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.fa.fa-angle-down {
        color: #888;
        font-size: 20px;
        transition: all 0.6s ease;
    }

    .cstmrdropbox .MuiAutocomplete-root.Mui-focused.MuiAutocomplete-hasClearIcon.fa.fa-angle-down:before {
        transform: rotate(180deg);
        transition: all 0.6s ease;
    }

    .cstmrdropbox .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.fa-angle-down:before {
        right: 22px;
        position: absolute;
        transition: all 0.6s ease;
    }

    .cstmrdropbox .css-1q60rmi-MuiAutocomplete-endAdornment svg {
        display: none !important;
    }

.cstmrdropdown .css-16awh2u-MuiAutocomplete-root {
    position: relative;
    transition: all 200ms linear;
    width: 213px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    background-color: var(--pure);
    cursor: pointer;
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    padding: 8px 10px 6px 28px;
}

.cstmrdropbox .css-1tb7pjp-MuiInputBase-root-MuiInput-root:after {
    border: none !important;
    display: none !important;
}

.cstmrdropbox .css-1tb7pjp-MuiInputBase-root-MuiInput-root:before {
    border: none !important;
    display: none !important;
}

.cstmrdropbox .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary-color);
}

.cstmrdropbox .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
    padding-right: 22px;
}

.cstmrdropbox .css-1glvl0p-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator {
    top: -3px;
}

.cstmrdropbox .Muiautocomplete-popupIndecatorOpen {
    border: 2px solid var(--secondary-color);
}

.for-cstmrdropdown i {
    color: #888888;
    font-size: 19px;
}

.cstmrdropdown:checked + .for-cstmrdropdown i {
    transform: rotate(-180deg);
    transition: 0.25s ease-in-out;
}

.cstmrdropdown:checked + .for-cstmrdropdown {
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    transition: 0.25s ease-in-out;
}

.cstmrdropdown:checked + label:before,
.cstmrdropdown:not(:checked) + label:before {
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    cursor: auto;
    pointer-events: none;
}

.cstmrdropdown:checked + label:before {
    pointer-events: auto;
}

.cstmrbox-dropdown {
    position: absolute;
    padding: 0 0 14px;
    background-color: var(--pure);
    top: 41px;
    left: 0;
    width: 100%;
    border-radius: 0 0 15px 15px;
    display: block;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: all 200ms linear;
    border: 1px solid var(--secondary-color);
    border-top: none;
}

.cstmrdropdown:checked ~ .cstmrbox-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.cstmrbox-dropdown a {
    color: #000;
    transition: all 200ms linear;
    font-size: 16px;
    padding: 10px 20px 9px 28px;
    font-weight: 400;
    line-height: 24px;
    display: block;
    text-align: left;
}

    .cstmrbox-dropdown a:hover, .cstmrbox-dropdown a:focus {
        background-color: var(--secondary-color);
        color: var(--button-color);
        transition: 0.25s ease-in-out;
    }

.viewclear {
    display: flex;
    justify-content: flex-end;
    gap: 26px;
    align-items: center;
}

    .viewclear a {
        color: var(--secondary-color);
        font-size: 16px;
        font-weight: 400;
        text-decoration: underline !important;
    }

        .viewclear a:hover, .viewclear a:focus {
            color: #FF9600 !important;
            transition: 0.25s ease-in-out;
        }

.carrierdropclear {
    color: #666 !important;
}

.cstmrsuccessm {
    width: 100%;
    float: left;
    padding: 61px 0 0;
}

.cstmrsuccessbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #E1E1E1;
    padding: 26px 0 25px;
}

    .cstmrsuccessbox:last-child {
        border-bottom: 1px solid #E1E1E1;
    }

.cstmrsuccesstop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .cstmrsuccesstop h2 {
        font-size: 40px;
        color: var(--secondary-color);
        font-weight: 700;
        line-height: 49px;
    }

    .cstmrsuccesstop span {
        font-size: 18px;
        color: #888888;
        font-weight: 500;
        line-height: 25px;
        padding: 7px 0 0;
    }

.cstmrsuccessbtm {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

    .cstmrsuccessbtm p {
        font-size: 20px;
        color: var(--primary-color);
        font-weight: 600;
        letter-spacing: -0.2px;
    }

        .cstmrsuccessbtm p i {
            font-style: normal;
        }

.carrierapplybtn {
    display: flex;
}

    .carrierapplybtn a {
        font-size: 14px;
        font-weight: 400;
        color: #FFFDFD;
        background-color: var(--secondary-color);
        border-radius: 30px;
        padding: 16px 61px 15px;
    }

        .carrierapplybtn a:hover, .carrierapplybtn a:focus {
            color: var(--primary-color);
            background-color: var(--button-color);
            transition: 0.25s ease-in-out;
        }
/* Carrier Style End Here */

/* CarrierApplication Style Start Here */

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

.carrierappslider {
    width: 100%;
    float: left;
    padding: 79px 0 0;
}

.carrierappsliderpart {
    background-color: var(--button-color);
    border-radius: 20px;
    width: 100%;
    float: left;
    padding: 43px 85px 43px;
    position: relative;
    overflow: hidden;
}

    .carrierappsliderpart:after {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        width: 539px;
        height: 100%;
        background-image: url("../images/customerbg1.png");
        background-position: right -1268px;
        background-repeat: no-repeat;
        z-index: 0;
    }

    .carrierappsliderpart h2 {
        font-size: 50px;
        font-weight: 700;
        color: var(--secondary-color);
        line-height: 54px;
        position: relative;
        z-index: 1;
        display: inline-block;
    }

        .carrierappsliderpart h2 i {
            display: block;
            font-style: normal;
        }

    .carrierappsliderpart p {
        color: var(--primary-color);
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        padding: 60px 0 0;
        position: relative;
        z-index: 1;
        width: max-content;
    }

        .carrierappsliderpart p i {
            font-style: normal;
        }

.carrierappabout {
    width: 100%;
    float: left;
    padding: 43px 0 74px;
}

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

    .carrierappaboutsec h2 {
        color: var(--secondary-color);
        font-weight: 700;
        font-size: 40px;
        line-height: 49px;
    }

.carrierappaboutpart {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 37px 0 0;
}

.carrierappaboutleft {
    width: 48.5%;
    float: left;
}

    .carrierappaboutleft h3 {
        font-size: 24px;
        color: #333333;
        font-weight: 700;
    }

.carrieraboutcont {
    width: 100%;
    float: left;
    padding: 28px 0 0 12px;
}

.carrieraboutcontent {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

    .carrieraboutcontent span {
        width: 5px;
        height: 5px;
        background-color: #333;
        display: inline-block;
        vertical-align: top;
        border-radius: 50%;
        margin: 12px 0 0;
    }

    .carrieraboutcontent p {
        font-size: 24px;
        font-weight: 400;
        color: #333;
        line-height: 29px;
        display: inline-block;
        vertical-align: top;
        flex-basis: 96%;
        letter-spacing: 0.3px;
    }

.carrierappaboutright p {
    font-size: 24px;
    font-weight: 400;
    color: #333;
    line-height: 29px;
    display: inline-block;
    vertical-align: top;
    padding: 28px 0 1px;
    letter-spacing: 0.3px;
}

.carrierappapply {
    width: 100%;
    float: left;
    padding: 63px 0 96px;
    background-color: var(--secondary-color);
}

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

    .carrierappapplypart h2 {
        color: var(--button-color);
        font-size: 40px;
        line-height: 49px;
        font-weight: 700;
        padding: 0 0 29px;
    }

.carrierappapplybox {
    width: 100%;
    float: left;
    padding: 40px 45px 46px;
    background-color: var(--pure);
    border-radius: 20px;
}

    .carrierappapplybox p {
        color: var(--secondary-color);
        font-size: 18px;
        font-weight: 700;
        line-height: 25px;
        padding: 0 0 40px;
    }

.appapplybox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.appapplyboxleft {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 26px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.appapplyboxcont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 19px;
    flex-direction: column;
    flex-basis: 48%;
}

    .appapplyboxcont label {
        font-size: 16px;
        font-weight: 700;
        color: #000;
        line-height: 22px;
    }

    .appapplyboxcont input {
        font-size: 16px;
        color: #666;
        border: 1px solid #E1E1E1;
        border-radius: 30px;
        width: 100%;
        padding: 0 0 0 29px;
        height: 51px;
        position: relative;
    }

        .appapplyboxcont input:focus, .appapplyboxcont input:focus, .appapplyboxcont input:focus {
            border-color: var(--primary-color);
            outline: 0;
            box-shadow: none;
        }

.appapplyboxcontid {
    flex-basis: 48%;
    gap: 26px;
    display: flex;
    flex-direction: column;
}

    .appapplyboxcontid .appapplyboxcont {
        flex-basis: 100%;
    }


.appapplyboxcontresume input[type=file] {
    width: 100%;
    height: 51px;
    max-width: 100%;
    color: #666;
    padding: 6px 0 0 8px;
    background: transparent;
    border-radius: 30px;
    border: 1px solid #E1E1E1;
    z-index: 1;
}

    .appapplyboxcontresume input[type=file]::file-selector-button {
        margin-right: 20px;
        border: none;
        font-size: 14px;
        background: var(--secondary-color);
        padding: 8px 28px;
        border-radius: 30px;
        color: #fff;
        cursor: pointer;
        transition: background .2s ease-in-out;
    }

        .appapplyboxcontresume input[type=file]::file-selector-button:hover {
            background: #0d45a5;
        }

.appapplyboxtextarea {
    flex-basis: 48%;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 19px;
}

    .appapplyboxtextarea textarea {
        font-size: 16px;
        font-weight: 400;
        color: #888;
        padding: 21px 34px;
        width: 100%;
        border-radius: 20px;
        background-color: var(--pure);
        border: 1px solid #e1e1e1;
        height: 170px;
        overflow-y: auto;
    }

    .appapplyboxtextarea label {
        font-size: 16px;
        font-weight: 700;
        color: #000;
        line-height: 22px;
    }

.appapplyboxcontresume {
    position: relative;
}

    .appapplyboxcontresume:after {
        position: absolute;
        content: "";
        right: 29px;
        top: 54px;
        width: 28px;
        height: 24px;
        background-image: url("../images/icon01.svg");
        background-position: 95% -14280px;
        background-repeat: no-repeat;
    }

.carrierproceedbtn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 36px 0 0;
}

    .carrierproceedbtn a {
        background-color: var(--secondary-color);
        border-radius: 30px;
        font-size: 14px;
        font-weight: 400;
        color: #FFFDFD;
        padding: 16px 52px 15px;
    }

        .carrierproceedbtn a:hover, .carrierproceedbtn a:focus {
            color: var(--primary-color);
            background-color: var(--button-color);
        }

.carrierapproles {
    width: 100%;
    float: left;
    padding: 68px 0 86px;
}

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

    .carrierapprolespart .toptitle p {
        padding: 10px 0 0;
    }

.carrierapproleslide {
    width: 100%;
    float: left;
    padding: 41px 0 0;
}

.roles-slide {
    width: 369px;
    height: 426px;
    background-color: var(--secondary-color);
    border-radius: 20px;
    float: left;
    padding: 46px 45px 40px;
    position: relative;
    background-image: url("../images/rolesbg.png");
    background-position: center top;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rolesbox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    position: relative;
    z-index: 1;
    gap: 17px;
}

    .rolesbox h1 {
        font-size: 32px;
        font-weight: 700;
        line-height: 36px;
        color: var(--button-color);
    }

        .rolesbox h1 i {
            font-style: normal;
            display: block;
        }

    .rolesbox span {
        font-size: 18px;
        font-weight: 300;
        line-height: 25px;
        color: #DEDEDE;
    }

.roles-slide p {
    padding: 5px 0 0;
    font-size: 20px;
    font-weight: 500;
    color: var(--pure);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

    .roles-slide p label {
        color: var(--pure);
        padding: 0 0 0 8px;
    }

    .roles-slide p i {
        font-style: normal;
    }

.rolesapply {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0px 0 0;
    position: relative;
    z-index: 1;
}

    .rolesapply a {
        background-color: var(--button-color);
        color: var(--secondary-color);
        font-size: 14px;
        font-weight: 400;
        border-radius: 30px;
        padding: 16px 61px 15px;
    }

        .rolesapply a:hover, .rolesapply a:focus {
            background-color: var(--pure);
            color: var(--secondary-color);
        }

.carrierapproleslide .owl-nav {
    right: 12px;
    position: absolute;
    top: -117px;
    display: block !important;
}

.carrierapproleslide .owl-prev, .carrierapproleslide .owl-next {
    position: absolute;
    right: 45px;
    top: 0;
    width: 30px;
    height: 30px;
}

    .carrierapproleslide .owl-prev:before, .carrierapproleslide .owl-next:before {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 auto;
        content: "\f104";
        font-family: fontawesome;
        width: 100%;
        font-size: 28px;
        color: #888;
        line-height: 30px;
    }

    .carrierapproleslide .owl-prev:hover:before, .carrierapproleslide .owl-prev:focus:before, .carrierapproleslide .owl-next:hover:before, .carrierapproleslide .owl-next:focus:before {
        color: var(--secondary-color);
        text-shadow: 0 0 4px #2d3fa8;
    }

    .carrierapproleslide .owl-next:before {
        content: "\f105";
    }

.carrierapproleslide .owl-next {
    right: 0;
}

/* CarrierApplication Style End Here */

/* Partnership Style Start Here */

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

.partnershipslider {
    width: 100%;
    float: left;
    background-color: #2E2E2E;
    position: relative;
    padding: 16px 30px 0 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

    .partnershipslider:after {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        width: 793px;
        height: 508px;
        background-image: url("../images/psliderbg.png");
        background-position: right -1910px;
        background-repeat: no-repeat;
    }

    .partnershipslider:before {
        position: absolute;
        content: "";
        left: 84px;
        bottom: 35px;
        width: 644px;
        height: 29px;
        background-image: url("../images/pslidershape.png");
        background-position: left bottom;
        background-repeat: no-repeat;
    }

.partnersliderleft {
    padding: 70px 0 0 20%;
    float: left;
    position: relative;
    z-index: 1;
}

    .partnersliderleft h1 {
        font-size: 50px;
        font-weight: 700;
        color: var(--pure);
        line-height: 54px;
    }

        .partnersliderleft h1 span {
            color: var(--button-color);
        }

        .partnersliderleft h1 i {
            display: block;
            font-style: normal;
        }

    .partnersliderleft p {
        font-size: 20px;
        font-weight: 400;
        color: #FFFDFD;
        line-height: 28px;
        padding: 11px 0 19px;
    }

    .partnersliderleft a {
        background-color: var(--secondary-color);
        border-radius: 30px;
        font-size: 14px;
        font-weight: 400;
        padding: 16px 49px 15px;
        color: #FFFDFD;
        display: inline-block;
    }

        .partnersliderleft a:hover, .partnersliderleft a:focus {
            background-color: var(--button-color);
            color: var(--primary-color);
        }

.partnersliderbus {
    width: 798px;
    height: 492px;
    float: right;
    background-image: url(../images/partershipbus.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
}

.partnershipslider img {
    float: right;
    position: relative;
    z-index: 1;
}

.collabsuper {
    width: 100%;
    float: left;
    min-height: 958px;
    background-image: url("../images/collaboratebg.png");
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.partnershipcolla {
    width: 100%;
    float: left;
    padding: 71px 0 0;
    text-align: center;
}

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

    .partnershipcollapart .toptitle {
        width: 100%;
        text-align: center;
    }

        .partnershipcollapart .toptitle p {
            padding: 19px 0 0;
        }

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

.collabspart {
    width: 100%;
    padding: 65px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.collabsbox {
    width: 352px;
    height: 327px;
    padding: 48px 46px 0;
    border: 1px solid var(--secondary-color);
    background-color: var(--pure);
    border-radius: 20px;
    text-align: center;
}

    .collabsbox span {
        width: 92px;
        height: 92px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
        background-image: url("../images/icon01.svg");
        background-position: center -13675px;
        background-repeat: no-repeat;
        background-color: var(--button-color);
    }

    .collabsbox.collabsbox02 span {
        background-position: center -13866px;
    }

    .collabsbox.collabsbox03 span {
        background-position: center -14062px;
    }

    .collabsbox h3 {
        padding: 25px 0 13px;
        font-size: 19px;
        line-height: 28px;
        color: var(--secondary-color);
        font-weight: 700;
        width: 100%;
    }

    .collabsbox p {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        float: left;
    }

.supercollab {
    width: 100%;
    float: left;
    padding: 102px 0 0;
}

body .supercollab .container {
    max-width: 1270px;
}

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

    .supercollabpart .toptitle p {
        padding: 10px 0 0;
    }

.supercollabslide {
    width: 100%;
    float: left;
    padding: 35px 0 0;
}

.collab-slide {
    width: 550px;
    height: 426px;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--button-color);
    border-radius: 20px;
    overflow: hidden;
}

.collabscont {
    width: 100%;
    float: left;
    padding: 31px 70px 0 64px;
    position: relative;
    background-image: url("../images/supercollabshape.png");
    background-position: right top;
    background-repeat: no-repeat;
    height: 246px;
}

    .collabscont h3 {
        font-size: 30px;
        font-weight: 700;
        color: var(--primary-color);
        line-height: 44px;
        position: relative;
        z-index: 1;
    }

    .collabscont p {
        font-weight: 400;
        line-height: 19px;
        color: #333333;
        font-size: 16px;
        padding: 2px 0 0;
        position: relative;
        z-index: 1;
    }

    .collabscont span {
        color: var(--secondary-color);
        font-size: 18px;
        line-height: 25px;
        font-weight: 400;
        float: left;
        padding: 19px 0 0;
        position: relative;
        z-index: 1;
    }

        .collabscont span a {
            font-weight: 700;
            color: var(--secondary-color);
        }

            .collabscont span a:hover, .collabscont span a:focus {
                color: var(--primary-color);
            }

.supercollabslide .owl-nav {
    right: 63px;
    position: absolute;
    top: -116px;
    display: block !important;
}

.supercollabslide .owl-prev, .supercollabslide .owl-next {
    position: absolute;
    right: 45px;
    top: 0;
    width: 30px;
    height: 30px;
}

    .supercollabslide .owl-prev:before, .supercollabslide .owl-next:before {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 auto;
        content: "\f104";
        font-family: fontawesome;
        width: 100%;
        font-size: 28px;
        color: #888;
        line-height: 30px;
    }

    .supercollabslide .owl-prev:hover:before, .supercollabslide .owl-prev:focus:before, .supercollabslide .owl-next:hover:before, .supercollabslide .owl-next:focus:before {
        color: var(--secondary-color);
        text-shadow: 0 0 4px #2d3fa8;
    }

    .supercollabslide .owl-next:before {
        content: "\f105";
    }

.supercollabslide .owl-next {
    right: 0;
}

.carriercollab {
    background-color: transparent;
    padding: 105px 0 81px;
}

    .carriercollab .carrierappapplypart h2 {
        color: var(--secondary-color);
        padding: 0 0 35px;
    }

    .carriercollab .carrierappapplybox {
        border: 1px solid var(--secondary-color);
        padding: 46px 45px 46px;
    }

/* Partnership Style End Here */

/*************************Index Popup Style Start***********************/

.discountbtn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    /*z-index: 5;*/
    left: 26px;
}

.searchbtn.discount {
    background-color: transparent;
    border: none;
    border-radius: 6px;
    padding: 0;
    color: var(--tertiary-color);
    font-size: 16px;
    font-weight: 600;
    margin: 38px 0 0;
    position: relative;
}

    .searchbtn.discount i {
        font-style: normal;
        font-size: 20px;
    }

    .searchbtn.discount:hover, .searchbtn.discount:focus {
        border: none;
        color: var(--button-color);
    }

.indexpopup .css-hz1bth-MuiDialog-container .css-1t1j96h-MuiPaper-root-MuiDialog-paper .css-bdhsul-MuiTypography-root-MuiDialogTitle-root {
    padding: 0;
}

.discountpopup {
    width: 100%;
    float: left;
    padding: 60px;
    background-color: var(--pure);
}

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

    .tcdiscount h3 {
        color: var(--secondary-color);
        font-size: 26px;
        font-weight: 600;
        text-align: center;
    }

.indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
    background-color: transparent;
    box-shadow: none;
    transition: none;
    width: 100% !important;
    max-width: 70% !important;
    padding: 0 !important;
    border-radius: 6px;
    /* max-height: calc(100% - 130px); */
}

.indexpopup .css-bdhsul-MuiTypography-root-MuiDialogTitle-root {
    padding: 0;
    text-align: right;
    position: absolute;
    right: 15px;
    top: 10px;
}

.indexpopup .css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop {
    backdrop-filter: blur(3px);
    --webkit-backdrop-filter: blur(3px);
    background-color: rgba(0, 0, 0, 0.3);
}

.indexpopup .css-1e6y48t-MuiButtonBase-root-MuiButton-root {
    padding: 0;
    margin: 0;
    min-width: auto;
}

    .indexpopup .css-1e6y48t-MuiButtonBase-root-MuiButton-root i {
        font-size: 24px;
        color: var(--secondary-color);
        cursor: pointer;
    }

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

.discountparts {
    width: 100%;
    float: left;
    text-align: left;
    padding: 40px 0 0;
}

    .discountparts h4 {
        color: var(--primary-color);
        font-weight: 600;
        font-size: 17px;
        text-transform: uppercase;
    }

    .discountparts ul {
        padding: 0 0 0 40px;
        margin: 0;
    }

        .discountparts ul li {
            color: var(--primary-color);
            font-size: 16px;
            font-weight: 400;
            line-height: 25px;
            padding: 15px 0 0 2px;
        }

            .discountparts ul li span {
                display: block;
                padding: 8px 0 0;
                color: var(--secondary-color);
                font-weight: 600;
                font-size: 15px;
            }

/*************************Index Popup Style End***********************/

/*************************Available Route Page Style Start***********************/

.changeoverbus {
    color: var(--secondary-color);
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    padding: 10px 0 0;
    display: inline-block;
    width: 100%;
}

.waitduration {
    color: var(--secondary-color);
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
}
/* Modify Search Area Style Start */
.availableroutewrapper {
    width: 100%;
    float: left;
    clear: both;
}

.modifywrapper {
    width: 100%;
    float: left;
    padding: 0 0;
    border-bottom: 1px solid #DCDCDC;
}

body .modifywrapper .container-fluid {
    max-width: 1785px;
}

.modifybookingform {
    width: 100%;
    float: left;
    padding: 16px 0 16px;
}

.modifywrapper .modifybookingsearch {
    padding: 0;
}

.modifybookingsearch {
    width: 100%;
    float: left;
    padding: 70px 20px 0;
}

.modifyinputpart {
    width: 100%;
}

    .modifyinputpart label {
        color: #888;
        font-size: 16px;
        font-weight: 400;
        vertical-align: middle;
        padding: 6px 0 0;
    }

.modifycity {
    width: 46%;
    float: left;
    background-color: var(--pure);
    border-radius: 8px;
    position: relative;
}

.modifytocity {
    width: 51%;
    display: inline-block;
}

    .modifytocity.modifyfromcity {
        width: 47%;
    }

.modifyfromcity .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon {
    width: 92%;
}

.modifyinput.modifytocity.modifyfromcity {
    float: right;
}

.MuiAutocomplete-endAdornment .css-i4bv87-MuiSvgIcon-root {
    display: none;
}

.modifyinputpart .MuiAutocomplete-hasPopupIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot, .MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
    padding-right: 0;
}

.modifybookingsearch .modifyinput input {
    width: 100%;
    height: 36px;
    background-color: var(--pure);
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
    outline: none;
    border: 1px solid #E1E1E1;
    border-radius: 50px;
    padding: 0 0 0 25px;
}

.modifybookingsearch .modifyinput.modifyfromcity input {
    background-position: 18px -2502px;
}

.modifydate {
    width: 18%;
    float: left;
    padding: 0 20px;
}

.modifybookingsearch .modifyinput.modifytodate input {
    border: none;
    border-radius: inherit;
    text-align: center;
    padding: 0;
}

.modifytodate {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
}

    .modifytodate span.datepicker_arrow {
        color: #888;
        font-size: 26px;
        line-height: normal;
        cursor: pointer;
    }

.modifybutton {
    width: 8%;
    float: left;
}

    .modifybutton button {
        width: 100%;
        text-align: center;
        height: 36px;
        background-color: var(--secondary-color);
        border: none;
        font-size: 14px;
        font-weight: 400;
        color: var(--pure);
        border-radius: 50px;
    }

        .modifybutton button:hover, .modifybutton button:focus {
            background-color: var(--button-color);
            color: var(--primary-color);
        }

.modifyinput .css-xsu6ln-MuiAutocomplete-root {
    width: 86%;
    float: right;
}

element.style {
    width: 92%;
}

.modifyinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root:before {
    border: none;
}

.modifyinput .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
    padding-right: 0;
}

.modifyinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after {
    border-bottom: 2px solid var(--secondary-color);
}

.modifyinput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
    padding: 0 4px 0 20px;
    height: 34px;
}

.modifyinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled)::before {
    border-bottom: none;
}

.modifyincontent {
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary-color);
    margin: 0;
    float: right;
    padding: 10px 0 0;
}

.routerightcontent .modifyincontent {
    float: left;
    text-align: center;
    width: 100%;
    padding: 40px 0 0;
    display: none;
}

.mobilefilterpart {
    display: none;
    width: 100%;
    float: left;
}

.mobilefilter {
    width: 100%;
    padding: 40px 0 0;
    display: flex;
    justify-content: space-between;
}

    .mobilefilter .filtertitle {
        padding: 0 14px 0 25px;
        border: none;
        display: inline-block;
        vertical-align: middle;
        background-image: url("../images/icon01.svg");
        background-position: left -10384px;
        background-repeat: no-repeat;
        border-right: 1px solid #000;
        line-height: 25px;
    }

    .mobilefilter .seatindicator {
        width: 100%;
        float: left;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
        padding: 0;
        border-bottom: none;
    }

/*Modify Search Area Style End*/

/*Routewrapper Style Start Here*/

.routewrapper {
    width: 100%;
    float: left;
    clear: both;
}

.routedetail {
    width: 100%;
    float: left;
    padding: 30px 0 80px;
}

/* Route Filters Style Start Here */

.routeleftside {
    width: 24%;
    float: left;
    padding: 0 20px 60px;
}

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

.routefilters {
    width: 100%;
    float: left;
    padding: 0px 20px;
}

.routebustype {
    width: 100%;
    float: left;
    padding: 0 0 14px;
    position: relative;
}

    .routebustype:last-child:after {
        display: none;
    }

.filtertitle {
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary-color);
    padding: 0 0 17px;
    border-bottom: 1px solid #E1E1E1;
    display: flex;
    gap: 10px;
    line-height: normal;
}

    .filtertitle label {
        font-weight: 400;
        border-left: 2px solid var(--secondary-color);
        padding: 0 0 0 10px;
        cursor: pointer;
        text-decoration: underline;
    }

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

.sorting_radio {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    float: left;
    padding: 0 0 14px;
}

    .sorting_radio label {
        font-size: 14px;
        font-weight: 400;
        position: relative;
        padding: 0 0 0 0px;
        color: #888;
    }

    .sorting_radio input {
        height: 20px;
        width: 20px;
        opacity: 0.6;
    }

.bustypecheckbox.buscheckboxtrack {
    padding: 20px 0 20px;
    border-bottom: 1px solid #E1E1E1;
}

.bustypecheckbox .vh {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

.bustypecheckbox label::before {
    content: "";
    width: 21px;
    height: 21px;
    background: #fff;
    border: 1px solid #E1E1E1;
    display: inline-block;
    margin-right: 10px;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 1px;
}

.routepickupplace .bustypecheckbox label, .routebustypeamenity .bustypecheckbox label {
    font-size: 14px;
    font-weight: 400;
    float: left;
    position: relative;
    padding: 0 0 0 25px;
    color: #888;
}

    .routepickupplace .bustypecheckbox label::before, .routebustypeamenity .bustypecheckbox label::before {
        content: "";
        width: 16px;
        height: 16px;
        background: #DEDEDE;
        display: inline-block;
        margin-right: 10px;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 1px;
    }

.routepickupplace .bustypecheckbox input[type="checkbox"]:checked ~ label:before, .routebustypeamenity .bustypecheckbox input[type="checkbox"]:checked ~ label:before {
    background: #252B62;
    border: 3px solid #DEDEDE;
    /*background-image: url( data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);*/
}

.bustypecheckbox input[type="checkbox"]:checked ~ label:before {
    background: var(--secondary-color) no-repeat center;
    background-size: 12px 12px;
    background-image: url( data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

.bustypecheckbox label {
    font-size: 14px;
    font-weight: 400;
    float: left;
    position: relative;
    padding: 0 0 0 30px;
    color: #888;
}

.bustypecheckbox {
    width: 100%;
    float: left;
    padding: 0 0 14px;
}

    .bustypecheckbox input {
        display: inline-block;
        vertical-align: middle;
    }

sorting_radio {
    width: 100%;
    float: left;
    padding: 0 0 14px;
}

.sorting_radio label {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding: 0 0 0 0px;
    color: #888;
}

.routepickupcheckbox {
    width: 100%;
    float: left;
    padding: 0 0 40px;
}

    .routepickupcheckbox ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 9px;
    }

    .routepickupcheckbox li {
        display: inline-block;
        flex-basis: 70%;
    }

    .routepickupcheckbox .pickuptime {
        height: 32px;
        width: 26px;
        background-image: url("../images/icon01.svg");
        background-position: 0 -6785px;
        background-repeat: no-repeat;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

        .routepickupcheckbox .pickuptime.pickuptime02 {
            background-position: left -7004px;
        }

        .routepickupcheckbox .pickuptime.pickuptime03 {
            background-position: left -7221px;
        }

        .routepickupcheckbox .pickuptime.pickuptime04 {
            background-position: left -7442px;
        }

    .routepickupcheckbox input[type="checkbox"][id^="myCheckbox"] {
        display: none;
    }

    .routepickupcheckbox p {
        font-size: 16px;
        font-weight: 400;
        color: #888;
        padding: 0 0 0 15px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .routepickupcheckbox label {
        border: 1px solid var(--secondary-color);
        border-radius: 50px;
        padding: 0 0 0 15px;
        position: relative;
        cursor: pointer;
        width: 100%;
        float: left;
    }

        .routepickupcheckbox label img {
            height: 100px;
            width: 100px;
            transition-duration: 0.2s;
            transform-origin: 50% 50%;
        }

    .routepickupcheckbox :checked + label {
        background-color: var(--button-color);
        width: 100%;
        float: left;
    }

        .routepickupcheckbox :checked + label:before {
            content: "";
            background-color: grey;
            transform: scale(1);
        }

.routebustype.routepickuptime {
    padding: 30px 0 27px;
    border-bottom: 1px solid #E1E1E1;
}

    .routebustype.routepickuptime .filtertitle {
        border: none;
    }

.routebustype.routedroppingtime {
    padding: 14px 0 35px;
}

    .routebustype.routedroppingtime .filtertitle {
        padding: 0 0 13px;
        display: inline-block;
        vertical-align: middle;
        border: none;
    }

.routedroppingtime {
    float: left;
}

.routedroppingtime_btn {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    color: #000;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.1s;
    background-color: transparent;
    border-bottom: 1px solid #e1e1e1;
}

.collapsible-wrapper .filtertitle {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border: none;
}

.routedroppingtime__icon {
    transform: rotate(0deg);
    transition: 0.3s ease-in-out;
    opacity: 0.9;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

    .routedroppingtime__icon i {
        color: var(--secondary-color);
        font-size: 20px;
    }

.routedroppingtime--active .routedroppingtime__icon {
    transform: rotate(135deg);
}

.collapsible-item .collapsible-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
}

.collapsible .collapsible-wrapper {
    border-bottom: 1px solid #e1e1e1;
}

.collapsible-wrapper {
    width: 100%;
    float: left;
}

.collapsible-button .icon {
    align-self: center;
    margin-inline-start: auto;
}

.collapsible-button-optional {
    font-size: 0.8125rem;
    color: hsl(var(--p-toggle-optional-color));
}

.collapsible-content {
    padding: 1.5625rem;
    padding-block-start: 0;
}

.routebustypepart .filtertitle {
    border: none;
}

.routebustypepart {
    padding: 30px 0 20px;
    border-bottom: 1px solid #e1e1e1;
    display: none;
}

    .routebustypepart.routebustypepart_block {
        display: block;
    }

.pickupsearch {
    width: 100%;
    float: left;
    position: relative;
}

    .pickupsearch input {
        margin: 0 0 20px;
        width: 100%;
        height: 51px;
        border-radius: 50px;
        background-color: var(--tertiary-color);
        outline: none;
        padding: 0 0 0 27px;
        border: none;
        font-size: 16px;
        font-weight: 400;
        color: #888;
    }

        .pickupsearch input:focus {
            border-color: var(--secondary-color);
        }

    .pickupsearch i {
        font-size: 22px;
        color: var(--secondary-color);
        position: absolute;
        right: 20px;
        top: 15px;
        z-index: 1;
    }

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

    .collapsecheckboxlist .wraper {
        width: 100%;
        float: left;
    }

    .collapsecheckboxlist .collapsed-menu {
        position: relative;
        overflow: hidden;
        max-height: 24px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        padding: 0;
        transition: max-height 0.2s ease;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 8px;
    }

        .collapsecheckboxlist .collapsed-menu.toggled {
            max-height: 200px;
            overflow: auto;
        }

            .collapsecheckboxlist .collapsed-menu.toggled::-webkit-scrollbar {
                width: 3px;
                box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            }

            .collapsecheckboxlist .collapsed-menu.toggled::-webkit-scrollbar-thumb {
                width: 3px;
                background-color: var(--button-color);
            }

        .collapsecheckboxlist .collapsed-menu .collapsed-menu-list {
            list-style-type: none;
            padding: 20px 0 0;
            margin: 0;
        }

    /*styled item*/

    .collapsecheckboxlist .styled-link {
        cursor: pointer;
        position: relative;
        padding: 0;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        color: var(--secondary-color);
    }

.routebustype.routepickupplace {
    padding: 31px 0 0;
}

    .routebustype.routepickupplace .filtertitle {
        border: none;
        padding: 0 0 20px;
    }

.routebustypeamenity {
    padding: 30px 0 0;
    border-top: 1px solid #e1e1e1;
    margin: 40px 0 0;
}

    .routebustypeamenity .filtertitle {
        border: none;
    }

.routebustypeamepart {
    display: flex;
    width: 70%;
    gap: 7px;
    justify-content: flex-start;
    flex-wrap: wrap;
}

    .routebustypeamepart a {
        height: 33px;
        background-color: var(--tertiary-color);
        border: 1px solid #E1E1E1;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 400;
        color: #888;
        text-align: center;
        padding: 6px 13px 0;
    }

        .routebustypeamepart a:hover, .routebustypeamepart a:focus {
            background-color: var(--primary-color);
            color: var(--pure);
        }

.routepickupcheckbox.routepickupcheckbox_amenities input[type="checkbox"] {
    display: none;
}

.routepickupcheckbox.routepickupcheckbox_amenities label {
    border: 1px solid #E1E1E1;
    border-radius: 50px;
    padding: 4px 20px;
}

.routepickupcheckbox.routepickupcheckbox_amenities p {
    padding: 0;
    font-size: 15px;
}

.routepickupcheckbox.routepickupcheckbox_amenities ul {
    justify-content: flex-start;
    gap: 6px;
}

.routepickupcheckbox.routepickupcheckbox_amenities li {
    display: inline-block;
    flex-basis: auto;
}

.routepickupcheckbox.routepickupcheckbox_amenities :checked + label {
    background-color: var(--secondary-color);
    width: 100%;
    float: left;
}

    .routepickupcheckbox.routepickupcheckbox_amenities :checked + label p {
        color: var(--pure);
    }

.seatpricefiltermbl {
    width: 100%;
    float: left;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

/*Available Route Filter Meadia querie Styart */

/*Available Route Listing Tab Style Start Here*/

.route_tabbing_details {
    display: flex;
    justify-content: center;
    padding: 40px 0 0;
    width: 100%;
    float: left;
}

    .route_tabbing_details .supertabs ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #888888;
        padding: 0;
    }


        .route_tabbing_details .supertabs ul li {
            list-style-type: none;
        }

            .route_tabbing_details .supertabs ul li a {
                font-size: 16px;
                font-weight: 600;
                color: var(--pure);
                padding: 0 0 20px;
            }

                .route_tabbing_details .supertabs ul li a.active,
                .route_tabbing_details .supertabs ul li a:hover {
                    color: var(--button-color);
                }

                .route_tabbing_details .supertabs ul li a.active {
                    border-bottom: 2px solid var(--button-color);
                }

    .route_tabbing_details .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_amenities p {
        padding: 20px 0 !important;
        text-transform: capitalize;
    }

.popupblockpart.popupblockpart01 {
    width: 64%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    height: 841px;
    position: relative;
}

    .popupblockpart.popupblockpart01 .productImage {
        width: 100%;
        float: left;
        height: 560px;
        overflow: hidden;
    }

    .popupblockpart.popupblockpart01 .supertabs .sprtabbing {
        display: block;
        max-height: 323px;
        overflow-y: auto;
    }

        .popupblockpart.popupblockpart01 .supertabs .sprtabbing::-webkit-scrollbar {
            width: 0px !important;
            height: 0px !important;
            display: none;
        }

    .popupblockpart.popupblockpart01 .amenities-sprtablist {
        gap: 20px 20px;
        justify-content: flex-start;
    }

.amenities-sprtablist .noroute {
    margin: 0;
}

.popupblockpart.popupblockpart01 .amenities-sprtab {
    flex-basis: 31%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-radius: 50px;
}

    .popupblockpart.popupblockpart01 .amenities-sprtab i {
        font-size: 17px;
        color: var(--button-color)
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab p {
        padding: 0;
        background-image: none;
        font-size: 14px;
    }

.sprtabbing.sprtabbing_amenities {
    padding: 0;
}

.fromtopoint_sub {
    flex-basis: 74%;
}

.popupblockpart.popupblockpart01 .sprtabbing p {
    color: var(--button-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    padding: 0;
}

    .popupblockpart.popupblockpart01 .sprtabbing p.fromtopoint_subadd {
        color: var(--pure);
        font-size: 14px;
        font-weight: 400;
    }

.popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_about p {
    color: #e1e1e1;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    padding: 20px 80px 0 0;
}

.popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_amenities p {
    flex-basis: 100%;
    color: var(--button-color);
    line-height: 23px;
}

.popupblockpart.popupblockpart01 .sprtabbing .noroute p {
    padding: 20px 0;
}

.popupblockpart.popupblockpart01 .supertabs label {
    padding: 0;
    font-weight: 700;
    color: var(--button-color);
    font-size: 15px;
}

    .popupblockpart.popupblockpart01 .supertabs label.dropdate {
        color: var(--pure);
        font-weight: 400;
        font-size: 13px;
    }

.popupblockpart.popupblockpart01 .fromtopoint > div {
    display: flex;
    flex-direction: column;
}


.popupblockpart.popupblockpart01 .fromtopoint {
    align-items: flex-start;
}

.popupblockpart.popupblockpart01 .sprbdtab {
    display: flex;
}

.popupblockpart.popupblockpart01 .superbdarea {
    flex-basis: 100%;
}

.popupbdpointpart {
    width: 100%;
    float: left;
    padding: 25px 15px 0px 0;
}

.popupblockpart.popupblockpart01 .popupbdpoint {
    height: 240px;
    overflow-y: auto;
}

    .popupblockpart.popupblockpart01 .popupbdpoint::-webkit-scrollbar {
        width: 3px;
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .popupblockpart.popupblockpart01 .popupbdpoint::-webkit-scrollbar-thumb {
        width: 3px;
        background-color: var(--button-color);
    }

/*Available Route Listing Tab Style End Here*/

@media only screen and (max-width: 991px) {
    .ba-we-love-subscribers {
        width: 400px;
        height: 0;
        background-color: var(--pure);
        border-radius: 8px;
        box-shadow: 0px 12px 45px rgba(0, 0, 0, .15);
        text-align: left;
        margin: 0 0 10px 0;
        overflow: hidden;
        opacity: 0;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        padding: 0;
    }

        .ba-we-love-subscribers.open {
            height: 75vh;
            overflow-y: auto;
            opacity: 1;
            padding: 20px !important;
        }

        .ba-we-love-subscribers.popup-ani {
            -webkit-transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

    .logo-ani {
        transition: 0.5s linear;
        -webkit-transition: 0.5s linear;
    }

    .ba-we-love-subscribers-fab {
        width: 40px;
        height: 40px;
        background-color: var(--primary-color);
        border-radius: 50px;
        float: left;
        box-shadow: 0px 12px 45px rgba(0, 0, 0, .3);
        z-index: 5;
        position: relative;
        cursor: pointer;
    }

        .ba-we-love-subscribers-fab .img-fab {
            position: relative;
        }

            .ba-we-love-subscribers-fab .img-fab::before {
                font-family: "FontAwesome";
                content: "\f0b0";
                font-size: 14px;
                font-weight: 500;
                color: var(--pure);
                font-style: normal;
                display: inline-block;
                vertical-align: middle;
                transition: .4s ease;
                -webkit-transition: .4s ease;
                -moz-transition: .4s ease;
                -ms-transition: .4s ease;
                -o-transition: .4s ease;
            }

            .ba-we-love-subscribers-fab .img-fab.close {
                position: relative;
                font-weight: 500;
                font-size: 20px;
                line-height: 0;
                text-shadow: none;
            }

                .ba-we-love-subscribers-fab .img-fab.close::before {
                    font-family: "FontAwesome";
                    content: "\f00d";
                    font-size: 14px;
                    font-weight: 500;
                    line-height: normal;
                    color: var(--pure);
                    font-style: normal;
                    display: inline-block;
                    vertical-align: middle;
                    transition: .4s ease;
                    -webkit-transition: .4s ease;
                    -moz-transition: .4s ease;
                    -ms-transition: .4s ease;
                    -o-transition: .4s ease;
                }

        .ba-we-love-subscribers-fab .wrap {
            transform: rotate(0deg);
            -webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
            transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
        }

        .ba-we-love-subscribers-fab .ani {
            transform: rotate(45deg);
            -webkit-transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
            transition: all .15s cubic-bezier(0.15, 0.87, 0.45, 1.23);
        }

        .ba-we-love-subscribers-fab .close {
            background-position: -2px 1px;
            transform: rotate(-45deg);
            float: none;
            opacity: 1;
        }

    .ba-we-love-subscribers-wrap {
        position: fixed;
        left: 25px;
        bottom: 25px;
        z-index: 2;
        width: 54px;
    }

    .ba-settings {
        position: absolute;
        top: -25px;
        left: 0px;
        padding: 10px 20px;
        background-color: #555;
        border-radius: 5px;
        color: #fff;
    }

    .available_route_leftbar {
        flex-basis: 0;
        background-color: transparent;
        border: none;
        padding: 0;
    }

    .available_route_rightbar {
        flex-basis: 100%;
    }

    .available_route_leftbar .title {
        font-weight: 700;
        font-size: 18px;
        text-align: left;
        color: var(--secondary-color);
        padding: 0;
        border-bottom: none;
        margin: 0;
    }

    .filter-drawer__title {
        color: var(--head-text-color);
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 500;
        padding: 0 0 10px;
        position: relative;
        margin-bottom: 0;
        transition: all 0.25s ease-out;
        text-transform: uppercase;
        text-align: left;
    }

    .filter-drawer {
        margin-bottom: 0;
        border: 1px solid var(--border-color);
        background-color: var(--pure);
        border-radius: 4px;
        padding: 10px 20px 0px;
    }

    .filter-drawer__trigger:checked + .filter-drawer__title + .filter-drawer__content-wrapper {
        max-height: 1000px;
        text-align: left;
    }

    .ba-we-love-subscribers-fab {
        width: 50px;
        height: 50px;
        background-color: var(--secondary-color);
        border-radius: 50px;
        float: left;
        box-shadow: 0px 12px 45px rgba(0, 0, 0, .3);
        z-index: 5;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 767px) {
    .routepickupcheckbox {
        padding: 0 0 30px;
    }
}

@media only screen and (max-width: 479px) {
    .ba-we-love-subscribers-wrap {
        left: 15px;
    }

    .ba-we-love-subscribers {
        width: 290px;
    }

        .ba-we-love-subscribers.open {
            padding: 15px;
        }
}

/*Available Route Filter Meadia querie End */
/* Route Filters Style End Here */
/*Route Listing Style Start Here*/
.routerightside {
    width: 76%;
    float: left;
}

.routerightcontent {
    width: 100%;
    float: left;
    padding: 8px 0 0 30px;
}


.routedateslider {
    width: 100%;
    float: left;
    position: relative;
}

    .routedateslider img {
        max-width: 100%;
    }

    .routedateslider iframe {
        width: 100%;
        border-radius: 20px;
        aspect-ratio: 20.8/5;
    }

.onewaybookmblimg {
    display: none;
}

.routedateslider:before {
    position: absolute;
    content: "";
    left: 50px;
    top: 36px;
    width: 170px;
    height: 44px;
    background-image: url("../images/routelogo.svg");
    background-position: center top;
    background-repeat: no-repeat;
}

.routebuscount {
    width: 100%;
    float: left;
    padding: 72px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid var(--button-color);
}

.buscountnumber {
    /*width: 100%;*/
    text-align: left;
    float: left;
    /*border-bottom: 1px solid var(--button-color);*/
}

    .buscountnumber p.buscountaddroute {
        color: #9E9E9E;
        border: 1px dashed #9E9E9E;
        background-color: var(--pure);
        padding: 13px 50px 13px;
        border-bottom: none;
        border-radius: 10px 10px 0 0;
        cursor: pointer;
    }

.buscountaddroute02 {
    border: none !important;
    background-color: #F0F0F0 !important;
    color: var(--secondary-color) !important;
    cursor: inherit !important;
}

.available_discounts {
    float: right;
}

    .available_discounts h4 {
        background-color: var(--button-color);
        border-radius: 10px 10px 0 0;
        display: inline-block;
        color: var(--secondary-color);
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        padding: 21px 6px 14px;
    }

        .available_discounts h4 span {
            font-weight: 600;
        }

.routejrnybusrtn {
    background-color: #F0F0F0 !important;
}

.passengeroutepart label {
    font-size: 18px;
    font-weight: 700;
    padding: 14px 20px 13px;
    background-color: #f0f0f0;
    border-radius: 10px 10px 0 0;
    display: inline-block;
    color: var(--secondary-color);
    margin: 0 2px 0 0 !important;
    position: relative;
    width: 49%;
    text-align: center;
    cursor: pointer;
}

.passengeroutepart {
    display: flex;
    flex-wrap: wrap;
}

    .passengeroutepart .passengerbox {
        -webkit-box-ordinal-group: 100;
        order: 99;
        -webkit-box-flex: 1;
        flex-grow: 1;
        width: 100%;
        padding: 0;
        display: none;
        text-align: left;
        background-color: transparent;
        border: none;
        border-top: 1px solid var(--button-color);
        border-radius: inherit;
    }

        .passengeroutepart .passengerbox .passengerboxfinal {
            background-color: var(--pure);
            border: 1px solid var(--secondary-color);
            border-radius: 20px;
            padding: 30px 0 0;
            margin: 40px 0 0;
        }

    .passengeroutepart [type="radio"]:checked ~ label {
        color: var(--secondary-color);
        background-color: #f0f0f0;
    }


    .passengeroutepart input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

        .passengeroutepart input[type="radio"]:checked + label {
            color: var(--secondary-color);
            background-color: var(--button-color);
        }

            .passengeroutepart input[type="radio"]:checked + label + .passengerbox {
                display: block;
            }

.buscountnumber p {
    font-size: 18px;
    font-weight: 700;
    padding: 14px 20px 13px;
    background-color: var(--button-color);
    border-radius: 10px 10px 0 0;
    display: inline-block;
    color: var(--secondary-color);
    margin: 0 2px 0 0 !important;
    position: relative;
    text-align: center;
}

.buscountnumber .paytab {
    border-radius: 10px 10px 0 0;
    background-color: #f0f0f0;
    color: var(--secondary-color);
}

.noroute {
    width: 100%;
    float: left;
    text-align: center;
    margin: 40px 0 0;
}

    .noroute p {
        font-size: 16px;
        font-weight: 700;
        padding: 20px 0;
        border-radius: 10px;
        border: 1px solid var(--button-color);
        background-color: transparent;
        color: var(--button-color);
    }

.busroutedata {
    width: 100%;
    float: left;
    padding: 23px 0 0;
}

.busesdatafound {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.busroutemhead {
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary-color);
}

.busroutetab {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
}

.sortbytype {
    display: flex;
    gap: 85px;
}

    .sortbytype p {
        font-size: 16px;
        font-weight: 400;
        color: var(--secondary-color);
        position: relative;
        padding: 0 20px 0 0;
        cursor: pointer;
    }

    .sortbytype span {
        position: absolute;
        right: 4px;
        font-size: 12px;
        top: 3px;
    }

.busroutetab a.active {
    font-weight: 700;
}

.busroutetab a:hover, .busroutetab a:focus {
    color: var(--secondary-color);
}

.busroutedetails {
    width: 100%;
    float: left;
    padding: 19px 0 0;
}

.routedata {
    background: #fff;
    width: 100%;
    float: left;
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    padding: 0 0 30px;
}

.routedata_main {
    background: #fff;
    width: 100%;
    float: left;
    border: 1px solid var(--secondary-color);
    border-radius: 0px;
    padding: 20px;
}

.busnametype {
    width: 40%;
}

.busroutedatatime {
    display: flex;
    width: 53%;
    justify-content: space-between;
    align-items: stretch;
}

.busseatleft {
    font-size: 18px;
    color: var(--secondary-color);
    font-weight: 700;
}

    .busseatleft .windowseat {
        font-size: 16px;
        font-weight: 400;
    }

.bustypenumber {
    padding: 0 0 0 120px;
}

    .bustypenumber i {
        padding: 0 10px 0 0;
    }

.busroutetimetable {
    width: 100%;
    float: left;
    padding: 20px 40px 0;
    display: flex;
    text-align: center;
    gap: 85px;
}

.bustiming {
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 62.5%;
    align-items: flex-start;
}



.modifydatasleep {
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    padding: 4px 7px 5px 10px;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
}

.busboldlabel {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 0 0 12px;
}

.buslighttext {
    font-size: 16px;
    font-weight: 400;
    color: #888;
}

    .buslighttext.buslighttext_small {
        font-size: 14px;
    }

    .buslighttext i {
        display: block;
        font-style: normal;
    }

    .buslighttext.buslighttextbold {
        font-size: 13px;
        font-weight: 600;
    }

.busroutetimetable .bustime {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
}

    .busroutetimetable .bustime.busroutearrow {
        text-align: center;
        height: auto;
        padding: 0 0 10px;
    }


.rattinglabel {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .rattinglabel label {
        color: #666666;
        line-height: normal;
        font-size: 15px;
    }

    .rattinglabel i {
        font-size: 16px;
        display: inline-block;
        vertical-align: middle;
        padding: 0;
        color: var(--secondary-color);
    }

.busrattingmbl {
    display: none;
    padding: 0 0 0 10px;
}

.busroutedatatimembl {
    width: 100%;
    display: none;
}

.busfairdetails {
    text-align: right;
    width: 20%;
}

    .busfairdetails p {
        font-size: 12px;
        font-weight: 400;
        color: var(--primary-color);
        text-transform: uppercase;
    }

    .busfairdetails span {
        font-size: 24px;
        font-weight: 700;
        color: var(--primary-color);
    }

        .busfairdetails span i {
            font-size: 20px;
            padding: 0 5px 0 0;
        }

    .busfairdetails .savingamount {
        font-size: 12px;
        font-weight: 400;
        color: #FF9600;
    }

        .busfairdetails .savingamount i {
            padding: 0 2px 0 2px;
        }

.busroutevia {
    width: 100%;
    float: left;
    padding: 0;
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 600;
}

.busroutevialist {
    display: flex;
    justify-content: flex-start;
}

    .busroutevialist span {
        font-size: 18px;
        font-weight: 700;
        color: var(--button-color);
        float: left;
        flex: 0 0 auto;
    }

    .busroutevialist .vialist {
        display: inline-block;
        vertical-align: middle;
        flex: 1 1 auto;
    }

        .busroutevialist .vialist ul {
            margin: 0;
            padding: 2px 0 0 5px;
            list-style-type: none;
            justify-content: flex-start;
            border: none;
        }

            .busroutevialist .vialist ul li {
                font-size: 16px;
                font-weight: 400;
                color: var(--button-color);
                display: inline-block;
                position: relative;
                padding: 0 40px 0 0;
            }

                .busroutevialist .vialist ul li::after {
                    content: '\f178';
                    font-family: FontAwesome;
                    position: absolute;
                    right: 14px;
                    top: 3px;
                    color: var(--button-color);
                    font-size: 12px;
                    font-weight: normal;
                }

                .busroutevialist .vialist ul li:last-child::after {
                    display: none;
                }

.busroutevialist_main {
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding: 20px 0 40px;
}

.routevia_city_list {
    display: flex;
    flex-direction: column;
    flex-basis: 25%;
    align-items: flex-start;
    padding: 18px 80px 0 0;
    border-top: 1px solid #fff;
    position: relative;
    text-align: left;
}

    .routevia_city_list:last-child {
        border-top: none;
    }

    .routevia_city_list:before {
        position: absolute;
        content: '';
        left: -6px;
        top: -22px;
        background-image: url(../images/bdpointroute.svg);
        background-position: left top;
        background-repeat: no-repeat;
        height: 30px;
        width: 30px;
    }

    .routevia_city_list span {
        font-size: 12px;
        font-weight: 600;
        color: var(--pure);
        text-align: left;
    }

    .routevia_city_list p {
        font-size: 14px;
        font-weight: 600;
        color: var(--button-color);
        text-transform: uppercase;
    }

    .routevia_city_list a {
        font-size: 10px;
        color: var(--pure) !important;
        font-weight: 400;
        background-image: url(../images/icon01.svg);
        background-position: left -10829px;
        background-repeat: no-repeat;
        padding: 0 0 0 11px;
    }

        .routevia_city_list a:hover, .routevia_city_list a:focus {
            color: var(--button-color) !important;
        }

.busroutefacilities {
    width: 100%;
    float: left;
    padding: 20px 0 0;
}

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

    /* Tabs Area */

    .busfacilitiestab .nav-tabs {
        border-bottom: none;
        width: 100%;
        display: inline-block;
        padding: 6px 40px 0 25px;
    }

        .busfacilitiestab .nav-tabs .nav-item {
            display: inline-block;
            padding: 13px 0 0;
        }

            .busfacilitiestab .nav-tabs .nav-item.show .nav-link,
            .busfacilitiestab .nav-tabs .nav-link.active {
                color: var(--secondary-color);
                background-color: transparent;
                border: none;
            }

        .busfacilitiestab .nav-tabs .nav-link {
            background: 0 0;
            border: none;
            font-size: 14px;
            font-weight: 400;
            color: var(--secondary-color);
            padding: 0 15px 0;
            position: relative;
        }

            .busfacilitiestab .nav-tabs .nav-link:after {
                content: '';
                position: absolute;
                width: 1px;
                height: 16px;
                background-color: var(--secondary-color);
                right: 0;
                top: 3px;
            }

            .busfacilitiestab .nav-tabs .nav-link.nav-link-last:after {
                display: none;
            }

    .busfacilitiestab .tab-pane {
        width: 100%;
        float: left;
        padding: 40px 0 0;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        float: right;
        display: flex;
        gap: 30px;
        padding: 0;
    }

        .busfacilitiestab .nav-tabs .nav-item.nav-item-button button {
            padding: 7px 20px;
            background-color: var(--button-color);
            border-radius: 50px;
            cursor: pointer;
        }


        .busfacilitiestab .nav-tabs .nav-item.nav-item-button i {
            font-size: 18px;
            line-height: 30px;
            padding: 0 20px;
            color: var(--primary-color);
            background-color: var(--button-color);
            display: flex;
            align-items: center;
            cursor: pointer;
            border-radius: 10px;
        }

    .busfacilitiestab .nav-tabs .nav-link:focus,
    .busfacilitiestab .nav-tabs .nav-link:hover {
        border: none;
        isolation: isolate;
    }

    .busfacilitiestab .nav-tabs .nav-item-button button {
        color: var(--primary-color);
    }

        .busfacilitiestab .nav-tabs .nav-item-button button:focus,
        .busfacilitiestab .nav-tabs .nav-item-button button:hover,
        .busfacilitiestab .nav-tabs .nav-item-button button.active {
            color: var(--primary-color);
        }

.busroutefacilities .tab-content .css-1pxa9xg-MuiAlert-message {
    padding: 8px 20px 8px 0;
}

.nav-item .buslighttext {
    font-weight: 600;
}

.nav-item .windowseat {
    font-weight: 600;
    font-size: 13px;
    color: #888888;
}

/*Review Tabbing Slider Style Start Here*/

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

.testim.testimtab {
    width: 100%;
    position: relative;
}

    .testim.testimtab .wrap {
        position: relative;
        width: 100%;
        max-width: 100%;
        padding: 40px 20px;
        margin: auto;
    }

    .testim.testimtab .cont div h2 {
        color: var(--primary-color);
        font-size: 18px;
        font-weight: 700;
        margin: 15px 0;
        padding: 20px 0 10px;
    }

    .testim.testimtab .cont div p {
        font-size: 16px;
        font-weight: 400;
        color: var(--primary-color);
        width: 100%;
        text-align: center;
        line-height: 30px;
        padding: 20px 0 0;
    }

    .testim.testimtab .cont i {
        font-weight: bold;
        font-size: 120px;
        color: var(--secondary-color);
    }

    .testim.testimtab ul {
        padding-left: 0;
    }

    .testim.testimtab .dots .dot {
        list-style-type: none;
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 2px solid var(--primary-color);
        margin: 0 5px;
        cursor: pointer;
        -webkit-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        position: relative;
        background-color: var(--primary-color);
    }

        .testim.testimtab .dots .dot.active,
        .testim.testimtab .dots .dot:hover {
            background: var(--secondary-color);
            border-color: var(--secondary-color);
        }

    .testim.testimtab .arrow {
        display: none;
    }

    .testim.testimtab .cont > div.inactive {
        opacity: 0;
    }

/*Review Tabbing Slider Style End Here*/

/*Amenities Tabbing Style Start Here*/

/*Amenities Tabbing Style End Here*/

/*Boarding/Dropping Point Tabbing Style Start Here*/

.boarding-dropping-tab-section {
    width: 100%;
    float: left;
}

.boarding-point-tab,
.dropping-point-tab {
    width: 50%;
    float: left;
}


.boarding-title {
    font-size: 20px;
    text-align: center;
    position: relative;
    padding: 0 0 20px;
}

    .boarding-title:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 80%;
        height: 2px;
        background: rgb(249, 250, 251);
        background: -moz-linear-gradient(left, rgba(249, 250, 251, 1) 0%, rgba(166, 145, 76, 1) 50%, rgba(249, 250, 251, 1) 100%);
        background: -webkit-linear-gradient(left, rgba(249, 250, 251, 1) 0%, rgba(166, 145, 76, 1) 50%, rgba(249, 250, 251, 1) 100%);
        background: linear-gradient(to right, rgba(249, 250, 251, 1) 0%, rgba(166, 145, 76, 1) 50%, rgba(249, 250, 251, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9fafb', endColorstr='#f9fafb', GradientType=1);
    }

.boarding-list-type {
    width: 100%;
    float: left;
    padding: 30px 0 0;
    height: 300px;
    overflow-y: auto;
}

    .boarding-list-type::-webkit-scrollbar {
        border-radius: 10px;
        width: 6px;
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .boarding-list-type::-webkit-scrollbar-thumb {
        border-radius: 10px;
        width: 6px;
        background-color: var(--secondary-color);
    }

.boarding-list {
    width: 100%;
    float: left;
    display: flex;
    padding: 0 0 20px;
}

    .boarding-list label.dropdate {
        display: block;
        font-weight: 600;
        text-align: left;
    }

    .boarding-list label {
        padding: 0 20px 0 0;
    }

    .boarding-list p {
        flex: 1;
    }

/*Boarding/Dropping Point Tabbing Style End Here*/

/*Cancellation Tabbing Style Start Here*/

.cancellation-tab-section {
    width: 100%;
    float: left;
}

.cancellation-policy {
    width: 100%;
    float: left;
    border: 1px solid #D5D7DF;
    border-radius: 10px 10px 0 0;
}

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

.cancellation-title {
    font-size: 18px;
    font-weight: 700;
    background-color: #F9FAFB;
    padding: 16px 40px;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #D5D7DF;
}

.cancellation-list-title {
    font-size: 16px;
    font-weight: 700;
    padding: 16px 40px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D5D7DF;
}

.cancellation-list {
    font-size: 16px;
    font-weight: 400;
    padding: 16px 40px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #D5D7DF;
}

    .cancellation-list:last-child {
        border: none;
    }

/*Cancellation Tabbing Style End Here*/

/* Booking Seat Chart Style Start Here */

.seatpricefilter {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 11px 40px;
    align-items: center;
}

    .seatpricefilter ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .seatpricefilter ul li {
            display: inline-block;
            padding: 5px 20px 5px;
            border: 1px solid #E1E1E1;
            border-radius: 50px;
            margin: 0 0 0 20px;
            cursor: pointer;
            color: var(--primary-color);
            font-weight: 400;
            font-size: 14px;
            background-color: var( --pure);
        }

            .seatpricefilter ul li.active {
                background-color: var(--secondary-color);
                color: var(--pure);
                border: 1px solid var(--secondary-color);
            }

    .seatpricefilter .busboldlabel {
        background-color: transparent;
        border: none;
        font-size: 16px !important;
        padding: 0 !important;
        margin-right: 25px;
        font-weight: 600;
    }

.nonrefund {
    font-size: 14px;
    font-weight: 400;
    color: #888;
}

.seat-opacity {
    opacity: 0.3;
    pointer-events: none !important;
}


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

.seatchartdeta {
    width: 100%;
    float: left;
    position: relative;
}

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

.lowerdeckseat, .upperdeckseat {
    background-color: var(--pure);
    border: 1px solid #E1E1E1;
    border-radius: 20px;
    width: 100%;
    float: left;
    height: 250px;
    padding: 0 0 0 60px;
}

.lowerdeckseat {
    background-image: url("../images/driver.png");
    background-position: 15px 40px;
    background-repeat: no-repeat;
}

.seatchartone {
    float: left;
}

.seatchartwo {
    float: right;
}

.lowerdeckchart, .upperdeckchart {
    width: 48%;
    float: left;
}

.seatchartone, .seatchartwo {
    text-align: center;
    height: max-content !important;
}

.seatdeckbook {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 40px 0;
    /*flex-wrap: wrap;*/
}

.seatitle {
    padding: 0;
    margin: 20px 0 20px;
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 16px;
    text-align: left;
}

/*Seat Icon*/

.seat-icon {
    min-width: 64px;
    min-height: 32px;
    color: var(--primary-color);
    font-size: 11px;
    text-transform: uppercase;
    line-height: normal;
    text-align: center;
    padding-top: 11px !important;
    margin: 0 4px 7px 0;
    cursor: pointer;
    float: none;
    clear: both;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-image: url("../images/seaticon.svg");
    background-position: center -821px;
    background-repeat: no-repeat;
    background-size: 64px;
}

.seat-icon02 {
    min-width: 27px;
    min-height: 29px;
    color: var(--primary-color);
    font-size: 11px;
    text-transform: uppercase;
    line-height: normal;
    text-align: center;
    padding-top: 8px !important;
    margin: 0 4px 7px 0;
    cursor: pointer;
    float: none;
    clear: both;
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-width: 34px;
    overflow-x: hidden;
    background-image: url("../images/seaticon.svg");
    background-position: center -10px;
    background-repeat: no-repeat;
    background-size: 60px;
}

.seat-iconvertical {
    min-height: 36px;
    min-width: 74px;
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
    padding-top: 0 !important;
    float: left;
    max-width: 30px;
    justify-content: center;
    transform: rotate(90deg);
}

/*Seat Available color*/

.seat-icon.seat_available {
    background-position: center -708px;
}

.seat-icon02.seat_available {
    background-position: center -8px;
}

.seat-icon .seat-iconvertical {
    background-position: center -10px;
}

/*Seat Selected*/

.seat-icon.seat_selected {
    color: #fff;
    background-position: center -943px;
}

.seat-icon02.seat_selected {
    color: #fff;
    background-position: center -228px;
}

/*Seat Reserved*/

.seat-icon.seat_reserved {
    background-position: center -826px;
}

.seat-icon02.seat_reserved {
    background-position: center -118px;
}

/*Seat Available for lady*/

.seat-icon.seat_available_ladies {
    background-position: center -1296px;
}

.seat-icon02.seat_available_ladies {
    background-position: center -555px;
}

/*Seat Booked By Lady*/

.seat-icon.seat__booked_ladies {
    background-position: center -1179px;
}

.seat-icon02.seat__booked_ladies {
    background-position: center -445px;
}

/*Seat Available for Low Price color*/

.seat-icon.seat_lowprice {
    background-position: center -1061px;
}

    .seat-icon.seat_lowprice.seat_selected {
        color: var(--primary-color);
        background-position: center -1534px;
    }

.seat-icon02.seat_lowprice {
    background-position: center -335px;
}

    .seat-icon02.seat_lowprice.seat_selected {
        color: var(--primary-color);
        background-position: center -1328px;
    }

/*Tooltip Style*/

.css-13hjud9-MuiTooltip-tooltip {
    background-color: var(--button-color) !important;
    border-radius: 10px !important;
    color: #fff !important;
    padding: 0 !important;
    float: left !important;
    font-size: 12px !important;
    max-width: 400px !important;
    margin: 0 !important;
    word-wrap: break-word !important;
    font-weight: 500 !important;
    position: relative !important;
    border: none !important;
}

    .css-13hjud9-MuiTooltip-tooltip h4 {
        font-size: 16px !important;
        font-weight: 600;
        background-color: var(--secondary-color) !important;
        color: var(--button-color) !important;
        text-align: center !important;
        padding: 6px 60px;
        border-radius: 10px 10px 0 0 !important;
        margin: 0;
    }

    .css-13hjud9-MuiTooltip-tooltip table {
        width: 100% !important;
        float: left !important;
        padding: 10px 20px !important;
        color: var(--secondary-color) !important;
        display: inline-block;
    }

        .css-13hjud9-MuiTooltip-tooltip table tbody {
            display: flex !important;
            flex-direction: column !important;
        }

            .css-13hjud9-MuiTooltip-tooltip table tbody tr {
                display: flex !important;
                flex-direction: row !important;
                justify-content: space-between !important;
            }

        .css-13hjud9-MuiTooltip-tooltip table tr.seattooltip_last {
            margin: 10px 0 !important;
            padding: 10px 0 0 !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            border-top: 1px solid var(--secondary-color) !important;
        }

        .css-13hjud9-MuiTooltip-tooltip table th {
            text-align: left !important;
            color: var(--secondary-color) !important;
        }

            .css-13hjud9-MuiTooltip-tooltip table th td {
                text-align: right !important;
                color: var(--primary-color) !important;
            }

.css-kudwh-MuiTooltip-arrow {
    color: var(--button-color) !important;
}

/*Available Seat Indicator Style*/
.bookingseatype {
    font-size: 14px;
    color: var(--secondary-color);
    font-weight: 400;
    padding: 0 12px 0 0;
}

.seatindicator {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
    padding: 61px 40px 33px;
    position: relative;
}

    .seatindicator .seat01 {
        font-size: 11px;
        font-weight: 400;
        color: #0B763F;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #0B763F;
        border-radius: 11px;
        padding: 1px 11px;
        text-transform: uppercase;
    }

        .seatindicator .seat01.seat03 {
            border: 1px solid #DEDEDE;
            color: var(--pure);
            background-color: #666666;
        }

        .seatindicator .seat01.seat04 {
            border: 1px solid #FF9600;
            color: #FF9600;
        }

        .seatindicator .seat01.seat05 {
            background-color: #0B763F;
            color: var(--pure);
        }

        .seatindicator .seat01.seat06 {
            color: #BDC7FF;
            border: 1px solid #BDC7FF;
        }

        .seatindicator .seat01.seat07 {
            color: var(--pure);
            border: 1px solid #FF9600;
            background-color: #FF9600;
        }

.bookpartnxtbtn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 30px 40px 0 0;
    border-top: 1px solid #E1E1E1;
}

@keyframes color-change01 {
    0%,100% {
        background-color: var(--secondary-color);
    }

    50% {
        background-color: var(--button-color);
    }
}

.bookpartnxtbtn button {
    background-color: var(--secondary-color);
    font-size: 14px;
    font-weight: 400;
    color: var(--tertiary-color);
    border-radius: 50px;
    padding: 16px 64px;
    border: none;
    animation: color-change01 1.5s linear infinite;
}

    .bookpartnxtbtn button:hover, .bookpartnxtbtn button:focus {
        background-color: var(--button-color);
    }

.bookingdropboard {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #E1E1E1;
    padding: 0;
}

.bookingdroppoint_hide {
    display: none;
}

.bookingbdpoint {
    width: 50%;
    padding: 0 0 30px;
    border-bottom: 1px solid #E1E1E1;
    border-right: 1px solid #e1e1e1;
}

    .bookingbdpoint .busboldlabel {
        border-bottom: 1px solid #e1e1e1;
        padding: 15px 40px 15px;
    }

.headblink {
    display: inline-block;
    font-size: 15px;
    color: var(--secondary-color);
    animation: color-change02 1s linear infinite;
}

@keyframes color-change02 {
    0%,100% {
        color: var(--secondary-color);
    }

    50% {
        color: var(--button-color);
    }
}

.bookingbdpoint02 {
    border-right: none;
}

.bookingbdpart {
    width: 100%;
    padding: 35px 20px 0 40px;
    float: left;
}

.bookingbdscroll {
    width: 100%;
    padding: 0 40px 0 0;
    float: left;
    overflow-y: auto;
    max-height: 335px;
}

    .bookingbdscroll::-webkit-scrollbar {
        width: 3px;
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .bookingbdscroll::-webkit-scrollbar-thumb {
        width: 3px;
        background-color: var(--button-color);
    }

.bookingbdtime {
    padding: 10px 0 0;
}

.bookingbdroute {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 30px;
    gap: 20px;
}

.bookingbdcity {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    flex: 3;
}

    .bookingbdcity input {
        width: 21px;
        height: 21px;
    }

.bookingbdcityarea {
    display: flex;
    flex-direction: column;
}

    .bookingbdcityarea p {
        font-size: 16px;
        font-weight: 700;
        color: var(--primary-color);
    }

    .bookingbdcityarea span {
        font-size: 16px;
        font-weight: 600;
        color: var(--primary-color);
    }


        .bookingbdcityarea span.css-hyxlzm {
            color: var(--secondary-color);
        }


    .bookingbdcityarea .bookingbdcityarea_span {
        font-weight: 400;
        color: #888888;
        padding: 5px 0 0 30px;
    }

.bdpointooltip {
    display: flex;
    align-items: flex-start;
    gap: 7px;
}

    .bdpointooltip i {
        font-size: 9px;
        color: #888;
        border: 1px solid #888;
        font-weight: 400;
        border-radius: 50%;
        padding: 2px 0 0;
        width: 16px;
        height: 16px;
        text-align: center;
        font-family: 'FontAwesome';
        margin: 8px 0 0;
        cursor: pointer;
    }

.bookingbdcityarea .mapbdpoints {
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    color: var(--secondary-color);
    padding: 8px 0 0 45px;
    background-image: url("../images/icon01.svg");
    background-position: 30px -6568px;
    background-repeat: no-repeat;
}

.modifyroutepoint .modifyboarding .bookingbdroute {
    padding: 0 0 30px;
}

.bookingbdtime {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
    /*flex: 1;*/
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
}

.bookingdbchange {
    width: 100%;
    float: left;
    padding: 0;
}

.bookingdbmain {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 40px;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
}

.bookingdbhead {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
}

.bookingdbmain button {
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 700;
    border: none;
    background-color: transparent;
}

.bookingroutenm {
    width: 100%;
    float: left;
    padding: 40px 40px 60px;
    border-bottom: 1px solid #e1e1e1;
}

.bookingdb {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    position: relative;
    z-index: 1;
}

    .bookingdb:after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 82px;
        margin: 0 auto;
        width: 100%;
        height: 1px;
        background-color: var(--button-color);
        z-index: -1;
    }

.bookingdb02 {
    padding: 32px 0 30px;
    border-bottom: none;
}

    .bookingdb02:after {
        display: none;
    }

.dbpointnm .dbpointnm_data {
    padding: 36px 0 0;
    position: relative;
}


    .dbpointnm .dbpointnm_data:after {
        position: absolute;
        content: '';
        left: 0;
        top: -4px;
        background-image: url("../images/icon01.svg");
        background-position: -12px -9050px;
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
    }

.dbpointnm:last-child .dbpointnm_data:after {
    right: 0;
    top: -4px;
    left: auto;
}

.dbroutehead {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--primary-color);
}

    .dbroutehead i {
        display: block;
        font-style: normal;
    }

.dbroutespan {
    font-size: 12px;
    font-weight: 400;
    color: #888;
    padding: 1px 0 18px;
}

    .dbroutespan a {
        color: var(--secondary-color);
    }

.dbpointnm:last-child {
    text-align: right;
}

.dbpointnm02 p {
    float: right;
}

.bookingdbruticon {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.dbpointnm p {
    background-image: url("../images/icon01.svg");
    background-position: center -9055px;
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
}

.dbpointnm.dbpointnmtime {
    width: 9%;
}

.bookingdbseat {
    display: flex;
    justify-content: space-between;
    padding: 50px 40px 80px;
    border-bottom: 1px solid #e1e1e1;
}

.bookingdbinr {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 25px 40px 0;
    align-items: center;
}

.dbinrnum {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-color);
}

.bookpayment {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

    .bookpayment span {
        font-size: 16px;
        font-weight: 400;
        color: #888;
    }

    .bookpayment button {
        background-color: var(--secondary-color);
        color: var(--tertiary-color);
        border: none;
        padding: 15px 63px;
        border-radius: 50px;
        font-size: 14px;
    }

        .bookpayment button:hover, .bookpayment button:focus {
            background-color: var(--button-color);
            color: var(--primary-color);
        }

@keyframes blink {
    50% {
        border-color: var(--secondary-color);
    }
}


/******************** Connecting Route CSS Start Here *************************************/


.connecting_route_main {
    width: 100%;
    float: left;
    padding: 20px 40px 0;
}

/*.connecting_route_main {
    width: 100%;
    float: left;
    padding: 20px 40px 0;
    margin: 20px 0 0;
    border-top: 1px solid var(--secondary-color);
}*/

.connecting_route_details {
    width: 100%;
    float: left;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    background-color: #f5f5f5;
    margin: 0px 0px 10px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
}

    .connecting_route_details .busfairdetails {
        width: auto;
    }

.connecting_bus_details {
    flex-basis: 22%;
}

.delay_time {
    font-size: 15px;
    color: #888;
}

.busboldlabel.busboldlabel-C {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    padding: 0 0 4px;
}



.bus_sub_details {
    display: flex;
    gap: 20px;
}

    .bus_sub_details .busboldlabel {
        font-size: 12px;
        font-weight: 400;
        color: #888;
        padding: 2px 0 0px;
    }

.connecting_route_details .busboldlabel.busboldlabel-C {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 0 0 0;
}

.buslighttext.buslighttext-C {
    font-size: 15px;
    font-weight: 400;
    color: #888;
}

.windowseat.windowseat-C {
    font-size: 14px;
    font-weight: 600;
    color: #888;
}

.modifydatasleep.modifydatasleep_connecting {
    background-color: var(--secondary-color);
    color: var(--pure);
    margin: 0 0 0 14px;
}


/******************** Connecting Route CSS End Here *************************************/






/*Booking Information */
.bookingdeatails {
    width: 100%;
    float: left;
    padding: 60px 40px 0;
}

.routepoint {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 60px 0 30px;
}

.dorppickupselected {
    width: 100%;
    float: left;
    background-color: #e1e1e1;
    border-radius: 2px;
    padding: 5px 8px;
}

    .dorppickupselected span {
        font-size: 14px;
        font-weight: 400;
        padding: 0 0 5px;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }

        .dorppickupselected span i {
            font-style: normal;
            font-weight: 600;
        }

.boardingpointchart {
    width: 48%;
    float: left;
}

.droppingpointchart {
    width: 48%;
    float: left;
}

.routepoint .css-qkv3hr-MuiAutocomplete-root {
    width: 100%;
}

.routepoint .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after {
    border-bottom: 2px solid var(--secondary-color);
}

.routepoint .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-qkv3hr-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
    padding-right: 0;
}

.routepoint .css-821wyw-MuiSvgIcon-root {
    display: none;
}

.routepoint .css-qkv3hr-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
    padding: 10px 5px 10px 10px;
    border: 1px solid #D5D7DF;
    cursor: pointer;
}

.routepoint .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled)::before {
    border-bottom: none;
}

.routepoint .css-1tb7pjp-MuiInputBase-root-MuiInput-root::before {
    border-bottom: none;
}

.routepoint .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
    background-color: var(--primary-color);
    font-size: 1.5rem;
    padding: 2px;
    border-radius: 4px;
    color: var(--pure);
    margin-right: 6px;
}

    .routepoint .css-qzbt6i-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator:hover {
        background-color: var(--primary-color);
    }

.routepoint .css-113ntv0-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator {
    background-color: var(--secondary-color);
    font-size: 1.5rem;
    padding: 2px;
    border-radius: 4px;
    color: var(--pure);
    margin-right: 6px;
    transition: 0.3s ease all;
    transform: rotate(180deg);
}

    .routepoint .css-113ntv0-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-popupIndicator:hover {
        background-color: var(--secondary-color);
    }

.doppingpointformat {
    font-size: 14px;
    cursor: pointer;
    padding: 5px;
    border-bottom: 1px solid var(--tertiary-color);
}

    .doppingpointformat .dropppingtimedate {
        display: block;
        font-weight: 600;
    }

    .doppingpointformat .dropppingpointlist {
        display: block;
    }

.bookingservicefair {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.bookingservicedetails, .bookingfairdetails {
    width: 48%;
    background-color: #F9FAFB;
    border: 1px solid #D5D7DF;
}

.bookingservicebox {
    width: 100%;
    float: left;
    padding: 0 0px;
}

.serviceboxtitle {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--primary-color);
    color: var(--pure);
    padding: 8px 20px;
}

.serviceboxdata {
    width: 100%;
    float: left;
    padding: 10px 0 0;
}

.serviceboxdetail {
    width: 100%;
    padding: 6px 10px;
}

    .serviceboxdetail p {
        font-size: 16px;
        font-weight: 400;
        color: var(--primary-color);
        display: inline-block;
        vertical-align: top;
        width: 40%;
        padding: 0 10px 0 0;
        position: relative;
    }

        .serviceboxdetail p:after {
            content: ':';
            position: absolute;
            right: 0;
            top: 0;
        }

    .serviceboxdetail label {
        font-size: 16px;
        font-weight: 400;
        color: var(--primary-color);
        display: inline-block;
        vertical-align: top;
        width: 58%;
        padding: 0 0 0 20px;
    }

.fairdetails {
    width: 100%;
    float: left;
    padding: 4px 20px;
    display: flex;
    justify-content: space-between;
}

    .fairdetails p, .fairdetails label {
        font-size: 16px;
        font-weight: 400;
        color: var(--primary-color);
    }

    .fairdetails.savingfare p, .fairdetails.savingfare label {
        color: #0045c3;
        font-weight: 600;
    }

.bookingcontinue {
    width: 100%;
    float: left;
    padding: 40px 20px 0;
    display: flex;
    justify-content: space-between;
}

    .bookingcontinue button {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--pure);
        background-color: var(--secondary-color);
        border: none;
        padding: 16px 64px;
        border-radius: 50px;
    }

        .bookingcontinue button:hover, .bookingcontinue button:focus, .bookingcontinue button:active {
            /*color: var(--secondary-color);*/
            background-color: var(--button-color);
            border: none;
            box-shadow: none;
        }

.bdpointsbtn {
    background-color: var(--secondary-color);
    animation: color-change03 1.5s linear infinite;
}

@keyframes color-change03 {
    0%,100% {
        background-color: var(--secondary-color);
    }

    50% {
        background-color: var(--button-color);
    }
}

.css-3yjvh5-MuiPaper-root-MuiAlert-root .MuiAlert-icon {
    display: none;
}

.css-3yjvh5-MuiPaper-root-MuiAlert-root {
    color: var(--pure) !important;
    background-color: var(--secondary-color) !important;
    padding: 14px 40px !important;
    font-weight: 600;
}

.css-3yjvh5-MuiPaper-root-MuiAlert-root {
    font-weight: 600 !important;
    font-size: 16px !important;
}

/* Booking Seat Chart Style End Here*/
/*Route Listing Style End Here*/
/*Routewrapper Style End Here*/

/*Updat Journey Popup Style Start Here*/


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

    .updatetrippopup .modifycity {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .updatetrippopup .modifydate {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
    }

    .updatetrippopup .modifytocity {
        width: 48%;
    }

        .updatetrippopup .modifytocity.modifyfromcity {
            width: 48%;
        }

    .updatetrippopup .modifyinput .css-xsu6ln-MuiAutocomplete-root {
        width: 100%;
        float: right;
    }

    .updatetrippopup .modifybutton {
        width: 100%;
    }

    .updatetrippopup .modifyinput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 58px;
    }

    .updatetrippopup .modifyinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after {
        border-bottom: none;
    }

    .updatetrippopup .modifytodate {
        width: 48%;
    }

        .updatetrippopup .modifytodate:after,
        .updatetrippopup .modifytodate:before {
            display: none;
        }

    .updatetrippopup .modifybookingsearch .modifyinput input {
        height: 58px;
        background-color: var(--pure);
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        color: var(--primary-color);
        outline: none;
        border: 1px solid #E1E1E1;
        border-radius: 50px;
        padding: 0 0 0 25px;
        text-align: left;
    }

        .updatetrippopup .modifybookingsearch .modifyinput input[type="text"]::-webkit-input-placeholder {
            color: var(--primary-color) !important;
        }

        .updatetrippopup .modifybookingsearch .modifyinput input[type="text"]::-moz-placeholder {
            color: var(--primary-color) !important;
        }

    .updatetrippopup .modifybutton button {
        height: 58px;
    }

    .updatetrippopup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: 0px;
    }

    .updatetrippopup .css-ypiqx9-MuiDialogContent-root {
        height: 100vh;
        padding: 60px 40px;
    }

    .updatetrippopup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        max-height: 100%;
    }

    .updatetrippopup .MuiAutocomplete-hasPopupIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot,
    .updatetrippopup .MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0;
    }

/*Updat Journey Popup Style End Here*/


/*************************Available Route Page Style End***********************/
/*************************Customer Info Page Style Start***********************/
.customerinfowrapper {
    width: 100%;
    float: left;
    clear: both;
    padding: 20px 0 0;
}

.abc {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
}

.popupclose {
    position: absolute;
    right: 20px;
    top: 20px;
}

    .popupclose i {
        font-size: 30px;
        color: var(--secondary-color);
        cursor: pointer;
    }

        .popupclose i:hover {
            color: var(--button-color);
        }

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

    .customerinfohead label {
        padding: 15px 0 5px;
        font-size: 30px;
        font-weight: 700;
        color: var(--primary-color);
    }

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

.customerinfowrapper .customerinfotitle {
    font-size: 22px;
    font-weight: 700;
    color: var(--primary-color);
    padding: 0px 0 0;
    display: inline-block;
}

.customerinfowrapper .customer-route-time {
    width: 100%;
    float: left;
    padding: 10px 0 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--primary-color);
}

    .customerinfowrapper .customer-route-time .bus-route-date {
        padding: 0 10px 0 0;
    }

    .customerinfowrapper .customer-route-time .bus-fix-number {
        border-left: 2px solid var(--secondary-color);
        padding: 0 0 0 10px;
    }

.customerroutedata {
    width: 100%;
    float: left;
    padding: 50px 0 0;
}

.passengerdetails {
    width: 100%;
    float: left;
    padding: 0;
}

.psngrmaindetails {
    width: 100%;
    float: left;
    padding: 0;
}

.psngemainhead {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.psngrtdetails {
    font-size: 18px;
    font-weight: 400;
    color: var(--secondary-color);
}

.restroute_point_popup .css-hlj6pa-MuiDialogActions-root button {
    margin: 0 25px 12px 0;
}

.viewbusroutepart {
    width: 100%;
    float: left;
    padding: 40px 25px 10px;
    background-color: var(--pure);
}

.passengerbox {
    width: 100%;
    float: left;
    padding: 45px;
    background-color: var(--pure);
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    margin: 0 0 40px;
}

    .passengerbox.passengersubdetails {
        max-height: 560px;
        overflow-y: auto;
        padding: 40px 40px 55px;
    }

        .passengerbox.passengersubdetails::-webkit-scrollbar {
            width: 3px;
            box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        }

        .passengerbox.passengersubdetails::-webkit-scrollbar-thumb {
            width: 3px;
            background-color: var(--button-color);
        }


.passengertitle {
    font-size: 20px;
    font-weight: 700;
    color: var(--secondary-color);
    padding: 0 0 25px;
}

.passcontactcheckbox {
    width: 100%;
    padding: 30px 0 0;
    float: left;
}

    .passcontactcheckbox .vh {
        position: absolute !important;
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden;
    }

    .passcontactcheckbox label {
        position: relative;
        display: flex;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        color: #888;
        gap: 8px;
        align-items: center;
        line-height: 20px;
        align-items: flex-start;
    }

        .passcontactcheckbox label::before {
            content: "";
            width: 21px !important;
            height: 21px !important;
            background-color: var(--tertiary-color);
            border: 1px solid var(--secondary-color);
            /* display: inline-block; */
            margin-right: 0;
            border-radius: 4px;
        }

    .passcontactcheckbox .cus_wicon {
        display: none;
    }

    .passcontactcheckbox input[type="checkbox"]:checked ~ label::before {
        background: var(--secondary-color) no-repeat center;
        background-size: 12px 12px;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    }

.passgender .css-qfz70r-MuiFormGroup-root {
    gap: 50px;
    padding: 10px 0 0;
}

.passgender .css-1hpqosy-MuiFormControlLabel-root {
    flex-direction: inherit;
    gap: 10px;
}

.passgender .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
    color: var(--secondary-color);
}

.passgender .css-ahj2mt-MuiTypography-root {
    color: #888;
}

.passengerbox .passgender .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
    padding: 0 7px 0 0 !important;
}

.passengerbox .css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
    color: var(--secondary-color);
}

.passengernumber {
    width: 100%;
    float: left;
    padding: 25px 0 0;
}

.passengercount {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.passcount {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 0 0 17px;
}



.passengercount p.passseat label {
    color: #000;
}

.passseat.passcopy {
    display: none;
}

.passengercount a {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: var(--secondary-color);
}

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

    .passengerfillbox input {
        width: 100%;
        height: 35px;
        padding: 0 10px;
        border: 1px solid #D5D7DF;
        background-color: var(--pure);
        outline: none;
    }

    .passengerfillbox .form-check-input:focus, .passengerfillbox .form-control:focus, .passengerfillbox .form-select:focus {
        border-color: var(--primary-color);
        outline: none;
        box-shadow: none;
    }

.passnamedetails {
    width: 100%;
    justify-content: space-between;
    display: flex;
}

.passname {
    width: 48%;
}

.passgender .css-xsu6ln-MuiAutocomplete-root, .gststate .css-xsu6ln-MuiAutocomplete-root {
    width: 100%;
}

.passgender .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after,
.gststate .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after {
    border-bottom: none;
}

.passgender .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot,
.gststate .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-xsu6ln-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
    padding-right: 0;
}

.passgender .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input, .gststate .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
    padding: 0 28px;
    height: 51px;
}

.passgender .css-1tb7pjp-MuiInputBase-root-MuiInput-root::before,
.gststate .css-1tb7pjp-MuiInputBase-root-MuiInput-root::before {
    border-bottom: none;
}

.passgender .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled)::before,
.gststate .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled)::before {
    border-bottom: none;
}

.passgender .css-1glvl0p-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator,
.gststate .css-1glvl0p-MuiButtonBase-root-MuiIconButton-root-MuiAutocomplete-clearIndicator {
    display: none;
}

.passgenderage {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 0 0;
}

.passage, .passgender {
    width: 48%;
}

.passcontactdata {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

    .passcontactdata .passemail, .passcontactdata .passphone {
        width: 48%;
    }

    .passcontactdata label {
        font-size: 16px;
        font-weight: 700;
        color: #000;
        padding: 0 0 5px 20px;
    }

.passengerdetails input {
    width: 100%;
    height: 51px;
    padding: 0 0 0 28px;
    border: 1px solid #E1E1E1;
    background-color: var(--pure) !important;
    outline: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 400;
    color: #666;
}

.passengerdetails .form-check-input:focus, .passengerdetails .form-control:focus, .passengerdetails .form-select:focus {
    border-color: var(--secondary-color);
    outline: none;
    box-shadow: none;
}

.passengerbox.gstdetails {
    border-radius: inherit;
    border: none;
    padding: 20px 0px 30px;
    margin: 0;
}

.hotdealbox {
    display: inline-block;
    padding: 0 0 13px;
}

    .hotdealbox .vh {
        position: absolute !important;
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden;
    }

    .hotdealbox input[type="checkbox"]:checked ~ label::before {
        background: var(--secondary-color) no-repeat center;
        background-size: 12px 12px;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    }

    .hotdealbox label::before {
        content: "";
        width: 21px;
        height: 21px;
        background-color: var(--tertiary-color);
        border: 1px solid var(--secondary-color);
        display: inline-block;
        margin-right: 10px;
        border-radius: 4px;
    }

    .hotdealbox label {
        font-size: 16px;
        font-weight: 700;
        display: flex;
        cursor: pointer;
        color: #000;
    }

    .hotdealbox span {
        width: 100%;
        float: left;
        padding: 6px 0 0px 31px;
        font-size: 14px;
        font-weight: 700;
        color: var(--secondary-color);
    }

.passlabel {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 0 0 5px 33px;
}

.hotdeallabel {
    width: 100%;
    float: left;
    padding: 20px 0 0px 30px;
}

    .hotdeallabel span {
        font-size: 12px;
        font-weight: 400;
        color: var(--pure);
        background-color: var(--primary-color);
        padding: 7px 17px;
        border-radius: 4px;
        display: inline-block;
    }

        .hotdeallabel span.totalamountlbl {
            margin-left: 40px;
        }

        .hotdeallabel span label {
            font-size: 14px;
            font-weight: 400;
            color: var(--pure);
        }

.gststate {
    width: 32%;
    float: left;
}

.css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
    color: var(--secondary-color);
}


.passengertitle.hotdealbox a {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 0 10px;
    border-bottom: 2px solid var(--secondary-color);
    padding: 0 0 2px;
    color: var(--secondary-color);
}

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

.gstamenity {
    width: 100%;
}

.onewayreturntitle {
    float: left;
}

    .onewayreturntitle label {
        font-size: 22px;
        line-height: 28px;
        color: var(--secondary-color);
        font-weight: 700;
        border-bottom: 1px solid var(--secondary-color);
        padding: 0 0 17px;
    }

        .onewayreturntitle label span {
            width: 34px;
            height: 27px;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            background-image: url("../images/cstmrtitleshape.png");
            background-position: center top;
            background-repeat: no-repeat;
            padding: 0 40px;
        }

.psngroutepart {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}

.psngram01 {
    width: 70%;
    float: left;
}

    .psngram01 .bookingroutenm.bookingroutenm01 {
        padding: 0;
        border: none;
    }

.bookingdbchange.bookingdbchange01 {
    width: 100%;
    float: left;
    padding: 30px 0 0;
}

.psngrestro {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px 18px;
    border-bottom: 1px solid #e1e1e1;
    padding: 30px 0 20px;
}

.amenitiescstmr {
    padding: 6px 22px;
    border-radius: 11px;
    border: 1px solid var(--secondary-color);
}

    .amenitiescstmr i {
        font-size: 18px;
        color: #000;
        display: inline-block;
        vertical-align: middle;
    }

    .amenitiescstmr p {
        font-size: 12px;
        color: #000;
        font-weight: 500;
        line-height: 16px;
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 0 8px;
    }




.amenities-tab-box {
    border: 1px solid var(--secondary-color);
    border-radius: 50%;
    display: flex;
    gap: 10px;
    height: 29px;
    width: 29px;
    align-items: center;
    justify-content: center;
}

    .amenities-tab-box i {
        font-size: 14px;
        color: var(--secondary-color);
    }

    .amenities-tab-box p {
        color: #000;
        font-size: 12px;
        font-weight: 500;
    }

.amenities-icon-box {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 9px 23px;
    border: 1px solid var(--secondary-color);
    border-radius: 11px;
}

    .amenities-icon-box i {
        font-size: 14px;
        color: var(--primary-color);
    }

    .amenities-icon-box p {
        color: #000;
        font-size: 12px;
        font-weight: 500;
    }

.psngram01 .bookingroutenm {
    padding: 30px 0 0;
    border: none;
}

    .psngram01 .bookingroutenm .bookingdb02 {
        padding: 32px 0 10px;
        border-bottom: none;
    }

.psngram01 .bookingdb:after {
    width: 95%;
}

.psngram01 .bookingroutenm .passcount {
    padding: 0 0 30px;
}

.psngram02 {
    width: 30%;
    float: left;
    padding: 22px 0 0;
    text-align: right;
}

.psngrouteicon {
    width: 100%;
    float: left;
    padding: 0 22px 95px 0;
}

.viewroutedetails {
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
}

    .viewroutedetails button {
        background-color: var(--button-color);
        border-radius: 50px;
        border: none;
        font-size: 14px;
        font-weight: 400;
        color: var(--primary-color);
        padding: 16px 55px 15px;
    }

        .viewroutedetails button:hover, .viewroutedetails button:focus {
            background-color: var(--secondary-color);
            color: var(--pure);
        }

.returnseprator {
    width: 100%;
    float: left;
    padding: 55px 0;
}

.returnseprateicon {
    width: 50%;
    float: left;
}
/*Rest Point Popup Design Start Here*/
.restroute_point_popup.css-zw3mfo-MuiModal-root-MuiDialog-root {
    left: auto;
    width: 32%;
}

.restroute_point_popup .css-hz1bth-MuiDialog-container {
    height: 100vh;
    align-items: flex-start;
}

.restroute_point_popup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
    border-radius: 0px;
    margin: 0;
    height: 100vh;
    max-height: 100vh;
    width: 100%;
}

.restroute_point_popup .psngram01 {
    width: 100%;
    float: left;
}

.restroute_point_popup .bookingdb {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
    position: relative;
    z-index: 1;
    flex-direction: column;
}

.restroute_point_popup .dbpointnm:last-child {
    text-align: left;
}

    .restroute_point_popup .dbpointnm:last-child .dbpointnm_data:after {
        right: auto;
        left: 0;
    }


.restroute_point_popup .bookingdb:after {
    display: none;
}

.restroute_point_popup .dbpointnm .dbpointnm_data:after {
    display: none;
}

.restroute_point_popup .dbpointnm .dbpointnm_data {
    padding: 0;
}

.restroute_point_popup .dbroutehead {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    color: var(--secondary-color);
    padding: 0 0 5px;
}

.restroute_point_popup .dbroutespan a {
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-color);
    padding: 0 0 0 16px;
    background-image: url("../images/Locate_Icon_Map.svg");
    background-position: left 3px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.restroute_point_popup .dbpointnm_data .dbroutehead {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--primary-color);
}


.restroute_point_popup .dbpointnm {
    padding: 0 0 50px 34px;
    float: left;
    background-image: url("../images/icon01.svg");
    background-position: -25px -9050px;
    background-repeat: no-repeat;
    overflow: visible;
    position: relative;
}

    .restroute_point_popup .dbpointnm:before {
        content: '';
        height: 100%;
        width: 2px;
        position: absolute;
        background-color: var(--button-color);
        left: 5px;
        z-index: -1;
    }

    .restroute_point_popup .dbpointnm:last-child:before {
        display: none;
    }

.restroute_point_popup .psngroutepart {
    height: 100%;
    overflow-y: auto;
    padding: 0;
}

.psngrpopright {
    float: left;
    width: 94%;
}

.restroute_point_popup .css-hlj6pa-MuiDialogActions-root {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: var(--pure);
    z-index: 1;
}

.restroute_point_popup .passengerbox {
    margin: 0 0 70px;
    height: 80vh;
}


/*Rest Point Popup Design End Here*/



.bookinrtotal {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 0 60px;
    align-items: center;
}

.bookinrdetails .passcount {
    padding: 0 0 8px;
    font-size: 20px;
}

.bookinrdetails p {
    color: #888;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

    .bookinrdetails p i {
        font-style: normal;
        display: block;
    }

.bookinrbtn button {
    background-color: var(--secondary-color);
    border-radius: 50px;
    color: var(--tertiary-color);
    padding: 16px 52px 15px;
    font-size: 14px;
    font-weight: 400;
    border: none;
}

    .bookinrbtn button:hover, .bookinrbtn button:focus {
        background-color: var(--button-color);
        color: var(--primary-color);
    }

.paymentbox .radio {
    width: 100%;
    float: left;
}

    .paymentbox .radio input[type=radio] {
        position: absolute;
        opacity: 0;
    }

    .paymentbox .radio input[type="radio"] + .radio-label::before {
        content: "";
        background: #f4f4f4;
        border-radius: 100%;
        border: 1px solid var(--primary-color);
        display: inline-block;
        width: 20px;
        height: 20px;
        position: relative;
        top: 10px;
        margin-right: 20px;
        vertical-align: top;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
    }

    .paymentbox .radio input[type=radio]:checked + .radio-label:before {
        background-color: var(--primary-color);
        box-shadow: inset 0 0 0 4px #f4f4f4;
    }

    .paymentbox .radio input[type=radio]:focus + .radio-label:before {
        outline: none;
        border-color: var(--primary-color);
    }

    .paymentbox .radio input[type=radio]:disabled + .radio-label:before {
        box-shadow: inset 0 0 0 4px #f4f4f4;
        border-color: #b4b4b4;
        background: #b4b4b4;
    }

    .paymentbox .radio input[type=radio] + .radio-label:empty:before {
        margin-right: 0;
    }

.hotdealbox label.radio-label {
    align-items: start;
}

.paymentbox .radio span {
    font-size: 18px;
    font-weight: 400;
    color: var(--secondary-color);
    padding: 10px 0 20px 40px;
    position: relative;
    margin: 0 0 20px;
}

.pg_gateway {
    width: 100%;
    float: left;
    position: relative;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .pg_gateway:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        border-bottom: 1px solid var(--secondary-color);
    }

    .pg_gateway:last-child:after {
        display: none;
    }

    .pg_gateway img {
        display: block;
    }

.css-vqmohf-MuiButtonBase-root-MuiRadio-root {
    padding: 0px 6px 1px 0 !important;
}

.css-j204z7-MuiFormControlLabel-root {
    align-items: start !important;
}

.paymentroutebox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.payfaredetails {
    width: 49%;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.psngrpaybox input {
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 22px 0 0;
}

.psngrpaybox label {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    display: flex;
    justify-content: flex-start;
    padding: 30px 0 30px 80px;
    align-items: center;
}

.passengerroutedetails {
    width: 40%;
    float: left;
    padding: 0 0 0 25px;
}

.passjourneydetails.passengerbox {
    padding: 0 0 20px;
}

.journeytitle {
    font-size: 18px;
    font-weight: 700;
    color: var(--pure);
    background-color: var(--primary-color);
    width: 100%;
    float: left;
    padding: 10px 20px;
    border-radius: 10px 10px 0 0;
}

.journeysubtitle {
    width: 100%;
    float: left;
    padding: 20px 20px;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}

.journeydetails {
    width: 100%;
    float: left;
    padding: 0 20px 14px;
}

.journeydate {
    width: 50%;
    float: left;
}

    .journeydate p {
        font-size: 14px;
        color: #AEB3C8;
    }

    .journeydate label {
        font-size: 16px;
        color: var(--primary-color);
        display: block;
    }

        .journeydate label.journeytime {
            font-size: 14px;
            display: block;
        }

.faredetails {
    width: 100%;
    float: left;
    padding: 5px 20px;
}

    .faredetails.farediscount label {
        width: 100%;
        float: left;
        text-align: left;
        padding: 20px 0 6px;
        font-size: 17px;
        font-weight: 700;
    }

    .faredetails.farediscount input {
        width: 100%;
        float: left;
        border: 1px solid var(--primary-color);
        outline: none;
        height: 40px;
        border-radius: 4px;
        padding: 0 10px;
    }

    .faredetails.farediscount .fareinput {
        width: 100%;
        float: left;
        position: relative;
    }

        .faredetails.farediscount .fareinput a {
            position: absolute;
            font-size: 16px;
            font-weight: 700;
            color: var(--secondary-color);
            right: 10px;
            top: 7px;
        }

    .faredetails.faredetails01 {
        padding: 20px 20px 5px;
    }

    .faredetails p {
        font-size: 16px;
        float: left;
        text-align: left;
    }

    .faredetails label {
        text-align: right;
        float: right;
    }

    .faredetails.savingfare p {
        color: #0045c3;
        font-weight: 600;
    }

    .faredetails.savingfare label {
        color: #0045c3;
        font-weight: 600;
    }

    .faredetails.farepayble p {
        font-weight: 700;
    }

    .faredetails.farepayble label {
        font-weight: 700;
    }

.bookingconfirmbtn {
    width: 60%;
    float: left;
    text-align: center;
    padding: 20px 0 60px;
}

    .bookingconfirmbtn button {
        font-size: 14px;
        font-weight: 400;
        color: var(--tertiary-color);
        background-color: var(--secondary-color);
        border: none;
        border-radius: 50px;
        padding: 16px 66px 15px;
    }

        .bookingconfirmbtn button:hover, .bookingconfirmbtn button:focus {
            background-color: var(--button-color);
            color: var(--primary-color);
        }

.hotdeal_title {
    font-size: 20px;
    color: var(--secondary-color);
    font-weight: 600;
    padding: 15px 0 0 10px;
}

.passengerbox.payment_gateway {
    padding: 10px 20px 10px;
    width: 100%;
}

    .passengerbox.payment_gateway .css-dmmspl-MuiFormGroup-root {
        flex-direction: row;
    }

    .passengerbox.payment_gateway .css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
        color: var(--secondary-color);
    }

    .passengerbox.payment_gateway label {
        position: relative;
        padding: 45px 0 45px 0;
        align-items: center !important;
    }

        .passengerbox.payment_gateway label .MuiTypography-body1 {
            font-size: 16px;
            font-weight: 700;
            color: #000;
            background-image: url(../images/icon01.svg);
            background-position: left -10146px;
            background-repeat: no-repeat;
            padding: 10px 0 10px 70px;
            display: inline-block;
            vertical-align: middle;
        }

.pg_gateway .css-1hbvpl3-MuiSvgIcon-root {
    color: var(--secondary-color);
}

.passengerbox .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
    padding: 0 25px 0 0 !important;
}

.passengerbox.payment_gateway .pg_gatewaydis label .MuiTypography-body1 {
    background-image: url(../images/womensdiscount.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding: 10px 0 10px 52px;
}

.cust_final {
    width: 100%;
    float: left;
    padding: 65px 0 40px;
}

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

.discountcode {
    width: 100%;
    float: left;
    padding: 0 0 30px;
}

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

.search-wrapper {
    width: 100%;
    margin: 0;
    border-radius: 50px;
    border: 1px solid #e1e1e1;
    display: flex;
    justify-content: space-between;
}

    .search-wrapper input {
        padding: 0 0 0 42px;
        width: 70%;
        height: 51px;
        float: left;
        border: 0;
        background: #fff;
        border-radius: 50px;
        border-top-style: none;
        outline: none;
    }

        .search-wrapper input:focus {
            outline: none;
        }

    .search-wrapper button {
        overflow: visible;
        position: relative;
        float: right;
        border: none;
        padding: 0 61px;
        cursor: pointer;
        height: 51px;
        font-size: 14px;
        font-weight: 400;
        color: var(--primary-color);
        background-color: var(--button-color);
        border-radius: 50px;
    }

        .search-wrapper button:hover, .search-wrapper button:focus {
            background-color: var(--secondary-color);
            color: var(--pure);
        }

.paydetails {
    width: 100%;
}

.custfinal_head {
    font-size: 20px;
    font-weight: 700;
    color: var(--secondary-color);
    padding: 5px 0 30px;
    margin: 0;
}

.custroutebox {
    width: 47%;
}





.paycust_details {
    padding: 40px 0 0;
    margin: 32px 0 0;
}

.paybusname {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 40px 25px;
}

    .paybusname .paybuspart {
        font-size: 16px;
        font-weight: 700;
        color: var(--secondary-color);
    }

    .paybusname .busnmnumber {
        font-size: 16px;
        font-weight: 400;
        color: var(--secondary-color);
    }

.paycustinfo {
    width: 100%;
    padding: 30px 40px 0;
}

.paycustroutedata {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 0 30px;
}

.psngrpaydata02 {
    text-align: right;
}

.paydatadetails {
    font-size: 16px;
    font-weight: 400;
    color: #888;
    display: block;
}

.paydetailsdata {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
}

.payticketfare {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 40px 35px;
    border-radius: 0 0 20px 20px;
    background-color: #f0f0f0;
}

    .payticketfare h5 {
        color: var(--secondary-color);
        font-size: 18px;
        font-weight: 700;
    }

.custoffer {
    width: 100%;
    float: left;
    padding: 45px 0 0;
}

.cust_offerarea {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

    .cust_offerarea a {
        font-size: 14px;
        font-weight: 400;
        color: #000;
    }


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

    .custo_offerpart .row {
        margin: 0 !important;
    }

.custo_offericon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

.offercustbox img {
    max-width: 258px;
    width: 100%;
}



.custfaredetails {
    width: 100%;
    float: left;
    padding: 30px 0 0;
}

.faredetails {
    padding: 40px 40px 20px;
    margin: 20px 0 0;
}

.psngrfareamount {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 25px;
}

    .psngrfareamount h2 {
        font-size: 30px;
        font-weight: 700;
        color: #000;
    }

.cust_savegst {
    width: 100%;
    padding: 10px 0 35px;
}

.cust_saving {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 0 0;
}

    .cust_saving label {
        font-size: 16px;
        font-weight: 400;
        color: #000;
    }

    .cust_saving span {
        font-size: 16px;
        font-weight: 700;
        color: #000;
    }

.payableam {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 0 20px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

    .payableam h2 {
        font-size: 20px;
        font-weight: 700;
        color: #000;
    }

.payfarepart {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 30px 0 10px;
    gap: 20px;
}

    .payfarepart p {
        font-size: 14px;
        font-weight: 400;
        color: #888;
        line-height: 20px;
    }

        .payfarepart p i {
            /*display: block;*/
            font-style: normal;
        }

    .payfarepart button {
        background-color: var(--secondary-color);
        border: none;
        border-radius: 50px;
        color: var(--tertiary-color);
        font-size: 14px;
        font-weight: 400;
        padding: 16px 66px 15px;
    }


/*************************Customer Info Route Popup Style Start***********************/


.journey_detail_popup .css-ypiqx9-MuiDialogContent-root {
    padding: 0;
}

.journey_detail_popup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
    background-color: transparent;
    width: 60%;
}

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

.custjrny_popup_head {
    width: 100%;
    float: left;
    background-color: var(--secondary-color);
    display: flex;
    padding: 35px 40px;
    border-radius: 20px 20px 0 0;
}

.custjrny_popup_onward {
    flex-basis: 34%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .custjrny_popup_onward h5 {
        font-size: 14px;
        font-weight: 400;
        color: var(--button-color);
    }

    .custjrny_popup_onward .popup_bustype {
        font-size: 16px;
        font-weight: 600;
        color: var(--pure);
        padding: 8px 0 0;
    }

.popup_bustime_fare {
    display: flex;
    padding: 16px 0 0;
    align-items: center;
    gap: 30px;
}

.popup_bustime {
    display: flex;
    align-items: center;
    gap: 20px;
}

.popup_bustime_pickup {
    font-size: 20px;
    font-weight: 600;
    color: var(--pure);
}

.popup_fare {
    font-size: 20px;
    font-weight: 600;
    color: var(--pure);
}

.custjrny_popup_onward.custjrny_popup_farecount {
    display: flex;
    flex-basis: 26%;
    justify-content: flex-start;
    align-items: center;
    gap: 36px;
}

.custjrny_popup_onward span {
    font-size: 16px;
    color: var(--button-color);
    font-weight: 400;
    padding: 16px 0 0;
    float: left;
    cursor: pointer;
}

.custjrny_popup_onwardjrny .noroute p {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.popup_fare_amount {
    font-size: 30px;
    font-weight: 600;
    color: var(--pure);
}

.custjrny_popup_farecount .booking_btn {
    font-size: 14px;
    background-color: var(--button-color);
    color: var(--primary-color);
    padding: 6px 34px;
    border-radius: 50px;
    text-transform: capitalize;
}

    .custjrny_popup_farecount .booking_btn:hover,
    .custjrny_popup_farecount .booking_btn:focus {
        background-color: var(--pure);
        color: var(--secondary-color);
    }

.custjrny_popup_return {
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--button-color);
    border-right: 1px solid var(--button-color);
    padding: 0 0 0 60px;
    flex-basis: 40%;
    align-items: flex-start;
}

.custjrny_popup_routedetails {
    width: 100%;
    float: left;
    background-color: var(--pure);
    padding: 40px 80px 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.custjrny_popup_onwardjrny {
    flex-basis: 47%;
    background-color: #E1E1E1;
    padding: 25px 40px 40px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.popup_routename {
    display: flex;
    gap: 3px;
    padding: 0 0 24px;
    border-bottom: 1px solid var(--secondary-color);
}

    .popup_routename label {
        font-size: 16px;
        font-weight: 600;
        color: var(--secondary-color);
    }

.popup_routename_type {
    padding: 30px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

    .popup_routename_type label {
        font-size: 16px;
        font-weight: 600;
        color: var(--primary-color);
        display: block;
        width: 50%;
    }

        .popup_routename_type label.route_bustype {
            font-size: 12px;
            font-weight: 400;
            color: var(--secondary-color);
            border: 1px solid var(--secondary-color);
            background-color: #FFFDFD;
            padding: 5px 14px 4px;
            border-radius: 50px;
            display: inline-block;
            margin: 0 !important;
            width: auto;
        }

.popup_route_listing {
    display: flex;
    padding: 40px 0 56px;
    justify-content: space-between;
    height: 200px;
}

.route_list_onwarddata {
    flex-basis: 46%;
    gap: 16px;
    display: flex;
    flex-direction: column;
}

    .route_list_onwarddata label {
        font-size: 16px;
        font-weight: 600;
        color: var(--primary-color);
    }

    .route_list_onwarddata p {
        font-size: 14px;
        font-weight: 400;
        color: #1F1F1F;
    }

    .route_list_onwarddata.route_list_onwarddata01 {
        align-items: flex-end;
    }

        .route_list_onwarddata.route_list_onwarddata01 p {
            text-align: right;
        }

.customtabbing {
    width: 100%;
    float: left;
    border-top: 1px solid var(--secondary-color);
}

.customtab {
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 16px 0 30px;
}

    .customtab ul {
        margin: 0 !important;
        border: none !important;
        padding: 0 !important;
        gap: 30px;
    }

        .customtab ul li a {
            padding: 0;
            font-size: 16px;
            font-weight: 400;
            color: var(--secondary-color);
            position: relative;
        }

            .customtab ul li a:after {
                content: '';
                position: absolute;
                width: 1px;
                height: 16px;
                background-color: var(--secondary-color);
                right: -15px;
                top: 3px;
            }

        .customtab ul li #pills-profile-tab:after {
            display: none;
        }

        .customtab ul li a:hover, .customtab ul li a:focus {
            color: var(--primary-color);
            background-color: transparent;
        }

.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: transparent !important;
    color: var(--primary-color) !important;
}

.busimg_card {
    height: 4rem;
}

.busimage_grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
    height: 144px;
}

.customtabbing .customtab {
    padding: 16px 0 0;
}

.popuptab-content {
    width: 100%;
    float: left;
    padding: 30px 0 0;
}

.customtabbing .tab-content {
    width: 100%;
    float: left;
    padding: 0 15px 0 0;
    overflow-y: auto;
}

.customtabbing .tabreview {
    padding: 15px 0;
}

    .customtabbing .tabreview:last-child {
        border: none;
    }

@media (min-width: 550px) {
    .busimage_grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (min-width: 350px) {
    .busimage_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

.customer_disc_mbl {
    display: none;
}
/*************************Customer Info Route Popup Style End***********************/
/*************************Customer Info Page Style End***********************/
/*************************Date Picker Style Start***********************/
.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover {
    background-color: var(--secondary-color) !important;
    color: var(--pure) !important;
    background-image: none !important;
}

.datetimepicker th.dow {
    background-color: var(--pure) !important;
}

.datetimepicker td, .datetimepicker th {
    width: 40px !important;
    height: 30px !important;
    color: var(--primary-color);
    background-color: var(--tertiary-color) !important;
    font-weight: 600;
}

.datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover {
    color: #999 !important;
    background-color: var(--pure) !important;
    font-weight: 400;
}

.datetimepicker thead tr:first-child th, .datetimepicker tfoot th {
    background-color: var(--tertiary-color) !important;
    font-weight: 600 !important;
}

.datetimepicker table tr td.old, .datetimepicker table tr td.new {
    color: #999 !important;
    font-weight: 400;
    background-color: var(--pure) !important;
}

.datetimepicker table {
    margin: 0;
    padding: 0;
    width: 100% !important;
}

    .datetimepicker table tr td span {
        width: 100% !important;
    }

        .datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover {
            background-color: var(--secondary-color) !important;
            color: var(--pure) !important;
            background-image: none !important;
        }

/*************************Date Picker Style End***********************/


/*************************Manage Booking Style Start Here ***************************/

.managebookingwrapper {
    width: 100%;
    float: left;
    clear: both;
}

.managebooking {
    width: 100%;
    float: left;
    padding: 0;
}

.managewrapper {
    width: 100%;
    float: left;
    padding: 0;
}

.managetitle {
    width: 100%;
    float: left;
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 700;
    padding: 10px 0 25px;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
    position: relative;
}

.modifi_ticket_input {
    width: 100%;
    float: left;
    padding: 40px 40px 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border: 1px solid var(--secondary-color);
    border-radius: 30px;
    margin: 40px 0;
}

    .modifi_ticket_input .managepnr {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 2px;
        position: relative;
    }

.managepnr .modifytctotp {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: var(--secondary-color);
    color: var(--pure);
    padding: 14px 30px;
    border-radius: 50px;
    font-size: 15px;
}

    .managepnr .modifytctotp:hover, .managepnr .modifytctotp:focus {
        background-color: var(--button-color);
        color: var(--primary-color);
    }

.modifi_ticket_input .managepnr label {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-color);
    padding: 0 0 12px 10px;
}

.modifi_ticket_input .managepnr input {
    border: 1px solid #E1E1E1;
    height: 51px;
    padding: 0 0 0 20px;
    border-radius: 50px;
    font-size: 14px;
    color: #888;
}

    .modifi_ticket_input .managepnr input:hover,
    .modifi_ticket_input .managepnr input:focus,
    .modifi_ticket_input .managepnr input:target {
        border: 1px solid var(--secondary-color);
        outline: none;
    }



.modifi_ticket_input .managepnr button {
    background-color: var(--secondary-color);
    font-size: 14px;
    font-weight: 400;
    color: var(--tertiary-color);
    border-radius: 50px;
    padding: 16px 0px;
    border: none;
    margin: 20px 0 0;
}

    .modifi_ticket_input .managepnr button:hover,
    .modifi_ticket_input .managepnr button:focus {
        background-color: var(--button-color);
        color: var(--primary-color);
    }

.managepnr.managebutton {
    width: 20%;
}

.managepnr.managebutton02 {
    width: auto;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    gap: 20px;
}

.modifi_ticket_input .managepnr.managebutton02 button {
    display: inline-block;
    padding: 14px 50px;
    font-size: 16px;
}

.ticketprintbtnpart {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0 0;
}

    .ticketprintbtnpart button {
        background-color: var(--secondary-color);
        color: var(--pure);
        padding: 6px 20px;
    }

        .ticketprintbtnpart button:hover, .ticketprintbtnpart button:focus {
            background-color: var(--button-color);
            color: var(--primary-color);
        }

.modifydetails {
    width: 100%;
    float: left;
    padding: 69px 43px 0;
}

.modifyroutenm {
    width: 100%;
    text-align: left;
    float: left;
    border-bottom: 1px solid var(--button-color);
}

    .modifyroutenm h4 {
        font-size: 18px;
        font-weight: 700;
        padding: 16px 77px 15px 20px;
        background-color: var(--button-color);
        border-radius: 10px 10px 0 0;
        display: inline-block;
        color: var(--secondary-color);
        margin: 0;
    }

.modifydetailspart {
    width: 100%;
    float: left;
    text-align: left;
    padding: 22px 0 0;
}

    .modifydetailspart h3 {
        font-size: 18px;
        font-weight: 700;
        color: var(--primary-color);
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 0 7px;
    }

.modifypartarea {
    width: 100%;
    float: left;
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    margin: 19px 0 0;
    padding: 0 0 30px;
}

.modifyroutepart {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 23px 42px 0;
}

.modifydata {
    display: flex;
    flex-wrap: wrap;
    width: 21.8%;
    justify-content: space-between;
}

.modifybuscont {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    display: block;
}

.modifydatasleep {
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    padding: 4px 10px 4px;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
}

.modifyamenities {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 0 0 39px;
    gap: 6px;
}

    .modifyamenities a {
        border: 1px solid var(--secondary-color);
        border-radius: 50%;
        width: 29px;
        height: 29px;
        text-align: center;
        background-image: url("../images/icon01.svg");
        background-position: center -7951px;
        background-repeat: no-repeat;
    }

    .modifyamenities .fafire {
        background-position: center -8165px;
    }

    .modifyamenities .famap {
        background-position: center -8381px;
    }

    .modifyamenities .fablanket {
        background-position: center -8597px;
    }

.modifybusbtn {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px 0 0;
}

    .modifybusbtn a {
        color: var(--secondary-color);
        font-size: 14px;
        font-weight: 400;
        border-right: 1px solid var(--secondary-color);
        padding: 0 8px 0 0;
        line-height: 14px;
    }

        .modifybusbtn a:nth-last-child(-n+1) {
            padding: 0;
            border: none;
        }

        .modifybusbtn a:hover, .modifybusbtn a:focus {
            color: var(--button-color);
        }

.modifydata02 {
    width: 32%;
}

.modifybuspan {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #888;
}

    .modifybuspan i {
        display: block;
        font-style: normal;
    }


/**************************Manage Booking Style End Here ***************************/
/**********************My Booking Page Style Start Here************************/
.mybookingwrapper {
    width: 100%;
    float: left;
    clear: both;
}

    .mybookingwrapper .container {
        width: 100%;
        max-width: 1170px;
    }

.mybookingtab {
    width: 100%;
    float: left;
    /*overflow-y: scroll;*/
}


/*My Booking Left Tab Style Start*/
.bookinglist_tabs {
    position: relative;
    margin: 25px 0 50px;
    width: 100%;
    float: left;
}

.mybooking_tabspart {
    width: 100%;
    float: left;
    padding: 0 4px;
}

.season_tab label {
    background: var(--secondary-color);
    padding: 10px;
    border: 1px solid #fff;
    margin-left: -1px;
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    width: 264px;
    height: 68px;
    display: table-cell;
    color: var(--pure);
    text-transform: uppercase;
    cursor: pointer;
    display: none;
}

.bookinglist_tabs .season_tab [type=radio] {
    display: none;
}

.bookinglist_tabs .season_content span {
    animation: 0.5s ease-out 0s 1 slideInFromTop;
}



[type=radio]:checked ~ label ~ .season_content {
    z-index: 0;
}

.bookinglist_tabs .css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
    color: var(--primary-color);
}

/*My Booking Left Tab Style End*/
/*My Booking Right Tab Style Start*/


.bookingtab-block {
    width: 100%;
    margin: 0 auto;
    display: flex;
}

    .bookingtab-block .bookingtab-mnu {
        list-style: none;
        padding: 32px 40px 0 40px;
        margin: 0;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        width: 30%;
    }

        .bookingtab-block .bookingtab-mnu:after {
            content: "";
            display: table;
            clear: both;
        }

        .bookingtab-block .bookingtab-mnu li {
            float: left;
            background-color: transparent;
            width: 100%;
            text-align: left;
            padding: 26px 0 26px 40px;
            cursor: pointer;
            font-size: 20px;
            color: var(--primary-color);
            font-weight: 500;
            border-bottom: 1px solid #F0F0F0;
            position: relative;
        }

            .bookingtab-block .bookingtab-mnu li:hover:not(.active) {
                color: var(--secondary-color);
            }

            .bookingtab-block .bookingtab-mnu li:nth-last-child(-n+1) {
                border: none;
            }

            .bookingtab-block .bookingtab-mnu li::before {
                position: absolute;
                content: "";
                left: 0;
                top: 38px;
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: var(--primary-color);
            }

        .bookingtab-block .bookingtab-mnu .active {
            background-color: #fff;
            color: var(--secondary-color);
            cursor: default;
        }

    .bookingtab-block .bookingtab-cont {
        background-color: var(--pure);
        margin: -1px 0 0;
        width: 70%;
    }

    .bookingtab-block .bookingtab-mnu ::-webkit-scrollbar {
        width: 3px;
        box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    .bookingtab-block .bookingtab-mnu ::-webkit-scrollbar-thumb {
        width: 3px;
        background-color: var(--button-color);
    }

.bookingtab-pane {
    position: relative;
}


.mybooking-tabs {
    width: 100%;
    float: left;
    padding: 45px 0 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #E1E1E1;
}

    .mybooking-tabs .tab-list {
        padding: 0;
        margin: 0;
    }

        .mybooking-tabs .tab-list > li {
            padding: 0 0 28px 0;
            margin: 0 45px 0 0;
            float: left;
            cursor: pointer;
        }

            .mybooking-tabs .tab-list > li:hover,
            .mybooking-tabs .tab-list > li.active {
                border-bottom: 2px solid var(--secondary-color);
            }

                .mybooking-tabs .tab-list > li:hover > h3,
                .mybooking-tabs .tab-list > li.active > h3 {
                    color: var(--secondary-color);
                }

            .mybooking-tabs .tab-list > li > h3 {
                font-weight: 700;
                display: block;
                transition: all 500ms ease;
                font-size: 20px;
                color: var(--primary-color);
            }

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

    .mybooking_tabscontent .tabs-content {
        opacity: 0;
        display: none;
        padding: 20px 0 0;
        opacity: 1s ease-out;
    }

        .mybooking_tabscontent .tabs-content.active {
            opacity: 1;
            display: block;
        }


.collapsible-button {
    padding: 0;
    display: inherit;
    font-size: inherit;
    line-height: normal;
}

    .collapsible-button .bookicon {
        align-self: center;
        margin-inline-start: auto;
    }

.bookicon {
    position: relative;
    display: flex;
    inline-size: 0.9375rem;
    block-size: 0.9375rem;
}

    .bookicon::before, .bookicon::after {
        content: "";
        display: block;
        background-color: var(--secondary-color);
        position: absolute;
        inset: 0;
        margin: auto;
    }

    .bookicon::before {
        inline-size: 0.9375rem;
        block-size: 0.125rem;
    }

    .bookicon::after {
        inline-size: 0.125rem;
        block-size: 0.9375rem;
        transition: block-size 0.2s;
    }

[open] .bookicon::after {
    block-size: 0.125rem;
}

/* my booking new style*/

.mybooking_tabsarea01 {
    width: 100%;
    position: relative;
}

.mybooking_tabsarea02 {
    display: none;
}

    .mybooking_tabsarea02 .bookingmainbox {
        width: 100%;
    }

    .mybooking_tabsarea02 .bookingmainbox02 {
        width: 100%;
        padding: 40px 0 0;
    }

    .mybooking_tabsarea02 .bookingjrnydetails {
        padding: 50px 40px 30px;
        border: none;
    }

    .mybooking_tabsarea02 .bookingjrnydetails02 .bookingroutename p {
        padding: 0;
    }

    .mybooking_tabsarea02 .bookingjrnydetails02 {
        padding: 50px 0 30px;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
    }

    .mybooking_tabsarea02 .bookingjrnydetails03 {
        padding: 10px 0 50px;
        border-bottom: 1px solid #e1e1e1;
    }

    .mybooking_tabsarea02 .bookingmaincont {
        padding: 0 40px;
    }

.bookingnavmain {
    padding: 50px 40px 0;
}

.mybooking_tabsarea02 .bookingticket {
    padding: 37px 0 41px;
}

.mybooking_tabsarea {
    width: 100%;
    float: left;
    margin: 40px 0 0px !important;
    border: 1px solid var(--secondary-color);
    padding: 0 !important;
    border-radius: 20px;
    position: relative;
    background-color: var(--pure);
}

.bookingratestar {
    display: flex;
    justify-content: center;
    gap: 0 10px;
    padding: 6px 0 20px;
}

.bookcompratestar {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 0 0 6px;
}

    .bookcompratestar label span {
        font-size: 45px !important;
        -webkit-text-stroke: 2px #888;
        -webkit-text-fill-color: #fff;
        padding: 0 2px !important;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }

    .bookcompratestar label:hover,
    .bookcompratestar label:hover ~ label,
    .bookcompratestar input[type=radio]:checked ~ label {
        -webkit-text-stroke: inherit !important;
        -webkit-text-fill-color: var(--button-color) !important;
    }


.bookingfeedback {
    display: flex;
    justify-content: center;
    padding: 25px 0 0;
}

    .bookingfeedback textarea {
        width: 88%;
        border: 1px solid #E1E1E1;
        outline: none;
        background-color: var(--tertiary-color);
        padding: 40px;
        height: 360px;
        border-radius: 20px;
        font-size: 18px;
        font-weight: 400;
        line-height: normal;
    }

.bookingsubmit {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 35px 40px 50px;
}

.bookingsbmtxt .bookingroutename p {
    padding: 5px 0 0;
}

.bookingsubmit .bookingdwnticket {
    display: flex;
    align-items: center;
    width: 24%;
}

    .bookingsubmit .bookingdwnticket a {
        padding: 17px 60px 14px;
    }


.bookingmaincont02 .bookingjrnydetails03 {
    border-bottom: none;
    padding: 13px 0 40px;
}

.bookingmaincont03 .bookingmainarea {
    border: none;
}

.bookingmaincont03 .bookingjrnydetails {
    border: none;
}

.bookingmaincont03 .bookingmainbox02 a:hover, .bookingmaincont03 .bookingmainbox02 a:focus {
    color: var(--button-color);
}

.mybooking_tabsarea03 {
    margin: 30px 0 0 !important;
}

    .mybooking_tabsarea03 .bookingbusname {
        background-color: transparent;
        display: none;
    }

.bookingmaincont03 .bookingmainbox02 {
    text-align: right;
    padding: 37px 40px 0 0;
}

.bookingmaincont03 {
    padding: 50px 40px 5px;
}


/* Tab 1 Set */
.tabs-content#content-select-1 > div {
    padding: 0 4em;
}

/*My Booking Right Tab Style End*/



.bookingbusname {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--button-color);
    border-radius: 20px 20px 0 0;
    padding: 30px 40px 40px;
}

.bookingcollapse .bookingpartcont {
    display: inherit;
}

.bookingmaincont {
    width: 100%;
    float: left;
    padding: 50px 40px 0;
}

.bookingmaincont03 {
    padding: 50px 40px 15px;
}

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

.bookingmainarea {
    border-bottom: 1px solid #E1E1E1;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}

.bookingmainbox {
    width: 59.2%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bookingjrnydetails {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0 25px;
    border-bottom: 1px solid #E1E1E1;
}

.bookingjrnydetails03 {
    float: left;
    display: inherit;
}

    .bookingjrnydetails03 .bookingroutename {
        width: 100% !important;
        float: left;
    }

.bookpsngrnm {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.book-heading {
    font-size: 40px;
    font-weight: 700;
    color: var(--secondary-color);
    line-height: 48px;
}

.bookingroutedetails {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 69.2%;
}

.bookingroutename span {
    font-size: 18px;
    font-weight: 400;
    color: #888;
    display: block;
}

.bookingroutename .bookcompratestar span {
    color: var(--button-color);
}

.bookingbusicon.rbookbusicon {
    background-image: url("../images/reschedulebus.svg");
}

.bookingroutename02 {
    text-align: right;
}

.bookingjrnydetails02 {
    padding: 0 0 34px;
    gap: 10px 0;
}

    .bookingjrnydetails02 span {
        cursor: pointer;
    }

    .bookingjrnydetails02 .bookingroutename p {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 600;
    }

    .bookingjrnydetails02 .bookingpartcont {
        font-size: 30px;
        line-height: 36px;
        padding: 13px 0 0;
        display: block;
    }

    .bookingjrnydetails02 .bookingroutename a {
        font-size: 16px;
        background-image: url("../images/icon01.svg");
        background-position: left -6562px;
        background-repeat: no-repeat;
        padding: 11px 0 0 17px;
        color: #808080 !important;
        display: block;
    }

    .bookingjrnydetails02 .bookingroutename a {
        color: var(--primary-color);
    }

.bookingjrnydetails03 {
    padding: 13px 0 25px;
    border: none;
}

    .bookingjrnydetails03 .bookingroutename p {
        padding: 19px 0 0;
    }

    .bookingjrnydetails03 .bookingroutename label {
        display: block;
        font-size: 18px !important;
        padding: 15px 0 0 !important;
    }

.bookingmainbox02 {
    width: 36.5%;
    float: left;
    text-align: center;
    padding: 0 0 40px;
}

    .bookingmainbox02 .bookingpartcont {
        padding: 2px 0 0;
    }

.bookingroutename span i {
    display: block;
    font-style: normal;
}

.bookingqrarea {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0;
}

.bookingroutename.bookingroutename03 {
    width: 100%;
    float: left;
}

    .bookingroutename.bookingroutename03 span {
        padding: 22px 0 0;
        line-height: 25px;
    }

.bookingticket {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 37px 40px 41px;
}

.bookingticketbtn {
    width: 70%;
    padding: 14px 0 0;
    float: left;
}

    .bookingticketbtn p {
        padding: 0 56px 0 30px;
        background-image: url("../images/icon01.svg");
        background-position: left -9273px;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
        position: relative;
    }

        .bookingticketbtn p a {
            color: var(--secondary-color) !important;
            font-size: 14px;
            font-weight: 400;
        }

            .bookingticketbtn p a:hover, .bookingticketbtn p a:focus {
                color: var(--button-color) !important;
            }

    .bookingticketbtn .mybookmodify {
        background-position: left -9494px;
    }

    .bookingticketbtn .mybookticket {
        background-position: left -9712px;
    }

    .bookingticketbtn .mybookterms {
        background-position: left -9927px;
        padding: 0 0 0 26px;
    }

    .bookingticketbtn p::after {
        position: absolute;
        content: "";
        right: 26px;
        top: -10px;
        width: 1px;
        height: 42px;
        background-color: #E1E1E1;
    }

    .bookingticketbtn a:hover, .bookingticketbtn a:focus {
        color: var(--button-color);
    }

    .bookingticketbtn .mybookterms:after {
        display: none;
    }

.changepaaswrd button {
    background-color: var(--secondary-color);
    color: var(--pure);
    border-radius: 30px;
    margin: 0 20px 20px 0;
    padding: 10px 40px;
}

    .changepaaswrd button:hover, .changepaaswrd button:focus {
        background-color: var(--button-color);
        color: var(--secondary-color);
    }

.bookingdwnticket {
    display: flex;
    align-items: center;
    width: 23.5%;
}

    .bookingdwnticket a {
        background-color: var(--secondary-color);
        border-radius: 50px;
        font-size: 14px;
        font-weight: 400;
        color: var(--tertiary-color) !important;
        text-align: center;
        padding: 16px 35px 15px;
    }

        .bookingdwnticket a:hover, .bookingdwnticket a:focus {
            background-color: var(--button-color);
            color: var(--secondary-color) !important;
        }

.rescheduleticket {
    width: 100%;
    float: left;
    padding: 0 0 30px !important;
}

.resticketpart {
    width: 100%;
    float: left;
    background-color: #F0F0F0;
    padding: 50px 0 41px;
    border-radius: 0 0 30px 30px;
    margin: -20px 0 0;
    text-align: center;
}

    .resticketpart h3 {
        display: inline-block;
        vertical-align: middle;
        color: var(--secondary-color);
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
    }

.reschedulebtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 23px;
    padding: 32px 0 0;
}

    .reschedulebtn button {
        background-color: var(--button-color);
        font-size: 18px;
        color: var(--primary-color);
        font-weight: 400;
        border: none;
        border-radius: 50px;
        padding: 20px 44px;
    }

        .reschedulebtn button:hover, .reschedulebtn button:focus {
            background-color: var(--secondary-color);
            color: var(--pure);
        }

.reschedulepop {
    width: 100%;
    float: left;
    padding: 0 !important;
}

.reschedulepopup {
    width: 100%;
    background-color: var(--secondary-color);
    border-radius: 20px 20px 0 0;
    float: left
}

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

.collapsibleres {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 32px 46px 50px 34px;
}

.reschedulepart {
    width: 83%;
    display: flex;
    justify-content: space-between;
}

.reschedulehead {
    float: left;
    border-right: 1px solid var(--button-color);
    padding: 0 22px 0 0;
}

.rbook-heading {
    color: var(--button-color);
}

.rbookingpartcont {
    color: var(--button-color) !important;
}

.bookingroutedetails.rbookingdetails {
    width: 48%;
}

.bookingroutename.bookingroutename.rbookingname label {
    color: var(--button-color) !important;
}

.bookingroutename.rbookingname p {
    color: var(--button-color) !important;
}

.bookingroutename.rbookingname span {
    color: var(--pure) !important;
}

.rbookingname02 {
    text-align: right;
}

.rbuspnrnumber {
    border-left: 1px solid var(--button-color);
    padding: 0 0 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 10px;
}

.rbuspnr p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--button-color);
}

.rbuspnr span {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #FFFDFD;
}

.routereschedule_icon {
    cursor: pointer;
    display: flex;
    align-items: center;
}

    .routereschedule_icon i {
        color: var(--pure);
        font-size: 26px;
    }

.reschedulepart .bookingroutename .resdatembl {
    display: none;
}

.collapsibleres h5 {
    font-size: 16px;
    color: var(--button-color);
    font-weight: 700;
    line-height: 24px;
    float: left;
    display: none;
}

.reschedulesec {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: var(--pure);
    padding: 41px 111px 68px 83px;
    align-items: end;
}

.ticketreschedule {
    width: 60%;
}

    .ticketreschedule h3 {
        color: var(--secondary-color);
        font-size: 20px;
        font-weight: 700;
        line-height: 26px;
    }

.ticketrespart {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 42px 0 0;
}

.rescheduleseat {
    width: 45%;
    float: left;
    padding: 0 30px 0 0;
}

    .rescheduleseat h4 {
        font-size: 20px;
        color: var(--primary-color);
        font-weight: 700;
        line-height: 36px;
    }

.resseat {
    width: 100%;
    float: left;
    height: 205px;
    overflow-y: auto;
    padding: 10px 15px 0 0;
}

.singleseatres {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 15px;
}

.seatselectresradio {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: 10px;
}

.seatselectres {
    padding: 10px 0;
}

    .seatselectres .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
        padding: 0 !important;
    }

.rescheduleinseat {
    position: relative;
    width: 49%;
    padding: 0;
}

    .rescheduleinseat:before {
        position: absolute;
        content: "";
        left: -42px;
        top: 0;
        width: 1px;
        height: 250px;
        background-color: var(--button-color);
    }

.seatsreschedule::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
    display: none;
}

.inseatsreschedule {
    opacity: 0.3;
    cursor: not-allowed;
}

.seatsreschedule {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    margin: 28px 0 0;
    gap: 15px;
    height: 183px;
    overflow-y: auto;
}

    .seatsreschedule .seatselectres {
        display: flex;
        gap: 10px;
        align-items: baseline;
    }

    .seatsreschedule p {
        font-size: 16px;
        font-weight: 400;
        color: var(--primary-color);
        display: inline-block;
    }

    .seatsreschedule .seatsroute {
        font-size: 18px;
        font-weight: 700;
        color: var(--primary-color);
        display: inline-block;
    }

.bookinglist_tabs .season_tab .seatsreschedule [type=radio] {
    display: inline-block !important;
}

.reschedulepsname {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
}

.seatresname {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.ticketreschedule .modifydetailsinput {
    width: 100%;
}

.confirmbackbtn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 55px;
    padding: 50px 50px 0 0;
}

    .confirmbackbtn button {
        background-color: var(--button-color);
        font-size: 18px;
        color: var(--primary-color);
        font-weight: 400;
        border: none;
        border-radius: 50px;
        padding: 20px 78px;
    }

        .confirmbackbtn button:hover, .confirmbackbtn button:focus {
            background-color: var(--secondary-color);
            color: var(--pure);
        }

.rescheduleimg iframe {
    width: 261px;
    height: 467px;
    aspect-ratio: 16/5;
}

.reserrormsgpart {
    width: 100%;
    float: left;
    text-align: center;
    padding: 70px 0 50px;
}

.reserrormsg {
    background-color: var(--secondary-color);
    padding: 65px 50px;
    color: var(--pure);
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    border-radius: 20px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    max-width: 60%;
    flex-wrap: wrap;
}

    .reserrormsg .confirmbackbtn {
        padding: 40px 0 0;
    }

        .reserrormsg .confirmbackbtn button:hover, .reserrormsg .confirmbackbtn button:focus {
            background-color: var(--pure);
            color: var(--secondary-color);
        }

.css-hlj6pa-MuiDialogActions-root {
    padding: 0 !important;
}

.cancelbookticket {
    width: 100%;
    float: left;
    padding: 0 0 30px !important;
}

/*Cancel Details*/

.cancelticketfare {
    width: 100%;
    float: left;
    padding: 80px 0 60px;
}

    .cancelticketfare .cust_savegst {
        padding: 10px 0 100px;
    }

    .cancelticketfare .faredetails {
        padding: 40px 40px 90px;
    }

    .cancelticketfare .payfarepart {
        justify-content: center;
        padding: 60px 0 0;
    }

        .cancelticketfare .payfarepart button {
            background-color: var(--button-color);
            color: var(--secondary-color);
            font-size: 16px;
            padding: 14px 50px 13px;
        }

            .cancelticketfare .payfarepart button:hover, .cancelticketfare .payfarepart button:focus {
                background-color: var(--secondary-color);
                color: var(--pure);
            }

.logintest.css-zzms1-MuiSnackbar-root {
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    display: flex !important;
    justify-content: center !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    top: 0;
    align-items: flex-start;
}

.logintest .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
    background-color: transparent;
    box-shadow: none;
}

.logintest .loginconfirmpopup h4 {
    color: #FFFDFD;
    font-size: 30px;
    font-weight: 700;
    padding: 0 0 50px;
}

    .logintest .loginconfirmpopup h4 i {
        display: block;
        font-style: normal;
    }

.logintest .loginconfirmpopup {
    background-color: var(--secondary-color);
    border-radius: 20px;
    padding: 60px 80px 45px;
    text-align: center;
    width: 100%;
    float: left;
}

.logintest .css-i7kv6a-MuiDialogContent-root {
    padding: 0 0 50px;
    background-color: var(--secondary-color);
    border-radius: 20px;
}

.logintest .loginconfirmpopup p {
    padding: 0;
}

.logintest .css-hlj6pa-MuiDialogActions-root {
    justify-content: center;
}

.logintest .payfarepart button {
    background-color: var(--button-color);
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 400;
    padding: 14px 51px 13px;
    text-transform: capitalize;
}

    .logintest .payfarepart button:hover, .logintest .payfarepart button:focus {
        background-color: var(--pure);
        color: var(--secondary-color);
    }

/*Cancel Details end*/


.MuiDialog-root .MuiDialogContent-root.css-ypiqx9-MuiDialogContent-root {
    padding: 0 !important;
    background-color: transparent !important;
}

.modify_ticket_popup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
    background-color: transparent !important;
    max-width: 1213px;
    width: 100%;
    box-shadow: none;
}

.cancelpop {
    width: 100%;
    float: left;
    padding: 0 !important;
}

.modifybookticket {
    width: 100%;
    float: left;
    padding: 0 0 30px !important;
}

    .modifybookticket p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: var(--secondary-color);
        display: inline-block;
        vertical-align: middle;
        padding: 30px 0 0;
    }

        .modifybookticket p i {
            font-style: normal;
            display: block;
        }

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

.modifytickets {
    width: 100%;
    float: left;
    padding: 70px 0 50px;
}

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

.modifytitle {
    width: 100%;
    float: left;
    border-bottom: 1px solid #E1E1E1;
}

    .modifytitle h4 {
        font-size: 20px;
        font-weight: 700;
        color: var(--secondary-color);
        line-height: 26px;
        display: inline-block;
        vertical-align: middle;
        border-bottom: 2px solid var(--secondary-color);
        padding: 0 0 28px;
    }

.modifyticketspart p {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    float: left;
    padding: 24px 0 0;
}

    .modifyticketspart p i {
        font-style: normal;
        display: block;
    }

    .modifyticketspart p button {
        border: none;
        color: var(--secondary-color);
        background-color: transparent;
    }

        .modifyticketspart p button:hover, .modifyticketspart p button:focus {
            color: var(--button-color);
        }

.routemodify {
    width: 100%;
    float: left;
    padding: 86px 0 0;
}

.modifybdpoint {
    width: 100%;
    float: left;
    padding: 0 43px;
}

.buscountmodify {
    padding: 86px 0 0;
}

.crntbdpoint {
    width: 100%;
    float: left;
    padding: 37px 0 0;
}

.crntbdpointbox {
    width: 50%;
    float: left;
    border: 1px solid #E1E1E1;
    background-color: var(--pure);
}

    .crntbdpointbox .busboldlabel {
        padding: 15px 40px 16px;
        border-bottom: 1px solid #e1e1e1;
    }

.busboldlabelmbl {
    display: none;
}

.busboldlabelmbl1 {
    display: none;
}


.crntbdpointbox .bookingbdcityarea .mapbdpoints {
    padding: 5px 0 0 13px;
    background-position: -2px -6572px;
}

.modifybdroute {
    width: 100%;
    float: left;
    padding: 16px 63px 29px 43px;
}

.modifyroutesec .bookingbdcityarea {
    width: 78%;
}

.modifyroutesec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 13px;
}

    .modifyroutesec .bookingbdcityarea .bookingbdcityarea_span {
        padding: 5px 0 0;
    }

.modifyroutepoint {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 50px 0 0;
    align-items: flex-start;
}

.modifyrouteleft {
    width: 50%;
    float: left;
}

    .modifyrouteleft .busboldlabel {
        padding: 15px 40px 16px;
        border-bottom: 1px solid #e1e1e1;
    }

.modifyrouteleftmbl {
    display: none;
}

.modifyboarding {
    border: 1px solid #E1E1E1;
    background-color: var(--pure);
    width: 100%;
    float: left;
}

.mfybdselect {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 32px 63px 55px 44px;
}

.modifyboarding .bookingbdpart {
    padding: 35px 20px 32px 40px;
}

.modifyboarding .bookingbdroute {
    padding: 0 0 8px;
}

.modifyboarding .bookingbdcityarea .bookingbdcityarea_span {
    padding: 0 0 0 30px;
}

.mfyconfirm {
    width: 100%;
    float: left;
    text-align: center;
    padding: 32px 0 0;
}

    .mfyconfirm button {
        background-color: var(--secondary-color);
        border-radius: 50px;
        color: #FFFDFD;
        font-size: 14px;
        font-weight: 400;
        padding: 16px 54px;
        display: inline-block;
        vertical-align: middle;
        border: none;
    }

        .mfyconfirm button:hover, .mfyconfirm button:focus {
            background-color: var(--button-color);
            color: var(--primary-color);
        }

.modifyrouteright {
    width: 48%;
    float: right;
    padding: 15px 28px 0 0;
    text-align: right;
}

.easemytripwrapbook {
    padding: 100px 0 28px;
    float: left;
    width: 100%;
    display: none !important;
}


/*********************My Booking Page Style End Here**********************/
/*******************Header Login/Signup Modal Style Start Here******************/
.login_popup_main {
    width: 100%;
    float: left;
    background-color: rgba(0,0,0,0.1);
    backdrop-filter: blur(1px);
    --webkit-backdrop-filter: blur(1px);
}

    .login_popup_main .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: 0;
        border-radius: 20px;
    }

    .login_popup_main .css-ypiqx9-MuiDialogContent-root {
        padding: 0;
        background-color: var(--secondary-color);
    }

        .login_popup_main .css-ypiqx9-MuiDialogContent-root::-webkit-scrollbar {
            width: 0px !important;
            height: 0px !important;
            display: none;
        }

    .login_popup_main .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        width: 100%;
        max-width: 900px;
    }

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

.loginpopupmain {
    width: 100%;
    float: left;
    background-color: var(--secondary-color);
}

.popupleft {
    width: 41.9%;
    float: left;
}

    .popupleft img {
        width: 100%;
        height: 607px;
    }

.loginbusmbl {
    display: none;
}

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

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

.popupclosebutton {
    width: 100%;
    float: left;
    padding: 20px 20px 0;
    text-align: right;
}

    .popupclosebutton i {
        font-size: 26px;
        color: var(--pure);
        cursor: pointer;
    }

        .popupclosebutton i:hover {
            color: var(--button-color);
        }

.logincstmrdata {
    width: 100%;
    float: left;
    padding: 15px 60px 50px;
}

.loginsecmainform {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 20px;
}

.loginsecformheadmbl {
    display: none;
}

.secpopupimgmbl {
    display: none;
}

.loginpesdata {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 25px;
}

    .loginpesdata .popuserdetail {
        width: 48%;
    }

.loginsecformhead {
    color: var(--button-color);
    font-weight: 700;
    font-size: 20px;
}

.profileinputdetails {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 0 0;
}

.profileinputdetailsbtn button {
    background-color: var(--button-color);
    color: var(--secondary-color);
    font-size: 16px;
    padding: 14px 34px 13px;
    border-radius: 50px;
    border: none;
}

    .profileinputdetailsbtn button:hover, .profileinputdetailsbtn button:focus {
        background-color: var(--pure);
        color: var(--secondary-color);
    }

.popuserdetail {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
}

.logincstmrdata label {
    color: var(--tertiary-color);
    padding: 0 0 17px;
    font-weight: 700;
    font-size: 16px;
}

.popuserdetail p {
    color: var(--button-color);
    line-height: 28px;
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 24px;
    text-align: left;
}

    .popuserdetail p i {
        font-style: normal;
        display: block;
    }

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

.captchin {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    padding: 0 0 15px;
}

    .captchin img {
        mix-blend-mode: multiply;
        width: 100%;
        max-width: 250px;
    }

.web_input label {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: var(--button-color);
    padding: 25px 0 10px;
}

.contactus_top_part01 .web_input label, .contactus_top_part_left .web_input label {
    color: var(--primary-color);
}

.web_input input {
    width: 100%;
    border: 1px solid #E1E1E1;
    outline: none;
    background-color: var(--pure);
    padding: 0 20px;
    height: 48px;
    border-radius: 50px;
    font-size: 15px;
    color: #666;
}

    .web_input input:focus,
    .web_input input:target {
        border: 1px solid var(--secondary-color);
        background-color: var(--pure);
        box-shadow: none;
    }

.web_input textarea {
    width: 100%;
    border: 1px solid #E1E1E1;
    outline: none;
    background-color: #fff;
    padding: 40px;
    height: 274px;
    border-radius: 20px;
}

.captcharefresh {
    color: var(--button-color);
}

    .captcharefresh:hover, .captcharefresh:focus {
        color: var(--pure);
    }

.loginpopupotp {
    display: flex;
    justify-content: space-between;
    padding: 0 0 15px;
}

    .loginpopupotp label {
        font-size: 18px;
        font-weight: 400;
        color: var(--tertiary-color);
        display: block;
        padding: 0;
        line-height: 25px;
    }

    .loginpopupotp button {
        font-size: 16px;
        font-weight: 400;
        color: var(--tertiary-color);
        display: block;
        border: none;
        background-color: transparent;
        line-height: 22px;
    }

    .loginpopupotp a:hover, .loginpopupotp a:focus {
        color: var(--button-color);
    }


.popuserdetail.profileinputradio label {
    padding: 0 0 14px;
}

.popuserdetail.profileinputdata label.css-1hpqosy-MuiFormControlLabel-root {
    padding: 0 15px 0 0;
    flex-direction: inherit;
}


.popuserdetail.profileinputdata .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
    padding: 0 !important;
    color: var(--pure);
    background-color: var(--pure);
    width: 20px;
    height: 20px;
}

.popuserdetail.profileinputdata .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
    padding: 0 10px 0 10px;
}

.popuserdetail.profileinputdata .css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
    color: var(--secondary-color);
}

.popuserdetail .passengertitle.hotdealbox label {
    font-size: 16px;
    padding: 0;
}

    .popuserdetail .passengertitle.hotdealbox label::before {
        border-radius: 2px;
        top: 1px;
        position: relative;
    }

.popuserdetail .passengertitle.hotdealbox a {
    font-size: 16px;
    color: var(--tertiary-color);
    padding: 0 0 0 8px;
    display: inline-block;
    margin: 0;
}

    .popuserdetail .passengertitle.hotdealbox a:hover, .popuserdetail .passengertitle.hotdealbox a:focus {
        color: var(--button-color);
    }

.popuserdetail input {
    width: 100%;
    border: none;
    outline: none;
    background-color: var(--pure);
    padding: 0 0 0 18px;
    height: 51px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #888;
}

    .popuserdetail input:focus, .popuserdetail input:target {
        border: none;
        background-color: var(--pure);
        box-shadow: none;
    }

.popuserdetail span.redclr {
    color: red;
    position: absolute;
    left: 20px;
    bottom: -17px;
    font-size: 13px;
}

.popuserdetail.popuserdetailradio input {
    width: auto;
}

.popuserdetail.popuserdetailotp .otpinput {
    width: 100%;
}

.popuserdetail.popuserdetailotp .otpinput {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

    .popuserdetail.popuserdetailotp .otpinput input {
        width: 100%;
    }

.otpinputlogin {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}

    .otpinputlogin input {
        width: 25%;
        float: left;
        background-color: var(--pure);
        border-radius: 50px;
        height: 51px;
        padding: 0;
        text-align: center;
    }

.popuserdetail.popuserdetailbutton {
    padding: 13px 0 0;
    text-align: center;
}

    .popuserdetail.popuserdetailbutton button {
        padding: 0;
        font-size: 14px;
        font-weight: 400;
        background-color: var(--button-color);
        color: var(--secondary-color);
        border: none;
        border-radius: 50px;
        width: 100%;
        height: 51px;
    }

        .popuserdetail.popuserdetailbutton button:hover, .popuserdetail.popuserdetailbutton button:focus {
            background-color: var(--pure);
            color: var(--secondary-color);
        }

.popupright {
    width: 58.1%;
    float: left;
}

.logincontent {
    width: 100%;
    float: left;
    padding: 0 85px 25px;
}


.login_popup_main .css-hlj6pa-MuiDialogActions-root {
    padding: 0;
}

.resendotplink {
    width: 100%;
    float: left;
    padding: 12px 0 0;
    text-align: center;
}

    .resendotplink a {
        font-size: 16px;
        font-weight: 400;
        color: var(--tertiary-color) !important;
    }

.googlelink {
    width: 100%;
    text-align: center;
    float: left;
    padding: 0;
}

    .googlelink p {
        width: 100%;
        float: left;
        padding: 20px 0 15px;
        font-size: 12px !important;
        font-weight: 400;
        color: var(--tertiary-color);
        text-align: center;
    }

#buttonDiv {
    width: 100%;
    float: left;
}

.logingooglebtn {
    background-color: var(--pure);
    border-radius: 50px !important;
    background-image: url("../images/icon01.svg");
    background-position: center -6112px;
    background-repeat: no-repeat;
    border: none;
    overflow: hidden;
    width: 48.5%;
}


.googlebtn iframe {
    width: 171px !important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    opacity: 0.01 !important;
    height: 51px !important;
    margin: 0 auto !important;
    position: absolute !important;
    left: 30% !important;
    z-index: 9;
}

.logingooglebtn iframe body {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.logingooglebtn .LgbsSe-Bz112c {
    display: block !important;
}

.googlebtn .haAclf {
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.googlebtn .nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe {
    padding: 0 !important;
    width: 100% !important;
    border: none !important;
    height: 51px !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.googlebtn .qJTHM {
    text-align: center !important;
}

.googlelink .loginbtnfbk {
    background-color: var(--pure);
    padding: 0 85px;
    border-radius: 50px;
    background-image: url("../images/icon01.svg");
    background-position: center -6339px;
    background-repeat: no-repeat;
    border: none;
}

.loginline {
    width: 100%;
    float: left;
    padding: 15px 0 0;
}

    .loginline label {
        display: flex;
        padding: 0 0 0 18px;
    }

    .loginline .MuiFormGroup-root.MuiFormGroup-row.css-qfz70r-MuiFormGroup-root {
        justify-content: space-between !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    .loginline .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 0 !important;
    }

    .loginline span {
        font-size: 15px;
        color: #FFFDFD;
        font-weight: 400;
        line-height: 22px;
        padding: 0 0 0 7px;
        width: 94%;
    }

    .loginline .css-hyxlzm {
        padding: 0 !important;
        color: var(--button-color) !important;
    }

    .loginline span button {
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #fffdfd;
        color: #fffdfd;
    }

.loginfg {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 51px;
}

.loginbtnicon {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    display: none;
}

    .loginbtnicon a {
        background-color: var( --tertiary-color);
        padding: 0;
        border-radius: 50px;
        position: relative;
        display: inline-block;
        height: 51px;
        background-image: url("../images/icon01.svg");
        background-repeat: no-repeat;
        background-position: center -6113px;
        width: 49%;
    }

        .loginbtnicon a:hover, .loginbtnicon a:focus {
            background-color: var(--button-color);
        }

    .loginbtnicon .loginbtnfbk {
        background-position: center -6340px;
    }

.loginpopuptxt {
    width: 100%;
    float: left;
    text-align: center;
    padding: 25px 0 0;
}

    .loginpopuptxt label {
        color: var(--button-color);
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        cursor: inherit;
    }

        .loginpopuptxt label i {
            font-style: normal;
            display: block;
        }

.popuserdetailotp p {
    padding: 0 0 15px;
}

.popuserdetailotp .googlelink p {
    padding: 10px 0 15px;
}

.logintest .css-3yjvh5-MuiPaper-root-MuiAlert-root {
    border-radius: 20px !important;
}

/*.css-3yjvh5-MuiPaper-root-MuiAlert-root {
    flex-direction: column-reverse;
}*/


.css-ki1hdl-MuiAlert-action {
    position: absolute;
    right: 0;
    left: 560px;
    margin: 0 auto !important;
    top: 13px;
    padding: 0 !important;
    align-items: center !important;
    text-align: center;
    justify-content: center;
}

.css-1pxa9xg-MuiAlert-message {
    padding: 8px 10px 8px 0 !important;
}

.logintest .css-1pxa9xg-MuiAlert-message {
    padding: 8px 0;
}


.loginconfirmpopup {
    background-color: var(--secondary-color);
    border-radius: 20px;
    padding: 25px 80px 25px;
    text-align: center;
    width: 100%;
    float: left;
}

    .loginconfirmpopup h3 {
        color: var(--tertiary-color);
        font-size: 30px;
        font-weight: 700;
        line-height: 36px;
        padding: 0 0 55px;
    }

.popupconfirmotp {
    width: 114px;
    height: 114px;
    border-radius: 50%;
    background-color: var(--button-color);
    display: inline-block;
    vertical-align: middle;
    color: var(--secondary-color);
    font-size: 65px;
    line-height: 121px;
    margin: 0 0 50px;
}

.loginconfirmpopup p {
    color: var(--tertiary-color);
    padding: 60px 0 0;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

    .loginconfirmpopup p i {
        font-style: normal;
        display: block;
    }

.signinpopupmain .popupright {
    width: 100%;
    background-color: var(--secondary-color);
    border-radius: 20px;
}
/*******************Header Login/Signup Modal Style End Here******************/
/*******************Cancellation Module Style End Here******************/
.modifypopupwrapper {
    width: 100%;
    float: left;
    padding: 20px 25px 0;
}

.modifyticketcontent {
    width: 100%;
    float: left;
    position: relative;
}

    .modifyticketcontent article {
        background-color: rgba(235, 235, 235, 0.5);
        padding: 40px;
        display: none;
        margin: 40px 0 0;
    }

        .modifyticketcontent article.on {
            display: block;
            float: left;
            width: 100%;
        }

    .modifyticketcontent input[type="radio"] {
        position: absolute;
        opacity: 0;
    }

        .modifyticketcontent input[type="radio"]:checked + .radio-label::before {
            background-color: var(--primary-color);
            box-shadow: inset 0 0 0 4px #f4f4f4;
        }

        .modifyticketcontent input[type="radio"] + .radio-label::before {
            content: "";
            background: #f4f4f4;
            border-radius: 100%;
            border: 1px solid var(--primary-color);
            display: inline-block;
            width: 20px;
            height: 20px;
            position: relative;
            top: 2px;
            margin-right: 10px;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            transition: all 250ms ease;
        }

    .modifyticketcontent label.radio-label {
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        padding: 0 40px 0px 0;
    }

.modifyarticledetails {
    width: 100%;
    float: left;
    padding: 10px 0 0;
}


.modifyinputflex {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 100px;
}

.modifydetailsinput {
    width: 30%;
    float: left;
    padding: 30px 0 0;
}

    .modifydetailsinput label {
        font-size: 16px;
        font-weight: 700;
        display: block;
        cursor: pointer;
        padding: 0 0px 10px 10px;
        color: var(--secondary-color);
    }

    .modifydetailsinput input {
        width: 100%;
        border: 1px solid #e1e1e1;
        outline: none;
        background-color: #fff;
        padding: 0 20px;
        height: 51px;
        border-radius: 50px;
    }

        .modifydetailsinput input:hover,
        .modifydetailsinput input:focus,
        .modifydetailsinput input:target {
            border: 1px solid var(--secondary-color);
            background-color: #fff;
            box-shadow: none;
        }

    .modifydetailsinput.modifydetailsinputbutton {
        display: flex;
        justify-content: flex-start;
        padding: 34px 0 0;
        gap: 40px;
        width: 100%;
    }

        .modifydetailsinput.modifydetailsinputbutton button {
            font-size: 14px;
            font-weight: 400;
            text-transform: capitalize;
            padding: 14px 54px;
            letter-spacing: 1px;
            background-color: var(--secondary-color);
            border: none;
            border-radius: 50px;
            color: var(--pure);
        }

            .modifydetailsinput.modifydetailsinputbutton button:hover,
            .modifydetailsinput.modifydetailsinputbutton button:focus {
                background-color: var(--button-color);
                color: var(--primary-color);
            }

.modifyarticledetails table {
    border: 2px solid #E6E6E6;
    width: 100%;
    text-align: center;
}

    .modifyarticledetails table thead tr {
        background-color: var(--button-color);
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 400;
    }

        .modifyarticledetails table thead tr th {
            padding: 20px 0px;
            border: 1px solid #E6E6E6;
            text-align: center;
        }

    .modifyarticledetails table tbody tr td {
        padding: 20px 0px;
        border: 1px solid #E6E6E6;
        font-weight: 400;
        background-color: #fff;
    }

        .modifyarticledetails table tbody tr td input {
            margin: 0 10px 0 0;
        }

.modifyarticledetails.modifyarticledetails01 {
    width: 100%;
    float: left;
    display: block;
}

.modifydetailsinput.modifydetailscancelbutton {
    width: 100%;
    float: left;
    padding: 40px 0 0;
}

    .modifydetailsinput.modifydetailscancelbutton button {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        padding: 14px 54px;
        letter-spacing: 1px;
        background-color: var(--secondary-color);
        border: none;
        border-radius: 50px;
        color: var(--pure);
    }

        .modifydetailsinput.modifydetailscancelbutton button:hover,
        .modifydetailsinput.modifydetailscancelbutton button:focus {
            background-color: var(--button-color);
            color: var(--primary-color);
        }

.css-hz1bth-MuiDialog-container .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
    margin: 20px;
    padding: 25px;
}

    .css-hz1bth-MuiDialog-container .css-1t1j96h-MuiPaper-root-MuiDialog-paper .css-bdhsul-MuiTypography-root-MuiDialogTitle-root {
        padding: 0 0 20px;
        font-size: 20px;
        color: var(--secondary-color);
        font-weight: 600;
    }

.MuiDialog-root .MuiDialogContent-root.css-ypiqx9-MuiDialogContent-root .css-qfso29-MuiTypography-root-MuiDialogContentText-root {
    font-size: 15px;
    color: var(--primary-color);
    padding: 0 0 25px;
}

.css-hlj6pa-MuiDialogActions-root button.okbtn {
    padding: 10px 40px;
}

/*******************Ticket Modify Module Popup Style Start Here******************/
.modify_popup_main {
    width: 100%;
    float: left;
    clear: both;
}

    .modify_popup_main .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        width: 80%;
        min-height: 420px;
    }

    .modify_popup_main .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after {
        border-bottom: none;
    }

    .modify_popup_main .MuiAutocomplete-hasPopupIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot, .modify_popup_main .MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0;
    }

    .modify_popup_main .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 50px 0 20px;
    }

    .modify_popup_main .css-1tb7pjp-MuiInputBase-root-MuiInput-root::before {
        border-bottom: none;
    }

    .modify_popup_main .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0;
    }

    .modify_popup_main .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled):before {
        border-bottom: none;
    }

    .modify_popup_main .css-1hpqosy-MuiFormControlLabel-root {
        display: inline-block;
        margin-right: 16px;
    }

    .modify_popup_main .css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
        color: var(--secondary-color);
        padding: 0;
    }

    .modify_popup_main .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 0;
    }

    .modify_popup_main .css-ypiqx9-MuiDialogContent-root {
        padding: 20px 20px 40px;
    }

    .modify_popup_main .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
        font-size: 16px;
        font-weight: 700;
        margin-right: 20px;
        padding: 1px 0 0 4px;
        float: right;
    }

    .modify_popup_main .css-qfz70r-MuiFormGroup-root {
        padding: 20px 0 30px;
        border-bottom: 2px solid var(--secondary-color);
    }

    .modify_popup_main .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .modify_popup_main .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate {
        color: var(--secondary-color);
    }

    .modify_popup_main .tlrefund {
        width: 100%;
        float: left;
        padding: 0 0 20px;
    }

.easemytripwrapmdfy {
    padding: 10px 0 40px;
    float: left;
    width: 100%;
    display: none !important;
}

/*Partial Cancel Style Start Here*/
.partialdata {
    width: 70%;
    float: none;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    margin: 40px auto 0;
    box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.2);
    display: flow-root;
}

.partialdatatitle {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.partialdatatitle {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    background-color: var(--button-color);
    color: var(--primary-color);
}

    .partialdatatitle span {
        flex-basis: 25%;
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        padding: 0 0 0 20px;
    }

.partialdatadetails {
    width: 100%;
    float: left;
    border-bottom: 1px solid #999;
    padding: 15px 0 5px;
    display: flex;
    justify-content: space-between;
}

    .partialdatadetails p {
        flex-basis: 25%;
        float: left;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        padding: 0 0 0 20px;
    }

.modifydetailsinput.modifydetailscancelbutton {
    width: 100%;
    float: left;
    padding: 40px 0 0;
    display: flex;
    justify-content: center;
    gap: 40px;
    margin: 40px 0 0px;
}

.partialdatadetails .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
    padding: 0;
}

.modifyarticletable {
    padding: 20px 0 0;
}


.modifyarticledetails01 .totalrfdtotalrfd {
    width: 100%;
    float: left;
    text-align: right;
}

    .modifyarticledetails01 .totalrfdtotalrfd .tlrefund {
        width: 100%;
        float: left;
        padding: 0 0 20px;
    }

.partialclose {
    position: absolute;
    right: 0;
    top: 0;
}

    .partialclose i {
        font-size: 30px;
        color: var(--secondary-color);
        cursor: pointer;
    }

        .partialclose i:hover {
            color: var(--button-color);
        }



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

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

    .patrialdialogue .patrialdialoguetitle {
        font-size: 18px;
        font-weight: 700;
        padding: 0 0 16px;
        width: 100%;
        float: left;
        border-bottom: 2px solid var(--primary-color);
    }

    .patrialdialogue .patrialdialoguedetails {
        width: 100%;
        float: left;
    }

    .patrialdialogue .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        width: 100%;
    }

    .patrialdialogue .css-ypiqx9-MuiDialogContent-root {
        position: relative;
    }

    .patrialdialogue .css-ypiqx9-MuiDialogContent-root {
        padding: 20px 20px 10px;
    }

    .patrialdialogue .partialdatadetails {
        border-bottom: none;
    }

    .patrialdialogue .css-hlj6pa-MuiDialogActions-root {
        padding: 20px 20px 0;
        border-top: 2px solid var(--secondary-color);
        margin: 0px 20px 20px;
    }


    .patrialdialogue button.tlrefund {
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 8px 30px 6px;
        letter-spacing: 1px;
        background-color: var(--secondary-color);
        border: none;
        border-radius: 2px;
        color: var(--primary-color);
    }


/*Partial Cancel Style End Here*/
/*******************Ticket Modify Module Popup Style Style Here******************/
/*******************Cancellation Module Style End Here******************/
/*******************Bus Charter Style Start Here******************/
#wrapper {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: var(--pure);
    padding: 0 0 20px;
}

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

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

.busc-heading {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 700;
    float: left;
    padding: 37px 0 42px;
    line-height: 28px;
}

.buscharterimage {
    width: 100%;
    float: left;
    margin: 76px 0 0;
    position: relative;
}

    .buscharterimage p {
        position: absolute;
        top: 76px;
        left: 43px;
        color: var(--tertiary-color);
        font-size: 30px;
        font-weight: 700;
        line-height: 37px;
    }

        .buscharterimage p i {
            display: block;
            font-style: normal;
        }

.mblbuscharter {
    display: none;
}

.mblbuschartertxt {
    display: none;
}

.fix_contentwidth {
    margin: 0 auto;
    max-width: 1170px;
    width: 100%;
    padding: 0 15px;
}



.panel-heading {
    width: 100%;
    float: left;
    color: var(--secondary-color);
    font-size: 40px;
    font-weight: 700;
    padding: 0;
    margin: 60px 0 0;
    text-align: left;
    border-bottom: none;
    position: relative;
}

.fix_contentwidth .panel-body {
    padding: 30px 40px 40px;
    width: 100%;
    float: left;
    border: 1px solid var(--secondary-color);
    border-radius: 30px;
    margin: 0px 0;
}

.buschartermainpage {
    width: 100%;
    float: left;
    background-color: var(--pure);
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    padding: 13px 40px 50px;
}

.charterformgroup {
    width: 100%;
    float: left;
    padding: 20px 0 0;
}

    .charterformgroup.charterformgroup01 {
        padding: 60px 0 0;
    }

    .charterformgroup h3 {
        font-size: 26px;
        font-weight: 600;
        color: var(--button-color);
    }

.charterinput {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}

    .charterinput .col-lg-6 {
        flex: 0 0 auto;
        width: 48%;
    }

        .charterinput .col-lg-6 label {
            width: 100%;
            font-size: 16px;
            font-weight: 700;
            color: #000;
            padding: 24px 0 10px 0;
            line-height: 22px;
        }

        .charterinput .col-lg-6 input {
            width: 100%;
            border: 1px solid #E1E1E1;
            outline: none;
            background-color: var(--pure);
            padding: 0 20px;
            height: 51px;
            border-radius: 50px;
            font-size: 16px;
            color: #666;
        }

            .charterinput .col-lg-6 input:focus, .charterinput .col-lg-6 input:target {
                border: 1px solid var(--secondary-color);
                background-color: var(--pure);
                box-shadow: none;
            }

        .charterinput .col-lg-6 textarea {
            width: 100%;
            border: 1px solid #E1E1E1;
            outline: none;
            background-color: #fff;
            padding: 0 10px;
            height: 80px;
            border-radius: 0;
        }

        .charterinput .col-lg-6 .txtDateTime {
            background-image: url("../images/icon01.svg");
            background-position: 104% -7654px;
            background-repeat: no-repeat;
        }

    .charterinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after {
        border-bottom: none;
    }

    .charterinput .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0px;
    }

    .charterinput .MuiAutocomplete-hasPopupIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot, .charterinput .MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0;
    }

    .charterinput .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 0 0 20px;
    }

    .charterinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root::before {
        border-bottom: none;
    }

    .charterinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled)::before {
        border-bottom: none;
    }

.charterjrnytm {
    display: flex;
    flex-wrap: wrap;
    gap: 0 2px;
    justify-content: space-between;
}

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 128px !important;
    }

.agntpgcaptcha .form-control {
    width: 100%;
    border: 1px solid #E1E1E1;
    outline: none;
    background-color: #fff;
    padding: 0 20px;
    height: 51px;
    border-radius: 50px;
    margin: 20px 0 0;
}

    .agntpgcaptcha .form-control:focus, .agntpgcaptcha .form-control:target {
        border: 1px solid var(--secondary-color);
        background-color: var(--pure);
        box-shadow: none;
    }



.agntpgcaptcha .btn-primary {
    font-size: 14px;
    font-weight: 400;
    padding: 16px 54px 15px;
    letter-spacing: 1px;
    background-color: var(--secondary-color);
    border: none;
    border-radius: 50px;
    color: var(--pure);
    margin: 0;
    float: left;
    margin: 30px 0 0;
}

    .agntpgcaptcha .btn-primary:hover, .agntpgcaptcha .btn-primary:focus {
        background-color: var(--button-color);
        color: var(--primary-color);
        box-shadow: none !important;
    }

.agntpgcaptcha {
    width: 100%;
    float: left;
    margin: 20px 0 0;
}

    .agntpgcaptcha label {
        width: 100%;
        font-size: 16px;
        font-weight: 600;
        color: var(--secondary-color);
        padding: 0px 0 10px 10px;
    }

.mrgbtmlastbtn {
    padding: 50px 0 0;
}

    .mrgbtmlastbtn label {
        position: relative;
        cursor: auto;
    }

    .mrgbtmlastbtn .vh {
        position: absolute !important;
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0 !important;
        border: 0 !important;
        height: 1px !important;
        width: 1px !important;
        overflow: hidden;
    }

    .mrgbtmlastbtn input[type="checkbox"]:checked ~ label:before {
        background: var(--primary-color) no-repeat center;
        background-size: 12px 12px;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    }

    .mrgbtmlastbtn p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #888;
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 0 45px;
    }

    .mrgbtmlastbtn label::before {
        content: "";
        width: 20px;
        height: 20px;
        background: #fff;
        border: 1px solid var(--primary-color);
        display: inline-block;
        margin-right: 10px;
        border-radius: 4px;
        position: absolute;
        left: 0;
        top: 1px;
        cursor: pointer;
    }

    .mrgbtmlastbtn p i {
        display: block;
        font-style: normal;
    }

.bushireconfirmpopup {
    background-color: var(--secondary-color);
    border-radius: 20px;
    padding: 25px 80px 25px;
    text-align: center;
    width: 100%;
    float: left;
}

    .bushireconfirmpopup h3 {
        color: var(--tertiary-color);
        font-size: 30px;
        font-weight: 700;
        line-height: 36px;
        padding: 0 0 65px;
    }

.bushireconfirmotp {
    width: 114px;
    height: 114px;
    border-radius: 50%;
    background-color: var(--button-color);
    display: inline-block;
    vertical-align: middle;
    color: var(--secondary-color);
    font-size: 65px;
    line-height: 121px;
}

.bushireconfirmpopup p {
    color: var(--tertiary-color);
    padding: 60px 0 0;
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}

    .bushireconfirmpopup p i {
        font-style: normal;
        display: block;
    }


/*******************Bus Charter Style End Here******************/
/*******************Cancellation Page Style Start Here******************/
.canceldatatable {
    width: 100%;
    float: left;
    border: 1px solid #eee8e8;
    margin: 20px 0 0;
}

.canceldatatime {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee8e8;
    text-align: center;
}

    .canceldatatime .pull-left.canceldatapadd {
        border-right: 1px solid #eee8e8;
        width: 50%;
        float: left;
        padding: 15px 0;
    }

    .canceldatatime .pull-right.canceldatapadd {
        width: 50%;
        float: left;
        padding: 15px 0;
    }

        .canceldatatime .pull-left.canceldatapadd span, .canceldatatime .pull-right.canceldatapadd span {
            font-size: 16px;
            font-weight: 700;
            color: var(--primary-color);
        }

    .canceldatatime.canceldatatimeclr .pull-left.canceldatapadd span, .canceldatatime.canceldatatimeclr .pull-right.canceldatapadd span {
        font-size: 16px;
        font-weight: 400;
    }

.canceldatatime {
    text-align: center;
}

.cancelinfo ul li::marker {
    color: var(--secondary-color);
    content: "►";
    font-size: 12px;
}

.cancelinfo ul {
    padding: 30px 0 0 10px;
    width: 100%;
    float: left;
    margin: 0;
}

    .cancelinfo ul li {
        padding: 0 0 10px;
    }

        .cancelinfo ul li span {
            font-size: 16px;
            color: var(--primary-color);
            padding: 0 0 0 6px;
            letter-spacing: 0.5px;
        }

.inputblock {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-start;
    gap: 46px;
    padding: 10px 0 0;
}

    .inputblock .form-group {
        width: 30%;
        position: relative;
    }

        .inputblock .form-group label {
            width: 100%;
            font-size: 16px;
            font-weight: 600;
            color: var(--secondary-color);
            padding: 10px 0 12px 10px;
        }

        .inputblock .form-group input {
            width: 100%;
            border: 1px solid #e1e1e1;
            outline: none;
            background-color: #fff;
            padding: 0 20px;
            height: 58px;
            border-radius: 50px;
        }

            .inputblock .form-group input:focus, .inputblock .form-group input:target {
                border: 1px solid var(--secondary-color);
                background-color: var(--pure);
                box-shadow: none;
            }

        .inputblock .form-group .input-group-addon {
            position: absolute;
            padding: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1;
            color: var(--primary-color);
            text-align: right;
            background-color: transparent;
            border: none;
            top: 68px;
            right: 20px;
        }

        .inputblock .form-group .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after {
            border-bottom: none;
        }

        .inputblock .form-group .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
            padding-right: 0px;
        }

        .inputblock .form-group .MuiAutocomplete-hasPopupIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot, .charterinput .MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
            padding-right: 0;
        }

        .inputblock .form-group .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
            padding: 0 0 0 30px;
        }

        .inputblock .form-group .css-1tb7pjp-MuiInputBase-root-MuiInput-root::before {
            border-bottom: none;
        }

        .inputblock .form-group .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled)::before {
            border-bottom: none;
        }

.panel-body .togglebutton {
    width: 100%;
    float: left;
    padding: 30px 0 0;
}

    .panel-body .togglebutton .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .panel-body .togglebutton .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate {
        color: var(--secondary-color);
    }

    .panel-body .togglebutton .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
        padding: 0 10px 0 0;
    }

    .panel-body .togglebutton .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
        color: var(--secondary-color);
    }

    .panel-body .togglebutton a {
        display: inline-block;
        vertical-align: middle;
        color: var(--primary-color);
        padding: 0 0px;
    }

    .panel-body .togglebutton .btn-primary {
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        padding: 14px 54px;
        letter-spacing: 1px;
        background-color: var(--secondary-color);
        border: none;
        border-radius: 50px;
        color: var(--pure);
        margin: 30px 0 0;
        display: block;
    }

        .panel-body .togglebutton .btn-primary:hover, .panel-body .togglebutton .btn-primary:focus {
            background-color: var(--button-color);
            color: var(--primary-color);
            box-shadow: none !important;
        }

.cancellationother {
    width: 100%;
    float: left;
    border: 1px solid #dbdbdb;
    background-color: #f5f5f5;
    margin: 50px 0 0;
}

.canceldetails {
    width: 100%;
    float: left;
    padding: 40px 0 40px 20px;
}

    .canceldetails ul {
        margin: 0;
        padding: 0;
        list-style-position: inside;
    }

        .canceldetails ul li {
            padding: 0 0 10px;
        }

            .canceldetails ul li::marker {
                color: var(--secondary-color);
                content: "►";
                font-size: 12px;
            }

            .canceldetails ul li span {
                font-size: 15px;
                color: var(--primary-color);
                padding: 0 0 0px 6px;
                letter-spacing: 0.5px;
            }


/*******************Cancellation Page Style End Here******************/


/*******************About Us Page Style Start Here******************/

.aboutwraper {
    width: 100%;
    float: left;
    padding: 80px 0 0;
}

.aboutarea {
    width: 100%;
    float: left;
    padding: 0 0;
}

.aboutimg {
    width: 100%;
    float: left;
    background-image: url("../images/aboutimage.jpg");
    min-height: 282px;
    background-position: center -181px;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 20px;
}

    .aboutimg img {
        display: none;
    }

.aboutarea .aboutus_page_title {
    display: none;
}

.aboutarea .aboutcontent .aboutus_page_title {
    display: block;
}

.aboutus_page_title {
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    color: var(--secondary-color);
}

.aboutcontent {
    width: 100%;
    float: left;
    padding: 40px 0 60px;
}

    .aboutcontent p {
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        color: #333;
        float: left;
        padding: 24px 0 0;
    }

    .aboutcontent .aboutareacontent {
        padding: 28px 0 0;
    }

.aboutvision {
    width: 100%;
    float: left;
    background-color: var(--button-color);
    padding: 47px 0;
}

    .aboutvision .fix_contentwidth, .mainpioneers .fix_contentwidth {
        margin: 0 auto;
    }

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

.aboutleftpart {
    width: 36%;
    display: inline-block;
    vertical-align: middle;
}

.aboutrightpart {
    width: 64%;
    padding: 2px 0 0 9px;
    display: inline-block;
    vertical-align: middle;
}

    .aboutrightpart .aboutus_page_title {
        padding: 0;
    }

    .aboutrightpart .aboutheading {
        padding: 26px 0 0;
    }

    .aboutrightpart p {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: #333;
        display: inline-block;
        padding: 8px 0 0;
    }

.mainpioneers {
    width: 100%;
    float: left;
    padding: 80px 0 0;
}

    .mainpioneers .aboutus_page_title {
        color: #FF9600;
        position: relative;
    }

        .mainpioneers .aboutus_page_title:after {
            position: absolute;
            right: 0;
            top: 4px;
            content: "";
            width: 796px;
            height: 35px;
            background-image: url("../images/aboutpattern.png");
            background-position: right top;
            background-repeat: no-repeat;
        }

.pioneerslider {
    width: 100%;
    float: left;
    padding: 62px 0 0;
}

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

    .pioneerarea .row {
        margin: 0 !important;
    }

    .pioneerarea .owl-carousel {
        display: inline-block;
    }

    .pioneerarea .owl-nav {
        display: none !important;
    }

.pioneer-slide {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    text-align: center;
}

.pioneerbox {
    width: 368px;
    height: 557px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/pioneers1.png");
    background-position: center top;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    border-radius: 10px 10px 0 0;
}

    .pioneerbox.pioneerbox02 {
        background-image: url("../images/pioneers2.png");
    }

    .pioneerbox.pioneerbox03 {
        background-image: url("../images/pioneers3.png");
    }

.pioneercontent {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    height: 183px;
    background-color: var(--button-color);
    border-radius: 10px;
    text-align: left;
    padding: 33px 0 0 28px;
}

    .pioneercontent h3 {
        color: var(--secondary-color);
        font-size: 30px;
        font-weight: 700;
        line-height: 37px;
    }

        .pioneercontent h3 i {
            font-style: normal;
            display: block;
        }

    .pioneercontent p {
        color: #000;
        font-size: 20px;
        font-weight: 700;
        padding: 24px 0 0;
    }

.aboutsuperpart {
    width: 100%;
    float: left;
    padding: 68px 0 37px;
    text-align: center;
}

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

.aboutgallery {
    width: 100%;
    float: left;
    padding: 67px 0 0;
}

.aboutgalleryarea {
    width: 100%;
    float: left;
    position: relative;
}

    .aboutgalleryarea .row {
        margin: 0 !important;
    }

    .aboutgalleryarea .owl-carousel {
        display: inline-block;
    }

    .aboutgalleryarea .owl-nav {
        display: none !important;
    }

.aboutgallery-slide {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    text-align: center;
}

.pioneerarea .carousel-main3 .owl-item {
    text-align: center;
}

.aboutsuperpart h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    color: #F5F4EC;
    padding: 58px 0 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.presshonour {
    width: 100%;
    float: left;
    background-color: var(--button-color);
    padding: 66px 0 32px;
    margin: 0 0 51px;
}

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

    .honourpart .aboutus_page_title {
        padding: 10px 0 7px;
    }

    .honourpart p {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        color: var(--secondary-color);
        display: block;
        vertical-align: middle;
    }

        .honourpart p i {
            display: block;
            font-style: normal;
        }

.honourslide {
    width: 100%;
    float: left;
    text-align: center;
    padding: 52px 0 0;
}

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

    .honourarea .row {
        margin: 0 !important;
    }

    .honourarea .owl-carousel {
        display: inline-block;
    }

    .honourarea .owl-nav {
        display: inline-block !important;
    }

    .honourarea .owl-prev, .honourarea .owl-next {
        position: absolute;
        left: -45px;
        top: 33%;
        width: 40px;
        height: 40px;
    }

    .honourarea .owl-next {
        right: -45px;
        left: auto;
    }

        .honourarea .owl-prev:before, .honourarea .owl-next:before {
            position: absolute;
            left: 0;
            top: 0;
            margin: 0 auto;
            content: "\f104";
            font-family: fontawesome;
            width: 100%;
            font-size: 50px;
            color: #888;
            line-height: 30px;
        }

        .honourarea .owl-prev:hover:before, .honourarea .owl-prev:focus:before, .honourarea .owl-next:hover:before, .honourarea .owl-next:focus:before {
            color: var(--secondary-color);
            text-shadow: 0 0 4px #2d3fa8;
        }

        .honourarea .owl-next:before {
            content: "\f105";
        }

.honour-slide {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    text-align: center;
}

    .honour-slide h3 {
        font-size: 40px;
        line-height: 49px;
        color: var(--secondary-color);
        font-weight: 700;
        display: block;
        padding: 21px 0 0;
    }

        .honour-slide h3 i {
            font-style: normal;
            display: block;
        }

.honourbox {
    width: 366px !important;
    height: 436px !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}


/*******My Profile Page Style Start Here*******/


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

.profilewrapper {
    width: 100%;
    float: left;
    padding: 0 60px;
}

body .profilewrapper .container-full {
    max-width: 100%;
}

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

.prmenudesk {
    padding: 0;
    margin: 0;
}

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

.profileleftside {
    width: 100%;
    float: left;
    padding: 80px 0 60px;
}

.profiletabbing {
    width: 100%;
    float: left;
    position: relative;
}

.profilepsngr {
    position: absolute;
    top: 87px;
    left: 0;
}

.customerprofile {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 23px;
    padding: 0 0 35px;
}

.cstmrprofilepart h5 {
    font-size: 16px;
    font-weight: 700;
    color: var(--secondary-color);
}

.cstmrprofilepart p {
    font-size: 12px;
    font-weight: 400;
    color: #888;
}

.cprofilemobile {
    position: relative;
    width: 100%;
    display: none !important;
}

.cstmrdatashow {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.cstmrprofilepart02 h5 {
    font-size: 14px;
}

.cstmrprofilepart02 p {
    font-size: 12px;
    color: #666;
    font-weight: 400;
    padding: 6px 0 0 14px;
    background-image: url("../images/profileicon01.png");
    background-position: left 0px;
    background-repeat: no-repeat;
}

.cstmrprofilepart02 .cstmrmail {
    background-position: left -106px;
}

.profilerightside {
    width: 77%;
    float: left;
}

.profileblock {
    width: 100%;
    margin: 0 auto;
    display: flex;
}

    .profileblock .profilemenu {
        list-style: none;
        padding: 183px 0 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        width: 20%;
    }

        .profileblock .profilemenu li {
            background-color: transparent;
            color: var(--primary-color);
            text-align: left;
            cursor: pointer;
            font-size: 15px;
            font-weight: 500;
            border-bottom: 1px solid #e1e1e1;
            padding: 13px 0 13px 50px;
            background-image: url("../images/profileicon01.png");
            background-position: 5px -540px;
            background-repeat: no-repeat;
            list-style: none;
        }

        .profileblock .profilemenu .pdropmenu02 {
            background-position: 5px -1068px;
        }

        .profileblock .profilemenu .pdropmenu03 {
            background-position: 5px -802px;
        }

        .profileblock .profilemenu .pdropmenu04 {
            background-position: 5px -672px;
        }

        .profileblock .profilemenu .pdropmenu05 {
            background-position: 5px -935px;
        }

        .profileblock .profilemenu .pdropmenu06 {
            background-position: 5px -1332px;
        }

        .profileblock .profilemenu .pdropmenu07 {
            background-position: 5px -1463px;
        }

        .profileblock .profilemenu .pdropmenu08 {
            background-position: 5px -1596px;
        }

        .profileblock .profilemenu li a {
            color: var(--primary-color);
        }

        .profileblock .profilemenu li a {
            color: var(--primary-color);
        }

            .profileblock .profilemenu li a:hover, .profileblock .profilemenu li a:focus {
                color: var(--secondary-color);
            }

        .profileblock .profilemenu .profilefirst01 {
            border-top: 1px solid #e1e1e1;
        }

        .profileblock .profilemenu li:hover:not(.active) {
            color: var(--secondary-color);
        }

        .profileblock .profilemenu .active {
            background-color: #fff;
        }

    .profileblock .profiletabpart {
        float: left;
        width: 100%;
        padding: 0 0 0 60px;
    }

.profilemenu02 {
    display: none !important;
}

.profilemainh {
    color: var(--secondary-color);
    font-size: 20px;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 27px;
}

.profileupcoming {
    width: 100%;
    float: left;
    padding: 35px 0 0;
}

.viewupcoming {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px 0 0;
}

.profileupcoming .noroute {
    padding: 40px 44px 0 0;
    margin: 0;
}

.bookingmainprofile {
    padding: 0;
}

.profilelocalhead {
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
}

.profilelocalhead02 {
    display: none;
}

.viewupcoming a {
    color: var(--secondary-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

    .viewupcoming a:hover,
    .viewupcoming a:focus {
        color: var(--button-color);
    }

.profile-heading {
    font-size: 40px;
    color: var(--secondary-color);
    font-weight: 700;
    line-height: 48px;
}

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

.profilertmdata {
    display: none;
}

.profiletabarea {
    display: none;
}

.profileupcoming .bookingticket {
    align-items: center;
    padding: 37px 0 0;
}

.profileupcoming .bookingdwnticket {
    width: auto;
    float: left;
    display: inherit;
}

.profileroutepart {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.bookingmainprofile .bookingmainarea {
    width: 100%;
    float: left;
    margin: 32px 0 0px !important;
    border: 1px solid var(--secondary-color);
    padding: 45px 40px 50px;
    border-radius: 20px;
}

.bookingmainprofile .bookingmainbox {
    width: 69%;
}

.bookingmainprofile .bookingjrnydetails {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    border-bottom: none;
}

.bookingmainprofile .panel-heading {
    width: 100%;
    float: left;
    color: var(--secondary-color);
    font-size: 40px;
    padding: 4px 0 0;
    font-weight: 700;
    line-height: 48px;
}

.bookingpartcont {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: var(--secondary-color);
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 4px 0 0;
}

    .bookingpartcont i {
        font-style: normal;
        display: block;
    }

.bookingroutename label {
    color: var(--primary-color) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    display: inline-block;
    background-color: transparent;
    padding: 0 !important;
    border: none !important;
    cursor: inherit;
    width: auto;
    height: auto;
    text-transform: capitalize !important;
}

.bookingroutename p {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 30px 0 6px;
    line-height: 23px;
}

.bookingjrnydetails02 .bookingroutename span {
    font-size: 16px;
    font-weight: 400;
    color: #808080;
    display: inline-block;
    vertical-align: middle;
    padding: 15px 0 0 17px;
    background-image: url("../images/icon01.svg");
    background-position: left -6559px;
    background-repeat: no-repeat;
}

.bookingbusicon {
    float: left;
    background-image: url("../images/bookingbusicon.svg");
    background-position: center top;
    background-repeat: no-repeat;
    width: 45px;
    height: 33px;
    margin: 30px 0 0;
}

.bookingjrnydetails02 .bookingroutename {
    width: 50%;
}

.bookingmainbox .bookingroutename {
    width: 44%;
}

.bookingmainbox .bookingroutename02 {
    text-align: right;
    width: 44%;
}

.bookingmainprofile .bookingmainbox02 {
    width: 12%;
    float: right;
    text-align: center;
    padding: 35px 0 0;
}

.bookingmainbox02 a:hover,
bookingmainbox02:focus {
    color: var(--button-color);
}

.profileinfopage {
    padding: 20px 44px 0 0;
    float: left;
    width: 100%;
}

.profileinfo {
    width: 100%;
    border-radius: 20px;
    border: 1px solid var(--secondary-color);
    padding: 50px 40px 50px;
    display: flex;
    float: left;
    justify-content: space-between;
}

.viewupcoming .bookingsearch {
    width: auto;
}

    .viewupcoming .bookingsearch .searchbtn {
        font-size: 16px;
        font-weight: 400;
        background-color: transparent;
        color: var(--secondary-color);
        border: none;
    }

.profilepsngrname {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}

.profilepsage {
    display: inline-block;
}

.prifilepsngr p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    padding: 8px 0 0;
}

.psngrpersinfo {
    width: 96%;
    float: left;
    border-radius: 20px;
    border: 1px solid var(--secondary-color);
    padding: 50px 40px 50px;
    margin: 40px 0 0;
    position: relative;
}

    .psngrpersinfo .psngrpersinfoedit {
        color: var(--secondary-color);
        font-size: 16px;
        font-weight: 400;
        right: 40px;
        position: absolute;
        z-index: 1;
        cursor: pointer;
    }

    .psngrpersinfo a:hover,
    .psngrpersinfo a:focus {
        color: var(--button-color);
    }

.psngrnameinfo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 0 35px;
}

.profilepsdata {
    width: 48%;
}

    .profilepsdata .css-qfz70r-MuiFormGroup-root {
        gap: 70px;
    }

        .profilepsdata .css-qfz70r-MuiFormGroup-root .css-1hpqosy-MuiFormControlLabel-root {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-direction: inherit;
            gap: 10px;
        }

.profilepsdatalnm {
    padding: 43px 0 0;
}

.psngerprofiledata {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding: 0 0 22px;
}

.profilepsdata input {
    border: 1px solid #e1e1e1;
    height: 51px;
    border-radius: 50px;
    outline: none;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    padding: 0 0 0 31px;
    width: 100%;
}

.profilegender {
    width: 80%;
    display: flex;
    gap: 50px;
    padding: 13px 0 0;
}

.psngrgender {
    display: flex;
    align-items: center;
    gap: 18px;
}

    .psngrgender input {
        width: 21px;
        height: 21px;
    }

.profileinfosave {
    float: right;
    padding: 15px 0 0;
}

    .profileinfosave button {
        background-color: var(--secondary-color);
        border: none;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 400;
        color: var(--tertiary-color);
        padding: 15px 64px 16px;
    }

        .profileinfosave button:hover,
        .profileinfosave button:focus {
            background-color: var(--button-color);
            color: var(--primary-color);
        }

.profiletravel {
    width: 96%;
    display: flex;
    justify-content: space-evenly;
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    padding: 50px;
    height: 517px;
    margin: 40px 0 0 !important;
    gap: 50px;
}

.profiletravelicon p {
    cursor: pointer;
}

.profilemainhmbl {
    display: none;
}

.popup-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0;
}

.popupblock {
    width: 546px;
    height: 776px;
    position: relative;
    float: left;
}

    .popupblock img {
        padding: 53px 0 0;
    }


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

.popupblock span {
    position: absolute;
    right: 15px;
    top: 3px;
    z-index: 1;
    color: var(--secondary-color);
    font-size: 35px;
    font-weight: 700;
    cursor: pointer;
}

    .popupblock span:hover, .popupblock span:focus {
        color: var(--button-color);
    }

.popupbutton {
    width: 100%;
    float: left;
    text-align: center;
    padding: 32px 0 0;
}

.popupblock a {
    background-color: var(--button-color);
    padding: 14px 41px 14px 74px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: var(--secondary-color) !important;
    font-weight: 500;
    background-image: url("../images/icon01.svg");
    background-repeat: no-repeat;
    background-position: 38px -10373px;
}

.profilebtmpopup {
    position: absolute;
    bottom: 0;
    background-color: var(--secondary-color);
    border-radius: 20px 20px 0 0;
    text-align: center;
    left: 0;
    width: 100%;
    padding: 0 0 42px;
}

    .profilebtmpopup p {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        background-image: url("../images/Vshape.svg");
        background-position: center 13px;
        background-repeat: no-repeat;
        background-color: var(--button-color);
        display: inline-block;
        vertical-align: middle;
        margin: -27px 0 0 !important;
    }

    .profilebtmpopup h2 {
        font-size: 32px;
        line-height: 40px;
        color: var(--tertiary-color);
        font-weight: 700;
        padding: 16px 0 10px;
    }

    .profilebtmpopup label {
        color: var(--tertiary-color);
        font-size: 14px;
        font-weight: 600;
        line-height: 16px;
    }

        .profilebtmpopup label i {
            display: block;
            font-style: normal;
        }

.profiletabarea {
    display: none;
}

/*End popup styles*/


.profilenotification {
    width: 96%;
    float: left;
    border: 1px solid #e1e1e1;
    padding: 43px 45px 32px 50px;
    border-radius: 20px;
    margin: 45px 0 0;
}

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

    .profilent p {
        display: block;
        background-color: transparent;
        padding: 30px 0 30px 25px;
        border-bottom: 1px solid #e1e1e1;
        font-size: 16px;
        font-weight: 400;
    }

    .profilent .close {
        float: right;
        cursor: pointer;
        padding: 32px 0 0;
    }

        .profilent .close i {
            font-size: 12px;
            font-weight: 400;
            color: var(--secondary-color);
            font-style: normal;
        }

    .profilent input {
        display: none;
    }

        .profilent input:checked ~ * {
            animation-name: dismiss, hide;
            animation-duration: 300ms;
            animation-iteration-count: 1;
            animation-timing-function: ease;
            animation-fill-mode: forwards;
            animation-delay: 0s, 100ms;
        }

@keyframes dismiss {
    0% {
        opacity: 1;
    }

    90%, 100% {
        opacity: 0;
        font-size: 0.1px;
        transform: scale(0);
    }
}

@keyframes hide {
    100% {
        height: 0px;
        width: 0px;
        overflow: hidden;
        margin: 0px;
        padding: 0px;
        border: 0px;
    }
}


/***********My Profile Page Style Start Here**********/


/*******************Contact Us Page Style Start Here******************/
.maincontcadd {
    width: 100%;
    float: left;
    text-align: left;
    padding: 40px 0 40px;
    border-bottom: 2px solid var(--secondary-color);
}

    .maincontcadd h2 {
        margin: 0 0 10px;
        padding: 0;
        line-height: normal;
        font-size: 24px;
        color: var(--primary-color);
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 6px;
        font-weight: 700;
    }

    .maincontcadd p {
        margin: 0;
        padding: 0;
        line-height: 22px;
        font-size: 16px;
        color: var(--primary-color);
    }

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

    .contactuscol .cityaddname {
        margin: 20px 0 20px;
        font-size: 20px;
        color: var(--primary-color);
        line-height: normal;
        width: 100%;
        float: left;
        text-transform: uppercase;
        font-weight: 700;
    }

    .contactuscol .tabs {
        border-radius: 0px;
        overflow: hidden;
    }

    .contactuscol .tab {
        width: 100%;
        color: var(--secondary-color);
        overflow: hidden;
    }

    .contactuscol .tab-label {
        display: flex;
        justify-content: space-between;
        padding: 0.5em;
        background-color: var(--button-color);
        font-weight: normal;
        cursor: pointer;
        clear: var(--secondary-color);
        font-size: 18px;
        line-height: normal;
        border-radius: 20px;
    }

        .contactuscol .tab-label:hover, .contactuscol .tab-label:focus {
            background-color: var(--button-color);
        }

        .contactuscol .tab-label::after {
            content: "❯";
            width: 1em;
            height: 1em;
            text-align: center;
            transition: all 0.35s;
        }

    .contactuscol input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

    .contactuscol .tab-content {
        max-height: 0;
        padding: 0 1em;
        color: #2c3e50;
        background: white;
        transition: all 0.35s;
    }

    .contactuscol input:checked ~ .tab-content {
        max-height: 100%;
        padding: 1em;
    }

    .contactuscol .tab-content h4 {
        margin: 0 0 10px;
        color: var(--primary-color);
        font-size: 18px;
        line-height: normal;
        border-bottom: 1px solid var(--secondary-color);
        padding: 0 0 6px;
        font-weight: 700;
    }

    .contactuscol .tab-content p {
        margin: 0;
        color: #575757;
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
    }

    .contactuscol .addrow {
        padding: 0 15px 0 0;
    }
/*******************Contact Us Page Style End Here******************/

/*******************Privacy Policy Page Style Start Here******************/

.policyarea {
    padding: 0;
}

    .policyarea .fix_contentwidth .panel-body {
        padding: 20px 0 0;
    }

.privacypolicydata {
    width: 100%;
    float: left;
    padding: 20px 0 0;
}

    .privacypolicydata p {
        font-size: 16px;
        color: var(--primary-color);
        line-height: 22px;
        padding: 20px 0 0;
        letter-spacing: 1px;
    }

/*******************Privacy Policy Page Style End Here******************/

/*******************Feedback Page Style Start Here******************/

.feedback_wrapper {
    width: 100%;
    float: left;
    padding: 80px 0 60px;
}

    .feedback_wrapper .panel-heading:after {
        display: none;
    }

.fix_contentwidth .feedback_wrapper .panel-body {
    margin: 30px 0 40px;
}

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

.feedbkformgroup_left {
    padding: 0;
}

.feedback_ratting .star-rating {
    display: flex;
    flex-direction: row-reverse;
    font-size: 1.5em;
    justify-content: space-around;
    padding: 0 .2em;
    text-align: center;
    width: 5em;
}

    .feedback_ratting .star-rating input {
        display: none;
    }

    .feedback_ratting .star-rating label {
        color: #ccc;
        cursor: pointer;
    }

    .feedback_ratting .star-rating :checked ~ label {
        color: #f90;
    }

    .feedback_ratting .star-rating label:hover,
    .feedback_ratting .star-rating label:hover ~ label {
        color: #fc0;
    }



.feedback_category input {
    display: none;
}

.feedback_category label {
    display: inline-block;
    border: 1px solid CadetBlue;
    padding: 0 40px;
    margin: 20px;
}

.feedback_category input:checked + label {
    color: #fff;
    background-color: CadetBlue;
}

.feedbkinput {
    width: 100%;
    float: left;
    padding: 0px 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

    .feedbkinput .col-lg-6 {
        flex: 0 0 auto;
        width: 45%;
        float: left;
    }

        .feedbkinput .col-lg-6 label {
            width: 100%;
            font-size: 16px;
            font-weight: 600;
            color: var(--secondary-color);
            padding: 10px 0 6px 10px;
        }

        .feedbkinput .col-lg-6 input {
            width: 100%;
            border: 1px solid #e1e1e1;
            outline: none;
            background-color: #fff;
            padding: 0 20px;
            height: 58px;
            border-radius: 50px;
        }

            .feedbkinput .col-lg-6 input:focus, .feedbkinput .col-lg-6 input:target {
                border: 1px solid var(--secondary-color);
                background-color: var(--pure);
                box-shadow: none;
            }

    .feedbkinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after {
        border-bottom: none;
    }

    .feedbkinput .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0px;
    }

    .feedbkinput .MuiAutocomplete-hasPopupIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot, .feedbkinput .MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0;
    }

    .feedbkinput .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 20px;
    }

    .feedbkinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root::before {
        border-bottom: none;
    }

    .feedbkinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled)::before {
        border-bottom: none;
    }

    .feedbkinput .col-lg-6 textarea {
        border: 1px solid #e1e1e1;
        border-radius: 0;
        height: 80px;
    }

        .feedbkinput .col-lg-6 textarea:focus {
            border: 1px solid var(--secondary-color);
            background-color: var(--pure);
            box-shadow: none;
        }


.feedbackwrap {
    width: 100%;
    float: left;
    padding: 30px 0 0;
}

.feedbackmainbox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    border: 1px solid var(--secondary-color);
    padding: 58px 45px 45px;
}

.feedbackboxleft {
    width: 30%;
    float: left;
    padding: 0 10px 0 0;
}

    .feedbackboxleft h4 {
        font-size: 16px;
        color: #000;
        font-weight: 700;
        line-height: 22px;
        padding: 0 0 30px;
    }

    .feedbackboxleft .bookcompratestar {
        justify-content: flex-start;
    }

.feedbackimg {
    width: 100%;
    float: left;
    padding: 34px 0 0 45px;
}

    .feedbackimg iframe {
        width: 162px;
        height: 268px;
        aspect-ratio: 16/5;
    }

.feedbackboxright {
    width: 63%;
    float: left;
}

    .feedbackboxright h3 {
        font-size: 20px;
        color: var(--secondary-color);
        font-weight: 700;
        padding: 0 0 20px;
    }

.feedcheckbox {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    padding: 26px 0 0;
}

.feedbackcheckbox {
    float: left;
}


.feedbackboxright .blog_main_content .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
    gap: 10px;
}

.feedbackboxright .blog_main_content label .css-ahj2mt-MuiTypography-root {
    font-size: 12px;
    padding: 0 0;
    width: 116px;
    text-align: center;
}

.feedbackboxright .blog_main_content .warpper {
    overflow-x: hidden;
}

.feedtextarea textarea {
    width: 100%;
    border: 1px solid #E1E1E1;
    background-color: #fffdfd;
    border-radius: 20px;
    height: 303px;
    font-size: 16px;
    color: #888;
    font-weight: 400;
    line-height: normal;
    padding: 26px;
    outline: none;
}

.feedtextarea {
    display: flex;
    padding: 0;
    width: 100%;
}

.feedproceed {
    display: flex;
    justify-content: flex-end;
    padding: 40px 0 0;
}

    .feedproceed button {
        font-size: 14px;
        font-weight: 400;
        color: #FFFDFD;
        background-color: var(--secondary-color);
        border-radius: 50px;
        padding: 17px 52px 15px;
        border: none;
    }

        .feedproceed button:hover, .feedproceed button:focus {
            color: var(--primary-color);
            background-color: var(--button-color);
        }

.feedbackimgmbl {
    display: none;
}

.feedbacktextmbl {
    display: none;
}
/*******************Feedback Page Style End Here******************/
/*******************Pay Online Page Style Start Here******************/
.payonlinetop {
    width: 100%;
    float: left;
    padding: 40px 0 0;
}

    .payonlinetop h4 {
        font-size: 24px;
        font-weight: 700;
        color: var(--primary-color);
        border-bottom: 2px solid var(--secondary-color);
        padding: 0 0 10px;
        margin: 0 0 20px;
    }


    .payonlinetop ul {
        list-style-position: inside;
        margin: 0;
        padding: 0 0;
    }

        .payonlinetop ul li {
            padding: 0 0 10px;
        }

            .payonlinetop ul li::marker {
                color: var(--secondary-color);
                content: "►";
                font-size: 12px;
            }

            .payonlinetop ul li span {
                font-size: 16px;
                letter-spacing: 0.5px;
                color: var(--primary-color);
                padding-left: 10px;
            }

.payonlineother {
    border: none;
    margin: 0;
}

/*******************Pay Online Page Style End Here******************/



/*******************Agent Registration Page Style Start Here******************/

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


.agentinput {
    width: 100%;
    float: left;
    padding: 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .agentinput .col-lg-6 {
        flex: 0 0 auto;
        width: 48%;
        float: left;
    }

        .agentinput .col-lg-6 label {
            width: 100%;
            font-size: 16px;
            font-weight: 600;
            color: var(--secondary-color);
            padding: 30px 0 13px 10px;
        }


        .agentinput .col-lg-6 input {
            width: 100%;
            border: 1px solid #E1E1E1;
            outline: none;
            background-color: #fff;
            padding: 0 0 0 20px;
            height: 51px;
            border-radius: 50px;
        }

            .agentinput .col-lg-6 input:focus, .agentinput .col-lg-6 input:target {
                border: 1px solid var(--secondary-color);
                background-color: var(--pure);
                box-shadow: none;
            }

    .agentinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root::after {
        border-bottom: none;
    }

    .agentinput .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0px;
    }

    .agentinput .MuiAutocomplete-hasPopupIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot, .agentinput .MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 0;
    }

    .agentinput .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 20px;
    }

    .agentinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root::before {
        border-bottom: none;
    }

    .agentinput .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled)::before {
        border-bottom: none;
    }

    .agentinput .col-lg-6 textarea {
        border: 1px solid #ececec;
        border-radius: 0;
        margin: 0 0 30px;
    }

        .agentinput .col-lg-6 textarea:focus {
            border: 1px solid var(--secondary-color);
            background-color: var(--tertiary-color);
            box-shadow: none;
        }

/*******************Agent Registration Page Style End Here******************/

/*******************Terms & Conditions Page Style Start Here******************/

.termsdata {
    width: 100%;
    float: left;
    padding: 10px 30px 20px;
}



.termsarea .panel-body {
    padding: 10px 0 0;
}

.terms-heading {
    font-size: 40px;
}

.conditionsdata {
    width: 100%;
    float: left;
    padding: 20px 0;
}

    .conditionsdata h3 {
        font-size: 16px;
        font-weight: 600;
        color: var(--primary-color);
        padding: 0 0 10px;
    }

    .conditionsdata p {
        margin: 0 0 5px;
        font-size: 16px;
        color: var(--primary-color);
        line-height: 22px;
        padding: 0 0 10px;
        letter-spacing: 0.5px;
    }

    .conditionsdata .Cancellationcharges {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .conditionsdata .Cancellationcharges .conditionscharges {
            flex-basis: 34%;
        }

        .conditionsdata .Cancellationcharges i {
            flex-basis: 54%;
            font-style: normal;
        }

        .conditionsdata .Cancellationcharges table tr td {
            width: 250px;
        }

        .conditionsdata .Cancellationcharges tr td:last-child {
            width: 80px;
        }

.termsconditionsdeta {
    width: 100%;
    float: left;
    border: 1px solid #eee8e8;
    padding: 5px;
    background-color: #f9f9f9;
}

.privacydatable {
    width: 100%;
    float: left;
    border: 1px solid #eee8e8;
    background-color: #fff;
}

.privacydatatime {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee8e8;
    text-align: center;
}

    .privacydatatime .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
        float: left;
    }

    .privacydatatime .pull-left.privacydatadd {
        border-right: 1px solid #eee8e8;
    }

.privacydatable .privacydatadd {
    padding: 15px 0;
}

.privacydatatime .pull-left.privacydataddfz span, .privacydatatime .pull-right.privacydataddfz span {
    font-size: 16px;
    font-weight: 700;
}

/*******************Terms & Conditions Page Style End Here******************/

/*******************Cancel Status Page Style Start Here******************/

.cancelstusinfo {
    width: 100%;
    float: left;
    padding: 20px 0 20px;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 2px solid var(--secondary-color);
}

.cancellationother.cancelstatus {
    width: 100%;
    float: left;
    padding: 0;
    margin: 40px 0 0;
    background-color: #fff;
    border: none;
}

.canclrefund {
    width: 100%;
    float: left;
    padding: 0;
}

    .canclrefund .refundtitle {
        background-color: var(--primary-color);
        color: var(--pure);
        padding: 5px 0 5px 0;
        text-align: center;
        border: 1px solid #9b9b9b;
    }

    .canclrefund .refundata {
        text-align: center;
        padding: 10px 0 10px;
        border: 1px solid #000;
    }

    .canclrefund .css-1m9pwf3 {
        cursor: inherit;
        position: absolute;
        opacity: 0;
        width: 18px;
        height: 18px;
        top: 2px;
        left: 2px;
        margin: 0;
        padding: 0;
        z-index: 1;
    }

    .canclrefund .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
        padding: 0;
    }

        .canclrefund .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked, .canclrefund .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.MuiCheckbox-indeterminate {
            color: var(--primary-color);
        }

    .canclrefund .tlrefund {
        width: 100%;
        float: left;
        padding: 40px 0 0;
        font-size: 18px;
    }

        .canclrefund .tlrefund span {
            font-weight: 700;
        }

    .canclrefund .companytq {
        width: 100%;
        float: left;
        padding: 20px 0 0;
        font-size: 18px;
        font-weight: 700;
    }

.totalrfdtotalrfd .tlrefund {
    width: 100%;
    float: left;
    padding: 40px 20px 0;
}

    .totalrfdtotalrfd .tlrefund span {
        font-weight: 700;
    }

.panel-body .totalrfdtotalrfd .togglebutton {
    padding: 0 0 0 20px;
}

.canclrefund .col-lg-2 {
    float: left;
}

.canclrefund .col-lg-1 {
    float: left;
}

.canclrefund .col-lg-3 {
    float: left;
}

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

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

.refundtitle.refundtitleshow {
    display: none;
}

.cancelstatusnewpnr {
    width: 100%;
    float: left;
    text-align: right;
    padding: 20px 0 0;
}

    .cancelstatusnewpnr p {
        font-size: 16px;
        font-weight: 700;
        padding: 0 0 10px;
    }

    .cancelstatusnewpnr span {
        font-size: 18px;
        font-weight: 700;
        color: var(--secondary-color);
    }
/*******************Cancel Status Page Style End Here******************/
/*******************Refund Status Page Style Start Here******************/


.refundmain {
    width: 100%;
    float: left;
    margin: 40px 0 0px;
    text-align: center;
}

.refunddetails {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .refunddetails .refunddata {
        width: 48%;
        position: relative;
        float: left;
    }

        .refunddetails .refunddata label {
            width: 100%;
            font-size: 16px;
            font-weight: 600;
            color: var(--secondary-color);
            padding: 0px 0 14px 10px;
        }

        .refunddetails .refunddata input {
            border: 1px solid #E1E1E1;
            height: 51px;
            padding: 0 0 0 20px;
            border-radius: 50px;
            box-shadow: none;
        }

            .refunddetails .refunddata input:focus, .refunddetails .refunddata input:target {
                border: 1px solid var(--secondary-color);
                outline: none;
            }

    .refunddetails .agntpgcaptcha label {
        width: 100%;
        font-size: 16px;
        font-weight: 600;
        color: var(--secondary-color);
        padding: 0px 0 10px 10px;
    }

    .refunddetails .agntpgcaptcha {
        width: 100%;
    }

.refunttabletitle {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    margin: 0 0 4px;
}

    .refunttabletitle > div {
        width: calc(100%/8);
    }

        .refunttabletitle > div span {
            width: 100%;
            float: left;
            padding: 10px 0 14px 0px;
            background-color: var(--primary-color);
            color: var(--pure);
            border: 1px solid #736d6d;
        }

.payonlinerefnd02 {
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
}

.refundata {
    border: 1px solid #ececec;
    width: 100%;
    font-size: 14px;
    padding: 10px 0 12px 0px;
}
/*******************Refund Status Page Style End Here******************/

/*******************FAQ's Page Style Start Here******************/
.faqmain {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    z-index: 1;
}

.faqwrapper {
    width: 100%;
    float: left;
    padding: 68px 0 80px;
}

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

    .faqpart h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        color: var(--secondary-color);
    }

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

    .faq_main_wrap .warpper {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .faq_main_wrap .tabs {
        width: 100%;
        border-bottom: 1px solid #E1E1E1;
    }

    .faq_main_wrap .faqmaintabs {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .faq_main_wrap .tab {
        cursor: pointer;
        padding: 0 0 20px;
        margin: 0px 2px;
        color: var(--primary-color);
        font-size: 20px;
        font-weight: 600;
        line-height: normal;
    }

    .faq_main_wrap .panels {
        width: 100%;
        padding: 40px 0 0;
    }

    .faq_main_wrap .panel {
        display: none;
        animation: fadein .8s;
    }

        .faq_main_wrap .panel .panel_sub_text {
            font-size: 18px;
            font-weight: 400;
            color: var(--secondary-color);
        }

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.faq_main_wrap .panel-title {
    font-size: 1.5em;
    font-weight: bold
}

.faq_main_wrap .radio {
    display: none;
}

#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel,
#six:checked ~ .panels #six-panel {
    display: block
}

#one:checked ~ .tabs #Advantages,
#two:checked ~ .tabs #Booking,
#three:checked ~ .tabs #Account,
#four:checked ~ .tabs #Privacy,
#five:checked ~ .tabs #Policies,
#six:checked ~ .tabs #Troubleshooting {
    color: var(--secondary-color);
    border-bottom: 2px solid var(--secondary-color);
}


/**/


.faq_content_list .filter_tab_main {
    padding: 30px 0 0;
    float: left;
    width: 100%;
}

.faq_content_list .filter-drawer__content {
    padding: 0 0 20px;
}

    .faq_content_list .filter-drawer__content p {
        font-size: 14px;
        font-weight: 400;
        color: #888888;
        padding: 0 0 20px;
    }

        .faq_content_list .filter-drawer__content p.info_note {
            font-weight: 600;
            color: #FF9600;
        }

        .faq_content_list .filter-drawer__content p a {
            font-weight: 600;
            color: var(--secondary-color);
        }

    .faq_content_list .filter-drawer__content em {
        font-size: 14px;
        font-weight: 600;
        font-style: normal;
        padding: 0 0 10px;
        color: var(--secondary-color);
        float: left;
        width: 100%;
    }

    .faq_content_list .filter-drawer__content span {
        padding: 0 0 0 20px;
        float: left;
        width: 100%;
    }

    .faq_content_list .filter-drawer__content ul {
        padding: 0 0 0 20px;
    }

        .faq_content_list .filter-drawer__content ul li {
            font-size: 14px;
            font-weight: 400;
            color: var(--text-color);
            padding: 0 0 4px;
            text-align: justify;
            line-height: normal;
            list-style-type: square;
        }

        .faq_content_list .filter-drawer__content ul.up_content_number {
            padding: 10px 0 0;
        }

            .faq_content_list .filter-drawer__content ul.up_content_number li {
                padding: 0 0 6px;
                color: var(--secondary-color);
                list-style-type: none;
            }

.faq_content_list table {
    width: 40%;
    margin: 20px 0 !important;
}

    .faq_content_list table th {
        text-align: left !important;
        font-weight: 600 !important;
    }

    .faq_content_list table,
    .faq_content_list table tr th,
    .faq_content_list table tr td {
        border: 1px solid #e1e1e1;
        border-collapse: collapse;
        color: var(--primary-color);
        font-size: 14px;
        font-weight: 400;
        padding: 6px 10px;
        text-align: center;
    }

        .faq_content_list table tr:last-child td {
            font-size: 12px !important;
            font-weight: 600 !important;
        }

.filter-drawer {
    margin-bottom: 0;
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
    padding: 30px 30px 0px;
}

    .filter-drawer input[type="checkbox"] {
        display: none;
    }


.filter-drawer__content-wrapper {
    max-height: 0px;
    overflow: hidden;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
}

.filter-drawer__trigger:checked + .filter-drawer__title + .filter-drawer__content-wrapper {
    max-height: 1000px;
}

.filter-drawer__title {
    color: var(--primary-color);
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 30px;
    position: relative;
    margin-bottom: 0;
    transition: all 0.25s ease-out;
}

.filter-drawer__trigger:checked + .filter-drawer__title {
    color: var(--secondary-color);
}

.filter-drawer__title::after {
    position: relative;
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: " ";
    height: 8px;
    width: 8px;
    left: 2px;
    right: 0;
    top: 7px;
    transform: rotate(135deg);
    transition: 0.35s ease-in-out;
    border-color: var(--primary-color);
    float: right;
}

.filter-drawer__trigger:checked + .filter-drawer__title::after {
    transform: rotate(-45deg);
    transition: 0.25s ease-in-out;
    border-color: var(--secondary-color);
}

.faqroutedetails {
    width: 100%;
    float: left;
    padding: 0 0 15px;
    overflow-x: auto;
    margin: 0 0 30px;
}

.faqmainpart {
    display: flex;
    justify-content: flex-start;
    gap: 38px;
    width: max-content;
}

.faqroute {
    flex-basis: 100%;
    float: left;
}

.faqrouteboxpart {
    width: 100%;
    float: left;
    padding: 0;
}

.faqroutebox {
    width: 100%;
    float: left;
    border-radius: 20px;
    border: 1px solid var(--secondary-color);
}

.faqrouteboxtitle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    align-items: center;
    background-color: var(--button-color);
    border-radius: 20px 20px 0 0;
}

.faqrouteboxbus {
    float: left;
    padding: 0 20px 0 0;
}

    .faqrouteboxbus h4 {
        font-size: 16px;
        font-weight: 700;
        color: var(--secondary-color);
    }

    .faqrouteboxbus p {
        font-size: 12px;
        font-weight: 400;
        color: var(--secondary-color);
    }

.faqrouteboxtitle button {
    background-color: #fffdfd;
    border-radius: 50px;
    padding: 7px 16px 6px 37px;
    background-image: url("../images/icon01.svg");
    background-position: 13px -11463px;
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: 400;
    color: var(--primary-color);
    border: none;
}

.faqroutepart {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 17px 27px 27px;
}

.faqrouteleft {
    float: left;
    width: 25%;
}

    .faqrouteleft label {
        font-size: 30px;
        font-weight: 700;
        color: var(--secondary-color);
    }

    .faqrouteleft span {
        font-size: 18px;
        font-weight: 700;
        color: var(--secondary-color);
        line-height: 24px;
        float: left;
        width: 100%;
    }

        .faqrouteleft span i {
            display: block;
            font-style: normal;
        }

.faqrouteright {
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faqfromroute {
    width: 40%;
    float: left;
}

    .faqfromroute label {
        font-size: 18px;
        font-weight: 700;
        color: var(--primary-color);
        line-height: 24px;
    }

.faqroutetime {
    padding: 20px 0 0;
}

    .faqroutetime span {
        font-size: 12px;
        font-weight: 400;
        color: var(--primary-color);
        line-height: 16px;
        display: block;
        width: 100%;
    }

    .faqroutetime p {
        font-size: 12px;
        font-weight: 400;
        color: #888;
        line-height: 16px;
        display: block;
    }

.faqbusroute {
    width: 25px;
    height: 13px;
    float: left;
    background-image: url("../images/faqbus.png");
    background-position: center 0;
    background-repeat: no-repeat;
}

.faqfromroute.faqtoroute {
    text-align: right;
}
/*******************FAQ's Page Style End Here******************/
/*******************Quick Links Page Style Start Here******************/
.quicklinks_main .faq_main_wrap.quick_links_wrap .tabs {
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #E1E1E1 !important;
}

.faq_main_wrap.quick_links_wrap {
    padding: 67px 0 60px;
}

    .faq_main_wrap.quick_links_wrap .tabs {
        justify-content: flex-start;
        gap: 60px;
        margin-bottom: 40px;
        display: flex;
    }

    .faq_main_wrap.quick_links_wrap .panels {
        width: 100%;
        padding: 40px 0 0;
        border: none;
    }


    .faq_main_wrap.quick_links_wrap .page_title h2 {
        font-size: 40px;
        font-weight: 600;
        color: var(--secondary-color);
        padding: 0 0 30px;
    }


    .faq_main_wrap.quick_links_wrap .panel {
        display: block;
    }

    .faq_main_wrap.quick_links_wrap .panel-heading {
        display: none;
    }

    .faq_main_wrap.quick_links_wrap .fix_contentwidth {
        padding: 0;
    }

/*******************Quick Links Page Style End Here******************/


/*******************Contact Us Page Style Start Here******************/

.contactus_wrapper {
    width: 100%;
    float: left;
    padding: 60px 0;
}

.page_title h2 {
    font-size: 40px;
    font-weight: 600;
    color: var(--secondary-color);
    padding: 0 0 30px;
}

.contactus_main {
    width: 100%;
    float: left;
    padding: 40px;
    border: 1px solid var(--secondary-color);
    border-radius: 20px;
}

.contactus_main_topline p {
    font-size: 18px;
    font-weight: 600;
    color: var(--secondary-color);
}

.contactus_top_part01 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}


    .contactus_top_part01 .web_input {
        flex-basis: 48%;
    }

.contactus_top_part02 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.contactus_top_part_left,
.contactus_top_part_right {
    flex-basis: 48%;
}

.contactus_top_part_right {
    margin: 52px 0 0;
}

.contactus_bottom_button {
    padding: 50px 0 20px;
    display: flex;
    justify-content: flex-end;
}

.blue_btn {
    font-size: 14px;
    font-weight: 400;
    background-color: var(--secondary-color);
    color: var(--pure);
    padding: 14px 54px;
    border-radius: 50px;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    border: none;
}

    .blue_btn:hover, .blue_btn:focus {
        background-color: var(--button-color);
        color: var(--primary-color);
        box-shadow: none !important;
    }

.contactus_contactdetails {
    width: 100%;
    float: left;
    /* background-image: url(../images/Contactus_Contact_BG.png); */
    background-image: url(../images/downloadappbg.png);
    background-position: center -1520px;
    background-repeat: no-repeat;
    min-height: 129px;
    padding: 0 100px 0 60px;
    display: flex;
    align-items: center;
    margin: 50px 0 0;
    background-color: var(--button-color);
    border-radius: 20px;
    overflow: hidden;
    background-size: 5000px;
}

.contactus_data {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contactus_data_left p {
    font-size: 30px;
    font-weight: 600;
    color: var(--secondary-color);
}

    .contactus_data_left p a {
        color: var(--secondary-color);
    }

        .contactus_data_left p a:hover {
            color: var(--pure);
        }

.contactus_data_right p {
    font-size: 30px;
    font-weight: 600;
    color: var(--secondary-color);
}

.contactus_data_right {
    display: flex;
    align-items: center;
    gap: 23px;
}

    .contactus_data_right span {
        display: flex;
        gap: 15px;
    }

        .contactus_data_right span a {
            height: 50px;
            width: 50px;
            float: left;
            background-image: url(../images/icon01.svg);
            background-position: center -14931px;
            background-repeat: no-repeat;
        }

            .contactus_data_right span a.contact_facebook {
                background-position: center -15131px;
            }


.contactus_tab_main {
    width: 100%;
    float: left;
    padding: 60px 0 0;
}

    .contactus_tab_main .faq_main_wrap .panels {
        width: 100%;
        margin: 40px 0 0;
        border: 1px solid var(--secondary-color);
        border-radius: 20px;
        padding: 40px 50px 60px;
    }

.contactmainwrap {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 80px;
}

.contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
    display: block;
    width: 100%;
    border-bottom: 1px solid #E1E1E1;
}

.contactus_tab_main .faq_content_list .filter_tab_main {
    display: flex;
    justify-content: flex-start;
    gap: 30px 50px;
    flex-wrap: wrap;
}

.contactus_tab_main .filter-drawer {
    border: none;
    border-radius: 12px;
    padding: 0px;
    /*background-color: var(--button-color);*/
    flex-basis: 30%;
}

.contactus_tab_main .filter-drawer__title {
    padding: 20px 30px 20px;
    color: var(--secondary-color);
    font-size: 20px;
    background-color: var(--button-color);
    border-radius: 12px;
    text-transform: capitalize;
}

.contactus_tab_main .filter-drawer__trigger:checked + .filter-drawer__title {
    color: var(--secondary-color);
    border-radius: 12px 12px 0 0;
}

.contactus_tab_main .filter-drawer__content-wrapper {
    max-height: 0px;
    overflow: hidden;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    padding: 0px 30px 0px;
    opacity: 0;
}

.contactus_tab_main .filter-drawer__trigger:checked + .filter-drawer__title + .filter-drawer__content-wrapper {
    max-height: 1000px;
    background-color: var(--button-color);
    padding: 20px 30px 20px;
    border-radius: 0 0 12px 12px;
    opacity: 1;
}

.contactus_tab_main .filter-drawer__title::after {
    border-color: var(--secondary-color);
}

.contactus_tab_main .faq_content_list .filter-drawer__content p.address_details {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
    padding: 0 0 60px;
}

.contactus_tab_main .faq_content_list .filter-drawer__content .address_details_contact {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
}

.contactus_tab_main .css-hyxlzm {
    display: none;
}

.contactus_tab_main label .css-ahj2mt-MuiTypography-root {
    font-weight: 600;
    font-size: 20px;
    color: var(--primary-color);
    padding: 0 0 20px;
}

.contactus_tab_main label.active .css-ahj2mt-MuiTypography-root {
    color: var(--secondary-color);
    border-bottom: 3px solid var(--secondary-color);
}


.contactus_tab_main .filter-drawer__content-wrapper p > div {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 600;
}

.contactus_tab_main .filter-drawer__content-wrapper h4 {
    display: none;
}
/*******************Contact Us Page Style End Here******************/
/*******************Gallery Page Style Start Here******************/
.gallerywrapper {
    width: 100%;
    float: left;
    clear: both;
    padding: 40px 0;
}

    .gallerywrapper .gallerytitle {
        width: 100%;
        display: inline-block;
        float: none;
        font-size: 20px;
        font-weight: 700;
        padding: 0 0 10px;
        border-bottom: 2px solid var(--secondary-color);
        margin: 0 0 40px;
    }

.gallerytab {
    display: flex;
    width: 100%;
    float: left;
}

    .gallerytab .filter {
        margin: 0px 0 10px;
        width: 20%;
    }

        .gallerytab .filter a {
            display: block;
            padding: 10px;
            position: relative;
            margin-right: 20px;
            margin-bottom: 20px;
            color: var(--pure);
            font-size: 14px;
        }

    .gallerytab .boxes {
        display: flex;
        flex-wrap: wrap;
        width: 80%;
        gap: 40px;
        justify-content: flex-start;
        align-content: flex-start;
    }

        .gallerytab .boxes a {
            width: 48%;
        }

    .gallerytab .filter .all {
        background: var(--primary-color);
    }

        .gallerytab .filter .all.active {
            background: var(--secondary-color);
        }

    .gallerytab .filter .bustype_01 {
        background: var(--primary-color);
    }

        .gallerytab .filter .bustype_01.active {
            background: var(--secondary-color);
        }

    .gallerytab .filter .bustype_02 {
        background: var(--primary-color);
    }

        .gallerytab .filter .bustype_02.active {
            background: var(--secondary-color);
        }

    .gallerytab .filter .bustype_03 {
        background: var(--primary-color);
    }

        .gallerytab .filter .bustype_03.active {
            background: var(--secondary-color);
        }

    .gallerytab .filter .bustype_04 {
        background: var(--primary-color);
    }

        .gallerytab .filter .bustype_04.active {
            background: var(--secondary-color);
        }

    .gallerytab .filter .bustype_05 {
        background: var(--primary-color);
    }

        .gallerytab .filter .bustype_05.active {
            background: var(--secondary-color);
        }

    .gallerytab .filter .bustype_06 {
        background: var(--primary-color);
    }

        .gallerytab .filter .bustype_06.active {
            background: var(--secondary-color);
        }

    .gallerytab .filter .bustype_07 {
        background: var(--primary-color);
    }

        .gallerytab .filter .bustype_07.active {
            background: var(--secondary-color);
        }

    .gallerytab .filter .bustype_08 {
        background: var(--primary-color);
    }

        .gallerytab .filter .bustype_08.active {
            background: var(--secondary-color);
        }

    .gallerytab .filter .bustype_09 {
        background: var(--primary-color);
    }

        .gallerytab .filter .bustype_09.active {
            background: var(--secondary-color);
        }

    .gallerytab .filter a.active:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 15px 0 0;
        border-color: #333 transparent transparent transparent;
    }

    .gallerytab .is-animated {
        animation: .6s zoom-in;
    }

@keyframes zoom-in {
    0% {
        transform: scale(.1);
    }

    100% {
        transform: none;
    }
}

/*******************Gallery Page Style End Here******************/
/*******************E-Ticket Page Style Start Here******************/

.ticketprint {
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    padding: 40px 0;
}

    .ticketprint input {
        border: none;
        font-size: 16px;
        font-weight: 700;
        background-color: var(--secondary-color);
        color: var(--pure);
        border-radius: 3px;
        padding: 10px 40px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

        .ticketprint input:hover, .ticketprint input:focus {
            background-color: var(--primary-color);
            color: var(--pure);
        }


button.okbtn {
    border: none;
    font-size: 14px;
    font-weight: 400;
    background-color: var(--secondary-color);
    color: var(--pure);
    border-radius: 50px;
    padding: 14px 54px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    button.okbtn:hover, button.okbtn:focus {
        background-color: var(--button-color);
        color: var(--primary-color);
        box-shadow: none;
    }


/*******************E-Ticket Page Style End Here******************/


/*******************GST Details Page Style Start Here******************/

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

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

    .gstform h2 {
        font-size: 32px;
        font-weight: 600;
        line-height: 36px;
        margin: 0 0 20px !important;
        padding: 45px 0 20px 0;
        position: relative;
        color: var(--secondary-color);
        text-align: center;
        font-family: 'Raleway', sans-serif !important;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

        .gstform h2::before {
            content: '';
            position: absolute;
            width: 120px;
            height: 1px;
            background: var(--primary-color);
            bottom: 1px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .gstform h2::after {
            content: '';
            position: absolute;
            width: 40px;
            height: 5px;
            background: var(--primary-color);
            bottom: 0;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

.gstbox {
    width: 100%;
    float: left;
    padding: 0 0 60px;
}

.regform {
    width: 100%;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 10%);
    padding: 30px 20px;
    background: #fff;
    text-align: left;
}

    .regform h5 {
        color: var(--primary-color);
        font-size: 18px;
        font-weight: 700;
        margin: 0;
        line-height: 20px;
        padding: 2px 0 30px;
    }

    .regform ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .regform ul li {
            list-style-type: none;
            display: block;
            padding: 5px 0 23px;
        }

            .regform ul li a {
                color: var(--primary-color);
                text-decoration: none;
                font-size: 16px;
                font-weight: 500;
                line-height: 28px;
            }

                .regform ul li a:hover, .regform ul li a:focus {
                    color: #333;
                }

/*******************GST Details Page Style End Here******************/


/************loader css start****************/

.isLoader {
    background: #fcfcff;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 999;
}

    .isLoader iframe {
        width: 400px;
        height: 400px;
        margin-left: 10px;
        animation: loader 0.7s infinite;
    }


    .isLoader div:nth-child(1) {
        background: #FF9F1A;
        animation-delay: -0.40s;
    }

    .isLoader div:nth-child(2) {
        background: #FED330;
        animation-delay: -0.20s;
    }

    .isLoader div:nth-child(3) {
        background: #FFFA65;
        animation-delay: 0s;
    }

/*New Loader Style End Here*/
/*****************loader css end*******************/


/*****************Website Banner Style Start Here******************/

.banner_modal button.btn-close {
    position: absolute;
    z-index: 99;
    right: 10px;
    top: 10px;
    opacity: 1;
}

.btn-close:focus, .carousel-indicators .active, select:disabled {
    opacity: 1 !important;
}

.modal-content .carousel-indicators {
    bottom: 15px;
    margin: 0 auto !important;
    gap: 8px;
}

    .modal-content .carousel-indicators [data-bs-target] {
        margin: 0;
        cursor: pointer;
    }

.banner_modal .modal-dialog {
    width: max-content !important;
    height: max-content !important;
    top: 15%;
    left: 0;
    transform: translate(-50%, -50%);
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    /* padding: 0 15px; */
    max-width: 100% !important;
}

.banner_modal .carousel-control-next, .banner_modal .carousel-control-prev {
    display: none;
}

.fade:not(.show), .modal-backdrop.fade {
    opacity: 0.5 !important;
}

.sliderwrapper .fade:not(.show) {
    opacity: 1 !important;
}

@media (min-width: 992px) {
    /*.modal-lg, .modal-xl {
        max-width: max-content !important;
    }*/
}

@media (min-width: 576px) {
    /* .modal-dialog {
        max-width: max-content !important;
    }*/
}



/*****************Website Banner Style End Here******************/

/*****************Blog Page Style Start Here******************/

.blogwrapper {
    width: 100%;
    float: left;
    clear: both;
    padding: 0 0 100px;
}

.blog_main_wrap {
    width: 100%;
    float: left;
    padding: 70px 0 0;
}

.blog_sub_title h2 {
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
}

.blogpage_title {
    display: none;
}

.blog_filter_content {
    width: 100%;
    float: left;
    padding: 60px 0 0;
}

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

    .blog_main_content .warpper {
        width: 100%;
        float: left;
        overflow-x: auto;
        padding: 0 0 25px;
    }

    .blog_main_content .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        display: flex;
        flex-direction: row;
        width: max-content;
        gap: 14px;
    }

    .blog_main_content label .css-ahj2mt-MuiTypography-root {
        font-weight: 400;
        font-size: 14px;
        color: var(--primary-color);
        padding: 8px 20px;
        border: 1px solid var(--secondary-color);
        border-radius: 50px;
        background-color: var(--pure);
    }

    .blog_main_content label.active .css-ahj2mt-MuiTypography-root {
        border: 1px solid var(--secondary-color);
        background-color: var(--secondary-color);
        color: var(--pure);
    }

    .blog_main_content .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        display: none;
    }

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

.blog_main_fullbox_left {
    width: 68%;
    float: left;
}

.blog_main_fullbox {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 14px 14px;
}

.blogtitlepage {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog_box_title {
    width: 100%;
    padding: 35px 0;
}

    .blog_box_title h5 {
        font-size: 18px;
        font-weight: 600;
        color: var(--secondary-color);
    }

.blog_box_dropdown {
    width: 260px;
    float: right;
    background-color: var(--pure);
    border: 1px solid #c3c3c3;
    border-radius: 30px;
}

    .blog_box_dropdown .MuiInputBase-input.MuiInput-input {
        padding: 7px 0 7px 22px !important;
    }

    .blog_box_dropdown .css-1tb7pjp-MuiInputBase-root-MuiInput-root:before {
        border: none;
    }

    .blog_box_dropdown .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-16awh2u-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
        padding-right: 26px;
    }

    .blog_box_dropdown .css-1tb7pjp-MuiInputBase-root-MuiInput-root:after {
        border: none !important;
    }

    .blog_box_dropdown .css-1q60rmi-MuiAutocomplete-endAdornment {
        top: calc(46% - 14px);
    }

    .blog_box_dropdown .css-1tb7pjp-MuiInputBase-root-MuiInput-root:hover:not(.Mui-disabled):before {
        border-bottom: none !important;
    }

.blog_button {
    text-align: center;
    padding: 100px 0 0;
    width: 100%;
}

    .blog_button button {
        font-size: 14px;
        font-weight: 400;
        border: 1px solid var(--secondary-color);
        background-color: var(--pure);
        padding: 15px 45px;
        border-radius: 50px;
        box-shadow: none;
    }

        .blog_button button:hover,
        .blog_button button:focus {
            background-color: var(--secondary-color);
            color: var(--pure);
        }

.blog_box {
    flex-basis: 32%;
    position: relative;
}

.blog_box_content {
    position: absolute;
    top: 30px;
    left: 30px;
    text-align: left;
}

    .blog_box_content p {
        font-size: 20px;
        font-weight: 600;
        color: var(--pure);
        padding: 0 30px 22px 0;
        line-height: normal;
    }

    .blog_box_content a {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        color: var(--primary-color) !important;
        background-color: var(--button-color);
        border-radius: 50px;
        padding: 8px 27px;
        display: inline-block;
        vertical-align: middle;
    }

        .blog_box_content a:hover, .blog_box_content a:focus {
            color: var(--pure) !important;
            background-color: var(--secondary-color);
        }

.blog_main_fullbox_right {
    width: 22%;
    float: right;
}

.blog_quick_links {
    padding: 0 0 0 20px;
}

    .blog_quick_links ul {
        padding: 0;
        margin: 0;
    }

        .blog_quick_links ul li {
            font-size: 16px;
            font-weight: 600;
            color: var(--primary-color);
            padding: 0 0 5px;
        }

            .blog_quick_links ul li a {
                color: var(--primary-color);
            }

                .blog_quick_links ul li:hover, .blog_quick_links ul li:focus, .blog_quick_links ul li a:hover, .blog_quick_links ul li a:focus {
                    color: var(--secondary-color);
                }

.blog_main_title {
    width: 100%;
    padding: 35px 0;
}

    .blog_main_title h5 {
        font-size: 40px;
        font-weight: 600;
        color: var(--secondary-color);
        line-height: normal;
    }

.blog_subdetails {
    display: flex;
    gap: 10px;
    padding: 25px 0 0;
}

    .blog_subdetails label {
        font-size: 16px;
        font-weight: 400;
        color: #888888;
    }

        .blog_subdetails label i {
            font-size: 14px;
        }

.blog_main_content p {
    font-size: 16px;
    font-weight: 400;
    color: #3D3D3D;
    padding: 0 0 20px;
}

.blog_share_box {
    width: 100%;
    float: left;
    padding: 100px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog_share_details p {
    font-size: 16px;
    font-weight: 400;
    color: var(--secondary-color);
}

.blog_share_button button {
    font-size: 14px;
    font-weight: 400;
    border: 1px solid var(--secondary-color);
    background-color: var(--pure);
    color: var(--secondary-color);
    padding: 15px 22px;
    border-radius: 50px;
    box-shadow: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .blog_share_button button i {
        font-size: 18px;
    }


    .blog_share_button button:hover, .blog_share_button button:focus {
        background-color: var(--secondary-color);
        color: var(--pure);
    }

.blog_next_privious {
    width: 100%;
    float: left;
    padding: 20px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    justify-content: space-between;
}

    .blog_next_privious button {
        display: flex;
        align-items: center;
        gap: 16px;
        font-size: 16px;
        font-weight: 400;
        color: var(--secondary-color);
        background-color: transparent;
        border: none;
    }


.exloreindia_inner .toptitle h3 {
    font-size: 20px;
    font-weight: 600;
}

.exloreindia.exloreindia_inner {
    padding: 60px 0 0;
}

.exloreindia_inner .exloreslider {
    padding: 34px 0 0;
}

    .exloreindia_inner .exloreslider .owl-nav {
        right: 0px;
        position: absolute;
        top: -66px;
        display: inline-block !important;
    }

.exlorecontent.exlorecontent_inner {
    position: absolute;
    bottom: 20px;
    left: 30px;
    text-align: left;
}

    .exlorecontent.exlorecontent_inner p {
        font-size: 20px;
        padding: 0 40px 20px 0;
    }

/*****************Blog Page Style End Here******************/

/****************validation-success POPUP***************/

.validation-success {
    float: left;
}

    .validation-success p {
        margin: 0;
        color: #0B763F;
        font-size: 18px;
        font-weight: 500;
        padding: 17px 60px 17px 60px;
        border: 2px solid #0B763F;
        border-radius: 15px;
        float: left;
        background-color: var(--pure) !important;
    }

        .validation-success p i {
            color: #0B763F;
            font-size: 12px;
            margin: 0 11px 0 0;
            padding: 3px 0 0;
            width: 20px;
            height: 20px;
            border: 1px solid #0B763F;
            border-radius: 50%;
            text-align: center;
            font-family: 'FontAwesome';
            float: left;
        }

#demo .css-3yjvh5-MuiPaper-root-MuiAlert-root {
    color: var(--button-color) !important;
    background-color: transparent !important;
}


#demo .css-3yjvh5-MuiPaper-root-MuiAlert-root {
    padding: 0 !important;
    justify-content: center;
    top: 40px;
    position: relative;
}

#demo .MuiAlert-action css-ki1hdl-MuiAlert-action {
    display: none !important;
}

.logintest .css-1pxa9xg-MuiAlert-message {
    padding: 0 !important;
}

/****************validation-unsuccess POPUP***************/

.validation-unsuccess {
    float: left;
}

    .validation-unsuccess p {
        margin: 0;
        color: #EA4335;
        font-size: 18px;
        font-weight: 500;
        padding: 17px 60px 17px 60px;
        border: 2px solid #EA4335;
        border-radius: 15px;
        float: left;
        background-color: var(--pure) !important;
    }

        .validation-unsuccess p i {
            color: #EA4335;
            font-size: 12px;
            margin: 0 11px 0 0;
            padding: 3px 0 0;
            width: 20px;
            height: 20px;
            border: 1px solid #EA4335;
            border-radius: 50%;
            text-align: center;
            font-family: 'FontAwesome';
            float: left;
        }

/****************validation-.validation-alert POPUP***************/
.validation-alert {
    float: left;
}

    .validation-alert p {
        margin: 0;
        color: #FF8E00;
        font-size: 18px;
        font-weight: 500;
        padding: 17px 60px 17px 60px;
        border: 2px solid #FF8E00;
        border-radius: 15px;
        float: left;
        background-color: var(--pure) !important;
    }

        .validation-alert p i {
            color: #FF8E00;
            font-size: 12px;
            margin: 0 11px 0 0;
            padding: 3px 0 0;
            width: 20px;
            height: 20px;
            border: 1px solid #FF8E00;
            border-radius: 50%;
            text-align: center;
            font-family: 'FontAwesome';
            float: left;
        }

.MuiDialog-root .css-3yjvh5-MuiPaper-root-MuiAlert-root {
    background-color: transparent !important;
}

.termsdatapart .css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop {
    background-color: transparent !important;
}

.otppopup .css-hz1bth-MuiDialog-container .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
    margin: 20px;
    padding: 0;
    background-color: #ffffff;
    border-radius: 30px;
}

.otppopup .css-i7kv6a-MuiDialogContent-root {
    padding: 0;
    width: 480px;
}

.ticket_cancel {
    width: 100%;
    float: left;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    border: 1px solid var(--secondary-color);
    border-radius: 30px;
    margin: 0;
}

    .ticket_cancel .managepnr {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 2px;
        position: relative;
    }

        .ticket_cancel .managepnr.managebutton02 {
            width: auto;
            justify-content: flex-start;
            align-items: flex-start;
            flex-direction: row;
            gap: 20px;
        }

        .ticket_cancel .managepnr input {
            border: 1px solid #E1E1E1;
            height: 39px;
            padding: 0 0 0 20px;
            border-radius: 50px;
            font-size: 14px;
            color: #888;
        }

        .ticket_cancel .managepnr .modifytctotp:hover,
        .ticket_cancel .managepnr .modifytctotp:focus {
            background-color: var(--button-color);
            color: var(--primary-color);
        }

        .ticket_cancel .managepnr .modifytctotp {
            position: absolute;
            right: 0;
            bottom: 0;
            background-color: var(--secondary-color);
            color: var(--pure);
            padding: 10px 18px;
            border-radius: 50px;
            font-size: 12px;
        }

        .ticket_cancel .managepnr button {
            background-color: var(--secondary-color);
            font-size: 14px;
            font-weight: 400;
            color: var(--tertiary-color);
            border-radius: 50px;
            padding: 10px 25px;
            border: none;
            margin: 20px 0 0;
        }

            .ticket_cancel .managepnr button:hover,
            .ticket_cancel .managepnr button:focus {
                background-color: var(--button-color);
                color: var(--primary-color);
            }

        .ticket_cancel .managepnr .redclr {
            position: absolute;
            bottom: -18px;
            left: 0;
            font-size: 12px;
        }

.otppopup .css-hz1bth-MuiDialog-container .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
    margin: 20px;
    padding: 0px;
    border-radius: 30px;
}

/*Thank You*/

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

.thankspage {
    width: 100%;
    float: left;
    padding: 80px 0 60px;
}

.thanksboxpart {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.thanksbox {
    background-color: var(--secondary-color);
    padding: 35px 50px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 74%;
    text-align: center;
}

    .thanksbox h3 {
        color: #FFFDFD;
        font-size: 30px;
        font-weight: 700;
        line-height: 36px;
        padding: 0 0 15px;
        display: inline-block;
    }

        .thanksbox h3 i {
            display: block;
            font-style: normal;
        }

    .thanksbox p {
        font-size: 18px;
        font-weight: 400;
        line-height: 25px;
        color: #FFFDFD;
        display: inline-block;
        padding: 24px 0 15px;
    }

    .thanksbox label {
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
        color: #D5D5D5;
        display: inline-block;
        padding: 0 0 15px;
    }

        .thanksbox label span {
            font-weight: 400;
        }

.download_view_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

    .download_view_btn button {
        background-color: var(--button-color);
        font-size: 16px;
        font-weight: 400;
        color: var(--secondary-color);
        border-radius: 20px;
        padding: 7px 15px 5px;
        border: 1px solid var(--button-color);
        outline: none !important;
    }

    .download_view_btn .view_ticket {
        background-color: var(--secondary-color);
        color: var(--button-color);
        border: 1px solid var(--button-color);
        outline: none !important;
    }

    .download_view_btn button:hover {
        background-color: var(--pure);
        color: var(--secondary-color);
        border: 1px solid #fff;
    }

.onward_ticket_part {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.onward_ticket {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/*top_routes*/

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

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

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

.top_routes_textbox {
    width: 100%;
    float: left;
    padding: 60px 0 0;
}

.toptitle h2, .toptitle h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: var(--secondary-color);
}

.top_routes_textbox p {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
    padding: 20px 0 0;
    float: left;
    width: 100%;
}

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

.toproute_option {
    width: 100%;
    float: left;
    padding: 0 0 0 35px;
}

.top_routes_textbox ul {
    float: left;
    width: 100%;
    padding-top: 20px;
    margin: 0;
}

    .top_routes_textbox ul li {
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: #000;
        padding: 6px 0 6px;
        width: 100%;
        float: left;
    }

        .top_routes_textbox ul li p {
            font-size: 20px;
            font-weight: 400;
            line-height: 26px;
            color: #000;
            padding: 4px 0 0;
        }

            .top_routes_textbox ul li p label {
                font-weight: 600;
            }

.top_route_heading {
    padding: 0 0 10px !important;
}

.top_routes_choice {
    width: 100%;
    float: left;
    padding: 100px 0;
}

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

    .top_routes_choicepart .toptitle {
        text-align: center;
        width: 100%;
    }

.top_routes_super {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 60px;
    padding: 46px 0 0;
    width: 100%;
    flex-wrap: wrap;
}

.top_routes_box {
    width: 270px;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 28px 0;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 11.5px rgba(0, 0, 0, 0.25);
    border-radius: 24px;
}

    .top_routes_box span {
        width: 62px;
        height: 62px;
        background-image: url(../images/icon01.svg);
        background-position: center -15330px;
        background-repeat: no-repeat;
    }

    .top_routes_box.top_routes_box2 span {
        background-position: center -15541px;
    }

    .top_routes_box.top_routes_box3 span {
        background-position: center -15752px;
    }

    .top_routes_box h3 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        color: var(--secondary-color);
        padding: 25px 0 12px;
    }

    .top_routes_box p {
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        color: var(--primary-color);
    }

        .top_routes_box p label {
            font-size: 16px;
            font-weight: 700;
        }

.top_routes_faq {
    width: 100%;
    float: left;
    padding: 100px 0 0;
}

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

.faq_content_toproute {
    padding: 30px 0 0;
    float: left;
    width: 100%;
}

    .faq_content_toproute .filter-drawer__title {
        font-size: 18px;
        text-transform: none;
    }

    .faq_content_toproute .filter-drawer__content p span {
        float: none;
        padding: 0;
    }

    .faq_content_toproute .filter-drawer__content p {
        display: inline-block;
        padding: 0 0 5px;
    }

.amenities_toproute {
    background-color: var(--secondary-color);
    padding: 100px 0 !important;
    background-image: url(../images/choosebg.png);
    background-position: center 58%;
    background-repeat: no-repeat;
    overflow: hidden;
}

    .amenities_toproute .toptitle h3 {
        color: var(--button-color);
    }

    .amenities_toproute .toptitle p {
        color: #fff;
    }

/*Home Page FAQ*/

.faqwrapper_home .faq_main_wrap .faqmaintabs {
    justify-content: flex-start;
    gap: 17px;
    align-items: flex-start;
}

.faqwrapper_home .faq_main_wrap .tab {
    font-weight: 500;
    background-color: #F5F5F5;
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 18px;
}

.faqwrapper_home .faq_content_list .filter-drawer__content p {
    font-size: 15px;
    font-weight: 400;
    color: #888888;
    padding: 0;
}

    .faqwrapper_home .faq_content_list .filter-drawer__content p label {
        font-weight: 500;
        color: #000;
    }

#one:checked ~ .tabs #General, #two:checked ~ .tabs #TicketRelated, #three:checked ~ .tabs #Payment, #four:checked ~ .tabs #CancellationRefund {
    color: #fff;
    background-color: var(--secondary-color);
}

.faqwrapper_home .faq_main_wrap .tabs {
    border-bottom: none;
}

.faqwrapper_home .faq_main_wrap .panels {
    padding: 26px 0 0;
}

.faqwrapper.faqwrapper_home {
    padding: 100px 0 0;
}

.faqwrapper_home .filter-drawer__title {
    text-transform: none !important;
}

.faqwrapper_home .filter-drawer {
    padding: 20px 20px 0px;
}

.faqwrapper_home .filter-drawer__title {
    padding: 0 0 20px;
}