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

@font-face {
    font-family: 'Helvetica-Condensed-Bold';
    src: url(/VRLVijayanandTravels/fonts/Helvetica-Condensed-Bold.woff) format('woff'), url(/VRLVijayanandTravels/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(/VRLVijayanandTravels/fonts/helveticaneue-01-webfont.woff) format('woff'), url(/VRLVijayanandTravels/fonts/helveticaneue-01-webfont.woff2) format('woff2');
    font-weight: normal;
}

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

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

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

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

@font-face {
    font-family: 'helveticaneue-medium-11-webfont';
    src: url(/VRLVijayanandTravels/fonts/helveticaneue-medium-11-webfont.woff) format('woff'), url(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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 .slider_heading01 {
        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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 253px;
    height: 253px;
    position: relative;
    cursor: pointer;
    /*background-image: url(/VRLVijayanandTravels/images/Route_img01.webp);*/
    background-image: url(/VRLVijayanandTravels/images/RRIMG.webp);
    background-position: center 0;
    background-repeat: no-repeat;
}

    .destinationbox.destinationbox2 {
        background-position: center -283px;
    }

    .destinationbox.destinationbox3 {
        background-position: center -566px;
    }

    .destinationbox.destinationbox4 {
        background-position: center -849px;
    }

    .destinationbox.destinationbox5 {
        background-position: center -1132px;
    }

    .destinationbox.destinationbox6 {
        background-position: center -1415px;
    }

    .destinationbox.destinationbox7 {
        background-position: center -1698px;
    }

    .destinationbox.destinationbox8 {
        background-position: center -1981px;
    }

    .destinationbox.destinationbox9 {
        background-position: center -2264px;
    }

    .destinationbox.destinationbox10 {
        background-position: center -2547px;
    }

    .destinationbox.destinationbox11 {
        background-position: center -2830px;
    }

    .destinationbox.destinationbox12 {
        background-position: center -3113px;
    }

    .destinationbox.destinationbox13 {
        background-position: center -3396px;
    }

    /*.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(/VRLVijayanandTravels/images/offer1.svg);
    background-position: center top;
    background-repeat: no-repeat;
    cursor: pointer;
}

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

    .offerbox.offerbox03 {
        background-image: url(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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);
        width: 70%;
        position: relative;
    }

    .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);
    }

.home_city_route {
    float: left;
    background-image: url(/VRLVijayanandTravels/images/home_route_img.webp);
    background-position: center 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 416px;
}

    .home_city_route.home_city_route2 {
        background-position: center -476px;
    }

    .home_city_route.home_city_route3 {
        background-position: center -952px;
    }

    .home_city_route.home_city_route4 {
        background-position: center -1428px;
    }

.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(/VRLVijayanandTravels/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 a .super_bus_img {
        cursor: pointer;
        width: 550px;
        height: 426px;
        background-image: url(/VRLVijayanandTravels/images/superbus_img.webp);
        background-position: center 0;
        background-repeat: no-repeat;
    }

        .superbus-slide a .super_bus_img.super_bus_img2 {
            background-position: center -456px;
        }

.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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/images/carrierboxicon.png);
        background-position: right bottom;
        background-repeat: no-repeat;
    }

.carrierteam {
    width: 100%;
    float: left;
    min-height: 272px;
    background-image: url(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/css/ 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(/VRLVijayanandTravels/css/ 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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/css/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(/VRLVijayanandTravels/css/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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%;
}

.btnpart {
    width: auto;
    display: flex;
    gap: 40px;
}

    .btnpart .bookingdwnticket {
        width: max-content !important;
    }


.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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/css/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/images/pioneers2.png);
    }

    .pioneerbox.pioneerbox03 {
        background-image: url(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/images/icon01.svg);
    background-position: left -6559px;
    background-repeat: no-repeat;
}

.bookingbusicon {
    float: left;
    background-image: url(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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(/VRLVijayanandTravels/images/Contactus_Contact_BG.png); */
    background-image: url(/VRLVijayanandTravels/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(/VRLVijayanandTravels/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;
    opacity: 1;
    background-color: transparent;
    border: none;
    outline: none !important;
    box-shadow: none;
    font-size: 20px;
    font-weight: 600;
    right: 2px;
    top: 1px;
    padding: 0;
}

.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 80px;
}

.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;
    position: relative;
}

.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: 0;
    left: 0;
    text-align: left;
    padding: 30px 20px 0 30px;
}

    .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_fullbox_left {
    width: 100%;
    float: left;
    /*height: 490px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 20px 0 0;
    margin: 30px 0 0;*/
}

.blog_main_fullbox_right {
    /* width: 22%; */
    width: 30%;
    float: right;
    padding: 50px 0 0;
}

/*.blog_main_fullbox_right.blog_fullbox_right {
        position: fixed;
        right: 20.5%;
        top: 45%;
        width: 17.9%;
    }*/

.blog_fullbox_right.sticky {
    position: sticky;
    right: 0;
    top: 0;
}

.blog_main_image .blog_mbl_img {
    display: none;
}

.blog_right_popup {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: var(--button-color);
    border-radius: 16px;
    padding: 20px 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    color: #1C1C1C;
}

.blog_right_title h5 {
    font-size: 18px;
    font-weight: 800;
    padding: 0 0 10px;
}

.blog_right_popup p {
    padding: 5px 0 8px;
    font-size: 15px;
    font-weight: 600;
}

.blog_right_popup .blog_para_02 {
    font-size: 13px;
    font-weight: 500;
}

.blog_right_form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

    .blog_right_form p {
        font-size: 14px;
        font-weight: 600;
        padding: 10px 0 0;
    }

.blog_form_part {
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

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

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

    .blog_form_input input {
        border-radius: 10px !important;
        font-size: 14px !important;
        min-width: 43px !important;
        line-height: normal !important;
        height: 43px !important;
        border: none !important;
        outline: none !important;
        box-sizing: border-box;
        width: 100% !important;
        padding: 12px !important;
        background-color: var(--pure);
        color: var(--primary-color);
    }

    .blog_form_input .redclr {
        position: absolute;
        bottom: -15px;
        left: 10px;
        font-size: 12px;
    }

    .blog_form_input .MuiInputBase-root.MuiInput-root.MuiInput-underline.MuiInputBase-colorPrimary.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd.MuiAutocomplete-inputRoot.css-1tb7pjp-MuiInputBase-root-MuiInput-root {
        padding: 0;
    }

    .blog_form_input .fromdatecity {
        height: auto;
    }

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

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

    .blog_form_input .bookinginput.bookingtodate:after {
        display: none;
    }

.bookinginput.bookingtodate.bookingtodate_blog input {
    background-size: 48px;
    background-position: 107% -680px;
    background-repeat: no-repeat;
}

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

    .blog_form_search button {
        background-color: #1C1C1C;
        color: var(--button-color);
        outline: none !important;
        border: none;
        border-radius: 30px;
        width: 100%;
        display: inline-block;
        padding: 9px 30px;
        font-size: 16px;
        font-weight: 700;
    }

        .blog_form_search button:hover {
            background-color: var(--secondary-color);
            color: var(--pure);
        }

.blog_right_popup .blog_para_03 {
    font-size: 12px;
    padding-top: 12px;
    font-weight: 400;
}

.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 h1 {
        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 New Style*/

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

.slidertop.slidertopblog {
    margin: 0;
}

.bannerblog {
    /*background: url(/VRLVijayanandTravels/blog_images/blogbannerbg01.jpg) no-repeat;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 215px;*/
    border-radius: 0;
}

.slider-text-bg.blogtext {
    top: 30px;
}

.slidertop.slidertopblog .scroll-dwon-click {
    display: none;
}

.slidertop.slidertopblog:before {
    display: none;
}

.slidertop.slidertopblog:after {
    display: none;
}

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

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

.slider-text-bg h1 {
    text-align: center;
    padding: 0 0 40px;
    margin: 0;
}

.testimonial-itinerary-img {
    float: left;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.6);
    padding: 60px 0 0;
}

.testimonial-head h2 {
    display: inline-block;
    margin: 0;
    color: #000;
    font-weight: 600;
    padding: 0 0 0 15px;
}

.blogcomfortparts02 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
    flex-wrap: wrap;
}

.blogcomfortleft.blogcomfortleft02 {
    width: 31.5% !important;
}

    .blogcomfortleft.blogcomfortleft02 .blognone01 {
        width: 100% !important;
    }

.blogcomfortparts .slick-prev:before, .blogcomfortparts .slick-next:before {
    font-family: 'slick';
    font-size: 28px;
    font-weight: 600;
    line-height: 0.4;
    color: #ffffff !important;
}

.blogcomfortparts .slick-prev, .blogcomfortparts .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -15%;
    right: 98px;
    display: block;
    width: 50px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #0691b3 !important;
    border-radius: 20px;
}

    .blogcomfortparts .slick-prev:hover, .blogcomfortparts .slick-prev:hover:focus, .blogcomfortparts .slick-next:hover, .blogcomfortparts .slick-next:focus {
        background: #000 !important;
    }

        .blogcomfortparts .slick-prev:hover:before, .blogcomfortparts .slick-prev:focus:before,
        .blogcomfortparts .slick-next:hover:before, .blogcomfortparts .slick-next:focus:before {
            color: #ffffff !important;
        }

.blogcomfortparts .slick-prev {
    left: auto;
}

.blogcomfortparts .slick-next {
    right: 40px;
}

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


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

.blogcontenttop {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    padding: 0 0 20px;
}

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

    .blogcomfort img {
        border-radius: 10px 10px 0 0;
        width: 100%;
        max-width: 100%;
        height: 230px;
    }

        .blogcomfort img:hover {
            cursor: pointer;
        }

/*.blogcontenbottom {
    position: absolute;
    bottom: -22px;
    left: 0;
    top: auto;
    width: 100%;
    float: left;
}*/

.blogcontenbottom {
    position: absolute;
    /*bottom: -25px;*/
    left: 0;
    top: auto;
    width: 100%;
    float: left;
}

.blogcal {
    float: left;
    margin: 0 0 0 25px;
}

.blogcalinn {
    background-color: rgba(227,30,36,0.85);
    background-image: url(/VRLVijayanandTravels/blog_images/blogicon01.png);
    background-repeat: no-repeat;
    background-position: center -145px;
    border-radius: 0 30px 0 0;
    padding: 30px 0 0;
    height: 80px;
    width: 64px;
    border: 1px solid rgba(227,30,36,0.85);
    text-align: center;
}

    .blogcalinn span {
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        display: inline-block;
        padding: 0 1px;
        line-height: 22px;
    }

        .blogcalinn span em {
            font-style: normal;
            font-weight: 500;
            font-size: 13px;
            vertical-align: super;
        }

        .blogcalinn span i {
            font-style: normal;
            display: inline-block;
            font-weight: 500;
            font-size: 14px;
            background-color: #fff;
            color: #2a166f;
            text-transform: uppercase;
            padding: 1px 10px;
            line-height: 17px;
            width: 100%;
            vertical-align: text-top;
            margin: 0;
        }

            .blogcalinn span i.monthinn {
                padding: 1px 8px;
            }

/*.blogmenu {
    float: left;
    padding: 20px 0 0 15px;
    width: 85%;
}*/

.blogmenu {
    /*float: left;*/
    float: left;
    padding: 51px 0 0 15px;
    width: 85%;
}

    .blogmenu ul {
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }

        .blogmenu ul li {
            display: inline-block;
            vertical-align: middle;
        }

            /*.blogmenu ul li a {
                display: inline-block;
                vertical-align: middle;
                background-image: url(/VRLVijayanandTravels/blog_images/blogicon01.png);
                background-repeat: no-repeat;
                background-position: left -309px;
                font-size: 13px;
                color: #fff;
                padding: 0 0 0 20px;
                line-height: 20px;
                margin-right: 0;
            }*/

            .blogmenu ul li a {
                display: inline-block;
                vertical-align: middle;
                background-image: url(/VRLVijayanandTravels/blog_images/blogicon01.png);
                background-repeat: no-repeat;
                background-position: left -309px;
                font-size: 13px;
                color: #191919;
                padding: 0 0 0 20px;
                line-height: 20px;
                margin-right: 0;
            }

                .blogmenu ul li a.blogcomm {
                    background-position: left -489px;
                    padding: 0 0 0 31px;
                }

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

    .blogmenuright span {
        display: inline-block;
        vertical-align: middle;
        font-size: 24px;
        font-weight: 500;
        color: #e31e24;
        padding: 0 6px 0 0;
    }

    .blogmenuright ul li {
        display: inline-block;
        vertical-align: middle;
    }

        .blogmenuright ul li a {
            background-image: none;
            padding: 0 !important;
            margin-right: 2px !important;
        }

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

.blogtitle {
    font-size: 26px;
    font-weight: 600;
    margin: 0;
    color: #3e3e3e;
    line-height: 32px;
    padding: 0;
    height: 64px;
    overflow: hidden;
}

    .blogtitle span {
        display: block;
    }

    .blogtitle i {
        font-style: normal;
        color: #e31e24;
    }

.blogdetail p {
    margin: 0;
    color: #6b6b6b;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.1px;
    float: left;
    padding: 20px 0 0;
    height: 86px;
    overflow: hidden;
}

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

.blogsocial {
    float: left;
    padding: 2px 0 0;
}

    .blogsocial a {
        float: left;
        color: #fff;
        margin-right: 8px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        font-size: 16px;
        text-align: center;
        line-height: 32px;
        background-color: #3b5998;
    }

        .blogsocial a.twit {
            background-color: #1da1f2;
        }

        .blogsocial a.whats {
            background-color: #25d366;
        }

.blogmore {
    float: right;
}

    .blogmore a {
        float: left;
        background-color: #ee3147;
        color: #fff !important;
        font-size: 16px;
        font-weight: 500;
        border-radius: 30px;
        padding: 9px 22px 8px 21px;
    }

        .blogmore a:hover, .blogmore a:focus {
            background-color: #3e3e3e;
            color: #fff;
        }

.blogcontenttop.blogcontenttop02 {
    padding: 0;
    border-bottom: none;
}

.blogcomfortleft {
    /*width: 380px;*/
    /*height: 507px;*/
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    /*border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 15px;*/
    /*border-radius: 20px;*/
}

    .blogcomfortleft .blognone01 {
        width: 380px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        border: 1px solid rgba(0, 0, 0, 0.2);
        padding: 15px;
        border-radius: 20px;
    }

.slick-initialized .slick-slide {
    display: inline-block;
    text-align: center;
}

.blogdetail.blogdetail02 {
    padding: 30px 0 5px;
    text-align: left;
}

.blogcontenbottom.blogcontenbottom02 {
    bottom: -48px;
}

/*.blogmenu.blogmenu02 {
    padding: 0 0 0 15px;
    width: 75%;
}*/

.blogmenu.blogmenu02 {
    /*width: 75%;*/
    width: 67%;
}

.blogcontenttop02 .blogsocialaria {
    padding: 21px 0 0px;
}

.blogcontenttop02 .blogsocial {
    padding: 4px 0 0;
}

.blogcomfortright {
    float: right;
    width: 46.8%;
}

.blogmenuright02 span {
    padding: 0;
}

.blogcontenttop.blogcontenttop03 {
    padding: 40px 0 20px;
}

    .blogcontenttop.blogcontenttop03 .blogcontenbottom {
        bottom: -24px;
    }

    .blogcontenttop.blogcontenttop03 .blogdetail {
        padding: 49px 0 0;
    }

        .blogcontenttop.blogcontenttop03 .blogdetail .blogtitle {
            margin: 0 0 19px;
        }

        .blogcontenttop.blogcontenttop03 .blogdetail p {
            line-height: 24px;
        }

        .blogcontenttop.blogcontenttop03 .blogdetail .blogsocialaria {
            padding: 22px 0 0;
        }

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

.olderpost {
    text-align: center;
}

    .olderpost a {
        text-align: center;
        display: inline-block;
        background-color: #e31e24;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        border-radius: 15px 0 15px 0;
        padding: 12px 51px 13px 20px;
        background-image: url(/VRLVijayanandTravels/blog_images/blogicon01.png);
        background-repeat: no-repeat;
        background-position: 88% -657px;
    }

        .olderpost a:hover, .olderpost a:focus {
            background-color: #2a166f;
        }

.blogsearch {
    width: 100%;
    float: left;
    background-color: #e6e6e6;
    border: 1px solid #c8c8c8;
    border-radius: 30px;
    padding: 3px 4px 3px;
}

    .blogsearch input[type="text"] {
        padding: 10px 10px 10px 28px;
        font-size: 18px;
        border: none;
        float: left;
        width: 90%;
        background: #e6e6e6;
        border-radius: 25px 0 0 25px;
        color: rgba(51,51,51,0.55);
    }

    .blogsearch button {
        float: right;
        width: 41px;
        padding: 0;
        background-color: #2a166f;
        color: transparent;
        font-size: 0;
        border: none;
        border-left: none;
        cursor: pointer;
        border-radius: 50%;
        height: 41px;
        background-image: url(/VRLVijayanandTravels/blog_images/blogicon01.png);
        background-repeat: no-repeat;
        background-position: center 9px;
    }

        .blogsearch button:hover {
            background-color: #e31e24;
        }

        .blogsearch input[type="text"]:focus, .blogsearch button:focus {
            outline-offset: initial;
            outline: none;
        }

.blogcontentright {
    float: right;
    width: 33.6%;
}

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

    .blogpostspart h2 {
        margin: 21px 0 10px;
        font-size: 35px;
        color: #e31e24;
        line-height: normal;
        font-weight: 500;
    }

.blogpostsbox {
    width: 100%;
    float: left;
    padding: 16px 0 21px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin: 0 0 14px;
}

.postsbox {
    width: 110px;
    height: 100px;
    display: inline-block;
    line-height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 0 35px 0 0;
}

/*.postsbox:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 100%;
        top: 0;
        background-color: rgba(227,31,37,0.80);
        -webkit-transition: all ease 300ms;
        -moz-transition: all ease 300ms;
        transition: all ease 300ms;
    }*/

.blogoverlay {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    background-color: rgba(227,31,37,0.80);
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    transition: all ease 300ms;
    border-radius: 0 35px 0 0;
}

.blogpostsbox:hover .blogoverlay {
    width: 100%;
    opacity: 1;
    cursor: pointer;
}

/*.blogpostsbox:hover .postsbox::after {
    width: 100%;
    opacity: 1;
    cursor: pointer;
}*/

.postsbox img {
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: auto;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 0 35px 0 0;
}

.blogpostsdetail {
    display: inline-block;
    vertical-align: top;
    padding: 7px 0 0 17px;
    width: 71%;
}

    .blogpostsdetail span {
        font-size: 14px;
        font-weight: 500;
        color: #808080;
        padding: 0 0 0 22px;
        background-image: url(/VRLVijayanandTravels/blog_images/blogicon01.png);
        background-repeat: no-repeat;
        background-position: left -841px;
    }

        .blogpostsdetail span em {
            vertical-align: super;
            font-size: 9px;
            font-style: normal;
        }

    .blogpostsdetail p {
        color: #2a166f;
        font-size: 18px;
        font-weight: 600;
        margin: 7px 0 0;
        line-height: 22px;
    }

.blogpostsbox:hover .blogpostsdetail p {
    color: #e31e24;
}

/*blog details css*/

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

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

.blogcontentleft.blogdetacontentleft {
    padding: 0 0 35px;
}

.blogdetitle {
    font-size: 35px;
    font-weight: 600;
    margin: -10px 0 0;
    padding: 0;
    color: #2a166f;
    line-height: normal;
}

    .blogdetitle span {
        display: block;
    }

/*.blogmenu ul li a {
    color: #999999;
    font-weight: 600;
}*/

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

    .blogdetamenu ul {
        padding: 0;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }

        .blogdetamenu ul li {
            display: inline-block;
            vertical-align: middle;
            position: relative;
        }

            .blogdetamenu ul li a {
                display: inline-block;
                vertical-align: middle;
                background-image: url(/VRLVijayanandTravels/blog_images/blogicon01.png);
                background-repeat: no-repeat;
                background-position: left -309px;
                font-size: 15px;
                color: #999999;
                font-weight: 600;
                padding: 0 17px 0 26px;
                line-height: normal;
                margin-right: 16px;
                position: relative;
            }

                .blogdetamenu ul li a:after {
                    content: '';
                    position: absolute;
                    top: -6px;
                    right: 0;
                    width: 1px;
                    height: 31px;
                    background-color: rgba(0,0,0,0.10);
                }

                .blogdetamenu ul li a.blogdetacomm {
                    background-position: left -489px;
                    padding: 0 17px 0 31px;
                }

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

    .blogdetamenuright span {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        font-weight: 500;
        color: #e31e24;
        padding: 0 5px 0 2px;
        line-height: 22px;
    }

    .blogdetamenuright ul li {
        display: inline-block;
        vertical-align: middle;
    }

        .blogdetamenuright ul li a {
            background-image: none;
            padding: 0 !important;
            margin-right: 2px !important;
        }

            .blogdetamenuright ul li a:after {
                display: none;
            }

.blogdetacomfort {
    border-radius: 0 50px 0 0;
    float: left;
    width: 100%;
    position: relative;
    margin: 34px 0 0;
}

    .blogdetacomfort img {
        border-radius: 0 50px 0 0;
    }

        .blogdetacomfort img:hover {
            cursor: pointer;
        }

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

    .blogdetcontant p {
        color: #6b6b6b;
        font-size: 16px;
        font-weight: 500;
        margin: 0;
        line-height: 24px;
        text-align: justify;
    }

        .blogdetcontant p i {
            font-style: normal;
            color: #2a166f;
        }

    .blogdetcontant.blogdetcontant02 {
        padding: 36px 0 0;
    }

.blogcontitle {
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 15px;
    padding: 0;
    color: #e31e24;
    line-height: normal;
}

.blogdetcontant p.p02 {
    font-style: italic;
    color: #2a166f;
    margin: 10px 0 0;
}

.blogsocialaria.blogsocialaria02 {
    padding: 36px 0 30px;
    border-bottom: 1px solid rgba(0,0,0,0.10);
}

.blogsocial.blogsocial02 {
    padding: 4px 0 0;
}

.blogdetcontant.blogdetcontant02.blogdetcontant002 {
    padding: 37px 0 0;
}

    .blogdetcontant.blogdetcontant02.blogdetcontant002 p {
        margin: 0 0 11px;
    }

.blogdetcontant.blogdetcontant002 p.para02 {
    margin: 0;
}

.blogmore.blogmore02 a {
    background-color: #e31e24;
    padding: 9px 30px 8px 31px;
}

    .blogmore.blogmore02 a:hover, .blogmore.blogmore02 a:focus {
        background-color: #2a166f;
    }

.blogcomfortparts {
    width: 100%;
    float: left;
    /*display: flex;
    align-items: flex-start;
    gap: 35px;
    justify-content: flex-start;
    flex-wrap: wrap;*/
}

.blogcontenttop02 .panel-body {
    padding: 0;
}

.blogcontenttop02 .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    border: none;
}

.blogicon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.blognone {
    display: none;
}

.blog_box_title {
    padding: 30px 0 20px;
}

.exloreslider {
    display: block !important;
}

.exlorecontent ul li button {
    padding: 10px 20px;
    text-transform: capitalize;
    background-color: var(--button-color);
    border-radius: 40px;
    line-height: 16px;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 500;
    outline: none;
    border: none;
    cursor: pointer;
}

    .exlorecontent ul li button:hover {
        background-color: var(--secondary-color);
        color: var(--pure);
    }

/*****************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_route_vrl .fade:not(.show), .top_route_vrl .modal-backdrop.fade {
    opacity: 1 !important;
}

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

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

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

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

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

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

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

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

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

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

.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(/VRLVijayanandTravels/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;
    }

.amenities_toproute {
    background-color: var(--secondary-color);
    padding: 100px 0 !important;
    background-image: url(/VRLVijayanandTravels/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;
    border-radius: 12px;
}

.faqwrapper_home .filter-drawer__title {
    padding: 0 0 20px;
}


.faq_content_toproute .filter-drawer {
    border-radius: 12px;
    padding: 20px 25px 0px;
}

.faq_content_toproute .filter-drawer__title {
    padding: 0 0 20px;
    font-size: 16px;
}

/*New Top Route Page*/

.top_route_link {
    width: 100%;
    float: left;
    padding: 80px 0 60px;
}

    .top_route_link .toptitle {
        padding: 0 0 35px;
    }

.toproutes_wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 30px 44px;
}

.toproutes_boxes {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    .toproutes_boxes img {
        width: 100%;
    }

    .toproutes_boxes p {
        position: absolute;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        bottom: 20px;
        width: 100%;
        left: 0;
        text-align: center;
        text-transform: capitalize;
    }

    .toproutes_boxes:hover p {
        color: var(--button-color);
    }

/* start media query style*****/


@media only screen and (max-width:1799px) {
    .applicationwrapper:after {
        background-position: 216% -819px;
    }

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

    /*Available Route Page CSS*/

    .availableroutewrapper {
        padding: 0 20px 0;
    }

    /*Carrier Page CSS*/

    .carriersright {
        padding: 125px 16% 0 0;
    }

    /*Partnership Page CSS*/

    .partnersliderleft {
        padding: 70px 0 0 17%;
    }
}

@media only screen and (max-width:1699px) {
    .blog_main_title h1 {
        font-size: 38px;
    }

    .slider_text h1 {
        font-size: 32px;
    }

    .slider_text .slider_heading01 {
        font-size: 32px;
    }

    .carousel .slide .VRL_Banner {
        max-width: 860px;
        top: -10px;
        left: -20px;
    }

    .topheader {
        padding: 26px 0;
    }

    .toptitle h3 {
        font-size: 38px;
        line-height: 48px;
    }

    .toptitle p {
        padding: 8px 0 0 !important;
    }

    .eventpart {
        padding: 112px 0 0;
    }

    .topdestination {
        padding: 100px 0 0;
    }

    .offerdeals {
        padding: 100px 0 0;
    }

    .superbuslider {
        padding: 100px 0 0;
    }

    .choosewrapper {
        margin: 100px 0 0;
    }

    .choosecontent {
        padding: 70px 0 100px;
    }

    .amenitieswrapper {
        padding: 100px 0 0;
    }

    .applicationwrapper {
        margin: 100px 0 0;
    }

        .applicationwrapper:after {
            background-position: 186% -779px;
            background-size: 1300px;
        }

    .exloreindia {
        padding: 100px 0 0;
    }

    .superbusjourney {
        padding: 100px 0 50px;
    }

    .footertravelslink {
        padding: 40px 0 38px;
    }

    /* start media query AvailbleRoutes page style*****/

    .popupblockpart.popupblockpart01 {
        height: 835px;
    }

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

    .seatdeckbook {
        width: max-content;
        gap: 50px;
        padding: 15px 40px 10px;
    }

    .seatindicator {
        padding: 50px 30px 33px;
    }

    /*.lowerdeckchart, .upperdeckchart {
        width: 100%;
    }

    .seatchartwo {
        float: left;
        padding: 20px 0 0;
    }*/

    .sortbytype {
        gap: 75px;
    }

    .routedateslider::before {
        left: 35px;
        top: 29px;
    }

    /***** About Us*****/

    .aboutsuperlogo img {
        max-width: 380px;
    }

    .easemytripwrapbook {
        padding: 90px 0 18px;
    }

    /***** Carrier *****/

    .carriersright {
        padding: 125px 14% 0 0;
    }

        .carriersright h1 {
            font-size: 48px;
            line-height: 53px;
        }

    .cstmrsuccesstop h2 {
        font-size: 38px;
    }

    .carrierwork {
        padding: 70px 0 90px;
    }

    .carrierteam {
        margin: 90px 0 0;
    }

    .customerpartwrap {
        padding: 90px 0 90px;
    }

    /***** Carrier Application *****/

    .carrierappsliderpart h2 {
        font-size: 46px;
        line-height: 51px;
    }

    .carrierappsliderpart:after {
        min-height: 276px;
        background-size: 526px;
        background-position: right -1198px;
        width: 505px;
    }

    .carrierappaboutsec h2 {
        font-size: 38px;
        line-height: 45px;
    }

    .carrierappapplypart h2 {
        font-size: 38px;
        line-height: 45px;
        padding: 0 0 30px;
    }

    .carrierappapplybox p {
        padding: 0 0 35px;
    }

    .carrierappapply {
        padding: 60px 0 90px;
    }

    .carrierapproles {
        padding: 68px 0 80px;
    }

    .rolesbox h1 {
        font-size: 38px;
        line-height: 42px;
    }

    /*Partnership Page CSS*/

    .partnersliderleft {
        padding: 70px 0 0 14%;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 100px 0 78px;
    }

    .emtsection p {
        padding: 80px 0;
    }

    .emtsection {
        padding: 80px 0 0;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 38px;
        line-height: 48px;
    }

    .top_routes_textbox p {
        font-size: 19px;
    }

    .top_routes_textbox ul li {
        font-size: 22px;
        line-height: 28px;
    }

        .top_routes_textbox ul li p {
            font-size: 18px;
            line-height: 24px;
        }
}

@media only screen and (max-width:1599px) {
    .blog_main_title h1 {
        font-size: 36px;
    }

    .blogwrapper {
        padding: 0 0 70px;
    }

    .faqwrapper.faqwrapper_home {
        padding: 90px 0 0;
    }

    .slider_text h1 {
        font-size: 29px;
    }

    .slider_text .slider_heading01 {
        font-size: 29px;
    }

    .carousel .slide .VRL_Banner {
        left: 0px;
        max-width: 840px;
    }

    .carousel .slide .sliderpopup {
        max-width: 730px;
    }

    .indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        max-width: 80% !important;
    }

    .carousel-caption {
        top: 4% !important;
    }

    /*.sliderwrapper {
        padding: 30px 0 0;
    }*/

    .sliderwrapper ul li img {
        max-width: 840px;
        width: 100%;
    }

    .topdestination {
        padding: 90px 0 0;
    }

    .eventpart {
        padding: 95px 0 0;
    }

    .citywraper {
        padding: 95px 0 0;
    }

    .offerdeals {
        padding: 90px 0 0;
    }

    .superbuslider {
        padding: 90px 0 0;
    }

    .amenitieswrapper {
        padding: 90px 0 0;
    }

    .applicationwrapper {
        margin: 95px 0 0;
    }

        .applicationwrapper:after {
            background-position: 196% -739px;
            background-size: 1240px;
        }

    .qrgicon {
        padding: 51px 0 0;
    }

    .exloreindia {
        padding: 90px 0 0;
    }

    .superbusjourney {
        padding: 95px 0 50px;
    }

    .superbuslogo {
        padding: 0 0 80px;
    }

    .qrdetails .toptitle h3 {
        padding: 0;
    }

    .toptitle h3 {
        font-size: 36px;
        line-height: 45px !important;
    }

    .appsection {
        padding: 30px 0 0;
    }

    .qrcontent {
        padding: 25px 0 0;
    }

    /* start media query AvailbleRoutes page style*****/

    .popupblockpart.popupblockpart01 {
        height: 841px;
    }

    .seatindicator {
        padding: 60px 30px 33px;
    }

    .sortbytype {
        gap: 65px;
    }


    .bookingdeatails {
        width: 38%;
        float: right;
    }

    .busfacilitiestab .tab-pane {
        padding: 20px 0 0;
    }

    .routepoint {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .boardingpointchart {
        width: 80%;
    }

    .droppingpointchart {
        width: 80%;
    }

    .bookingservicedetails, .bookingfairdetails {
        width: 80%;
    }

    .bookingservicefair {
        flex-wrap: wrap;
        gap: 10px 0;
    }

    .popupblockpart.popupblockpart01 {
        width: 73%;
    }

    .busnametype {
        width: 44%;
    }

    /* end media query AvailbleRoutes page style*****/

    /***** About Us*****/

    .aboutwraper {
        padding: 75px 0 0;
    }

    .aboutus_page_title {
        font-size: 38px;
    }

    .aboutarea {
        padding: 40px 0 0;
    }

    .presshonour {
        padding: 64px 0 32px;
        margin: 0 0 48px;
    }

    .honour-slide h3 {
        font-size: 38px;
        line-height: 46px;
    }

    .journey_detail_popup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        width: 80%;
    }

    /***** Carrier *****/

    .carriersright {
        padding: 125px 11% 0 0;
    }

        .carriersright h1 {
            font-size: 46px;
            line-height: 51px;
        }

    .cstmrsuccesstop h2 {
        font-size: 36px;
    }

    /*Partnership Page CSS*/

    .partnersliderleft {
        padding: 50px 0 0 12%;
    }

    .partnersliderbus {
        width: 758px;
        height: 472px;
        background-size: 770px;
    }

    .partnershipslider:after {
        height: 488px;
    }

    .collabspart {
        padding: 60px 0 0;
    }

    .supercollab {
        padding: 90px 0 0;
    }

    .supercollabslide .owl-nav {
        top: -106px;
    }

    .carrierappapply {
        padding: 60px 0 80px;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 36px;
        line-height: 45px;
    }

    .top_routes_choice {
        padding: 90px 0;
    }

    .amenities_toproute {
        padding: 90px 0 !important;
    }

    .top_routes_faq {
        padding: 90px 0 0;
    }

    .faq_content_toproute {
        padding: 25px 0 0;
    }
}

@media only screen and (max-width:1499px) {
    .slider_text h1 {
        font-size: 32px;
    }

    .slider_text .slider_heading01 {
        font-size: 32px;
    }

    .slider_text {
        width: 45%;
    }

    .slider_content {
        top: 60px;
    }

    .carousel .slide .VRL_Banner {
        max-width: 800px;
        top: 0px;
        left: 20px;
    }

    .carousel .slide .sliderpopup {
        max-width: 720px;
    }

    .captionpart h2 {
        font-size: 30px;
        padding: 0 0 0 0;
    }

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

    .headermenu {
        padding: 0 50px 0 0;
    }

        .headermenu nav ul li {
            margin: 0 0 0 50px;
        }

    .sliderwrapper ul li img {
        max-width: 810px;
    }

    .captionpart h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .captionpart p {
        padding: 10px 0 0;
        font-size: 19px;
    }

    .slidercontent {
        width: 30%;
    }

    .slideroffer {
        padding: 22px 0 0 24px;
    }

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

    /*.bookingwrapper {
        margin: -53px 0 0;
    }*/

    .bookingwrapper h2 {
        font-size: 29px;
        line-height: 37px;
        padding: 0 0 15px;
    }

    .bookingform {
        padding: 28px 0 33px;
    }

    .citywraper {
        padding: 90px 0 0;
    }

    .topdestination {
        padding: 80px 0 0;
    }

    .toptitle h3 {
        font-size: 34px;
        line-height: 44px !important;
    }

    .toptitle p {
        padding: 7px 0 0 !important;
    }

    .superbuslider {
        padding: 80px 0 0;
    }

    .choosewrapper {
        margin: 90px 0 0;
    }

    .choosecontent {
        padding: 70px 0 90px;
    }

    .amenitieswrapper {
        padding: 80px 0 0;
    }

    .applicationwrapper {
        margin: 90px 0 0;
    }

        .applicationwrapper:after {
            background-position: 198% -649px;
            background-size: 1160px;
        }

    .qrdetails {
        padding: 28px 0 0;
    }

    .exloreindia {
        padding: 80px 0 0;
    }

    .superbusjourney {
        padding: 85px 0 45px;
    }

    .superbuslogo {
        padding: 0 0 75px;
    }

    .banner_modal .modal-dialog {
        margin: 0 auto;
    }

    .customerinfo {
        width: 24%;
    }

    #activate-menu ul {
        padding: 70px 80px 0 30px;
    }

        #activate-menu ul li {
            margin-bottom: 18px;
        }


    /* start media query AvailbleRoutes page style*****/

    .popupblockpart.popupblockpart01 {
        height: 825px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 320px;
        }

    .busroutetimetable {
        gap: 60px;
    }

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

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

    .seatindicator {
        width: max-content;
    }

    .busroutemhead {
        font-size: 15px;
    }

    .sortbytype {
        gap: 60px;
    }

    .busroutetab {
        font-size: 15px;
    }

    .routedateslider::before {
        left: 25px;
        top: 23px;
    }

    .bustiming {
        width: 61%;
    }

    .busfairdetails {
        width: 23%;
    }

    .modifycity {
        width: 44%;
    }

    .busnametype {
        width: 37%;
    }

    .busroutedatatime {
        width: 60%;
    }

    .routeleftside {
        width: 26%;
        padding: 20px 10px 60px;
    }

    .routerightside {
        width: 74%;
    }

    .routerightcontent {
        padding: 0 0 0 15px;
    }

    .busroutetimetable .boldlabel {
        font-size: 20px;
    }

    .busroutetimetable .lighttext {
        font-size: 14px;
    }

    .busfairdetails span {
        font-size: 20px;
    }

        .busfairdetails span i {
            font-size: 17px;
        }

    .bookingdeatails {
        width: 38%;
        float: right;
    }

    .pg_gateway img {
        max-width: 540px;
    }

    .popupblockpart.popupblockpart01 .sprtabbing p {
        font-size: 15px;
        flex-basis: 70%;
    }
    /* end media query AvailbleRoutes page style*****/

    /***** About Us*****/

    .aboutus_page_title {
        font-size: 36px;
    }

    .aboutsuperlogo img {
        max-width: 360px;
    }

    /*Bus Charter*/

    .bushireconfirmpopup h3 {
        font-size: 27px;
    }

    /*My Profile*/

    .bookingticketbtn {
        width: 75%;
    }

    /*  Cancel Details */

    .cancelticketfare {
        padding: 60px 0 55px;
    }

    /***** Carrier *****/

    .carriersright {
        padding: 100px 8% 0 0;
    }

        .carriersright h1 {
            font-size: 44px;
            line-height: 50px;
        }

        .carriersright a {
            padding: 14px 28px 13px;
        }

    .cstmrsuccesstop h2 {
        font-size: 34px;
    }

    .carrierslider {
        height: 480px;
    }

        .carrierslider:before {
            width: 700px;
            height: 480px;
            background-size: 700px;
        }

    .carriersliderpart img {
        width: 100%;
        max-width: 800px;
    }

    /***** Carrier Application *****/

    .carrierappsliderpart {
        padding: 40px 0 40px 70px;
    }

        .carrierappsliderpart h2 {
            font-size: 42px;
            line-height: 47px;
        }

        .carrierappsliderpart:after {
            min-height: 262px;
            background-size: 500px;
            background-position: right -1118px;
            width: 485px;
        }

    .carrierappaboutsec h2 {
        font-size: 36px;
        line-height: 43px;
    }

    .carrierappaboutleft h3 {
        font-size: 22px;
    }

    .carrieraboutcontent p {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: inherit;
    }

    .carrierappaboutright p {
        font-size: 22px;
        line-height: 28px;
        padding: 18px 0 0;
        letter-spacing: inherit;
    }

    .carrierappaboutleft.carrierappaboutright h3 {
        padding: 0 0 10px;
    }

    .carrierappapplypart h2 {
        font-size: 36px;
        line-height: 42px;
    }

    .rolesbox h1 {
        font-size: 34px;
        line-height: 40px;
    }

    .rolesapply a {
        padding: 14px 50px 13px;
    }

    .roles-slide p {
        padding: 10px 0 0;
        font-size: 19px;
    }

    /***** Partnership *****/

    .partnersliderbus {
        width: 668px;
        height: 415px;
        background-size: 680px;
    }

    .partnersliderleft {
        padding: 30px 0 0 9%;
    }

        .partnersliderleft h1 {
            font-size: 46px;
            line-height: 52px;
        }

        .partnersliderleft a {
            padding: 14px 40px 13px;
        }

    .partnershipslider:after {
        height: auto;
        background-size: 310px 780px;
        background-position: right -350px;
        min-height: -webkit-fill-available;
    }

    /*Top Bus Route*/

    .toptitle h2, .toptitle h1 {
        font-size: 34px;
        line-height: 44px;
    }

    .top_routes_textbox ul li {
        font-size: 20px;
        line-height: 26px;
    }

        .top_routes_textbox ul li p {
            font-size: 17px;
            line-height: 23px;
            padding: 3px 0 0;
        }

    .top_routes_textbox p {
        font-size: 17px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 1469px) {
    /*.bannerblog {
        min-height: 310px;
    }*/

    /*.slidertop.slidertopblog:before {
        height: 65%;
        bottom: -55px;
        left: 25px;
    }

    .slidertop.slidertopblog:after {
        width: 10%;
        bottom: 70px;
    }*/

    .blogdetitle {
        font-size: 28px;
        margin: 0;
    }
}

@media only screen and (max-width:1399px) {
    .blog_main_title h1 {
        font-size: 34px;
    }

    .blogwrapper {
        padding: 0 0 60px;
    }

    .faqwrapper.faqwrapper_home {
        padding: 80px 0 0;
    }

    .carousel .slide .VRL_Banner {
        max-width: 790px;
        top: -11px;
    }

    .carousel .slide .sliderpopup {
        max-width: 660px;
    }

    .carousel .slide img {
        max-width: 690px;
    }

    .indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        max-width: 90% !important;
    }

    .topheader {
        padding: 10px 0;
    }

    /*.sliderwrapper {
        height: 427px;
        padding: 20px 0 0;
        background-size: 750px;
    }

        .sliderwrapper ul li img {
            max-width: 800px;
        }*/

    .slider_text h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .slider_text .slider_heading01 {
        font-size: 32px;
        line-height: 38px;
    }

    .slider_text {
        width: 50%;
    }

    /*.slider_content {
        top: 90px;
    }*/

    .captionpart {
        float: left;
        padding: 0 0 0 20px;
    }

        .captionpart h1 {
            font-size: 43px;
            line-height: 50px;
        }

    .eventpart {
        padding: 90px 0 0;
    }

    .routetabpart p {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 1px;
    }

    .collapsibleroute .routestitle {
        font-size: 20px;
    }

    .bookingform {
        padding: 18px 0;
    }

    .rightheader {
        padding: 15px 0 0;
    }

    .routedropcity ul {
        height: 121px;
    }

    .routedropcity label {
        font-size: 20px;
    }

    .routestitle2 {
        font-size: 20px;
        background-position: right -9769px;
        background-size: 46px;
    }

    .applicationwrapper {
        margin: 85px 0 0;
    }

        .applicationwrapper:after {
            background-position: 193% -539px;
            background-size: 1040px;
        }

    .topdestination {
        padding: 75px 0 0;
    }

    .offerdeals {
        padding: 85px 0 0;
    }

    .citywraper {
        padding: 85px 0 0;
    }

    .chooseusfacility::after {
        height: 1019px;
        background-size: 1620px;
    }

    .superbuslider {
        padding: 75px 0 0;
    }

    .choosewrapper {
        margin: 85px 0 0;
    }

    .choosecontent {
        padding: 70px 0 85px;
    }

    .chooseusrow {
        padding: 52px 0 0;
    }

    .amenitieswrapper {
        padding: 75px 0 0;
    }

    .toptitle h3 {
        font-size: 32px;
        line-height: 42px !important;
    }

    .qrwrapper {
        padding: 48px 0 59px;
    }

    .qrdetails {
        padding: 0;
    }

    .appsection {
        padding: 34px 0 0;
    }

    .exloreindia {
        padding: 75px 0 0;
    }

    .superbusjourney {
        padding: 80px 0 40px;
    }

    .superbuslogo {
        padding: 0 0 70px;
    }

        .superbuslogo img {
            width: 100%;
            max-width: 300px;
        }

    .journeycontent svg {
        width: 440px;
    }

    .journeycontent p {
        font-size: 34px;
    }

    .footertoppart {
        padding: 190px 0 75px;
    }


    #activator {
        top: 22px;
        right: 10px;
    }

    #activate-menu {
        right: -45%;
        width: 400px;
    }

        #activate-menu ul {
            padding: 60px 40px 0 20px;
        }

            #activate-menu ul li {
                margin-bottom: 20px;
            }

                #activate-menu ul li a {
                    font-size: 15px;
                    padding: 10px 0px 10px 20px;
                }

    /* start media query AvailbleRoutes page style*****/

    .buscountnumber p.buscountaddroute {
        padding: 13px 20px 13px;
    }

    .buscountnumber p {
        font-size: 17px;
    }

    .available_discounts h4 {
        padding: 20px 6px 14px;
    }

    .seatdeckbook {
        gap: 30px;
    }

    .busboldlabel {
        font-size: 15px;
    }

    .busnametype {
        width: 38%;
    }

    .bookingdbseat {
        padding: 40px 30px 60px;
    }

    .bookingdbmain {
        padding: 15px 30px;
    }

    .bookingroutenm {
        padding: 40px 30px 50px;
    }

    .bookingdbseat {
        padding: 40px 30px 60px;
    }

    .bookingdbinr {
        padding: 25px 30px 0;
    }

    .busroutemhead {
        width: 13%;
    }

    .busroutetab {
        width: 84%;
        float: right;
    }

    .sortbytype {
        gap: 42px;
        width: 89%;
        justify-content: space-between;
    }

        .sortbytype p {
            font-size: 15px;
        }

    .bustiming {
        gap: 15px;
        width: 84%;
    }

    .busroutedatatime {
        width: 61%;
    }

    .modifycity {
        width: 50%;
    }

    .modifydate {
        width: 30%;
    }

    .modifybutton {
        width: 20%;
    }

    .modifyincontent {
        font-size: 16px;
        text-align: center;
        float: left;
        width: 100%;
        padding: 17px 0 0;
    }

    .tabreview .rattinglabel {
        padding: 0;
    }

    .busroutetimetable {
        padding: 20px 30px 0;
    }

    .routebuscount {
        padding: 60px 0 0;
    }

    .routedateslider::before {
        left: 23px;
        top: 22px;
        background-size: 150px;
        width: 150px;
        height: 39px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        gap: 20px;
    }

    .modifyamenities {
        padding: 0 30px;
    }

    .busfacilitiestab .nav-tabs {
        padding: 6px 30px 0 20px;
    }

        .busfacilitiestab .nav-tabs .nav-link {
            font-size: 15px;
            padding: 0 11px;
        }

    .buslighttext {
        font-size: 15px;
    }

    .seatpricefilter {
        padding: 11px 30px;
    }

    .seatdeckbook {
        padding: 15px 30px 10px;
    }

    .connecting_route_main {
        padding: 0px 40px 0;
    }

    .bookingbdtime {
        font-size: 15px;
    }

    .bookingcontinue button {
        padding: 12px 40px;
    }

    .modifyswapcity {
        top: 0;
    }

    .modifyinputpart label {
        font-size: 15px;
    }

    .seatindicator {
        padding: 50px 40px 33px;
    }

    .popupblockpart.popupblockpart01 {
        width: 85%;
    }

    .routeleftside {
        padding: 15px 15px 20px;
    }

        .routeleftside h5 {
            padding: 0 0 10px;
        }

    .filtertitle {
        font-size: 16px;
        padding: 15px 0;
    }


    .routepickupcheckbox.routepickupcheckbox_amenities p {
        font-size: 14px;
    }

    .busdetails {
        padding: 12px;
    }

    .bustypedetails label {
        font-size: 18px;
    }

    .busroutedetails {
        padding: 15px 0 0;
    }

    .busroutevialist {
        padding: 10px 10px;
    }

        .busroutevialist span {
            font-size: 16px;
        }

    .busroutetimetable .boldlabel {
        font-size: 18px;
    }

    .busseatleft {
        font-size: 18px;
    }

    .rattinglabel {
        padding: 2px 10px 2px;
        font-size: 16px;
    }

        .rattinglabel i {
            font-size: 13px;
        }

    .bustime.busroutearrow {
        padding: 12px 15px 0;
    }

    .busroutevialist {
        width: 100%;
    }

        .busroutevialist span {
            width: 4%;
        }

    .customerinfowrapper {
        padding: 10px 10px 0;
    }

        .customerinfowrapper .customerinfotitle {
            font-size: 20px;
        }

        .customerinfowrapper .customer-route-time {
            padding: 0;
            font-size: 15px;
        }

    .customerinfohead {
        padding: 0 0 15px;
    }

    .passengertitle {
        font-size: 19px;
        padding: 0 0 10px;
    }

    .passengernumber {
        padding: 0 0 15px;
    }

    .passengertitle.hotdealbox label {
        font-size: 16px;
    }

    .passengerbox.terms_conditions {
        padding: 10px 15px;
    }

    .journeydetails {
        padding: 0 15px 10px;
    }

    .journeysubtitle {
        padding: 15px;
        font-size: 16px;
    }

    .journeydate {
        padding: 0 10px 0 0;
    }

        .journeydate label {
            font-size: 14px;
        }

    .faredetails.farediscount label {
        padding: 10px 0 6px;
        font-size: 16px;
    }

    .journeytitle {
        font-size: 17px;
        padding: 6px 15px;
    }

    .faredetails p {
        font-size: 14px;
    }

    .bookingconfirmbtn {
        padding: 15px 0 20px;
    }

    .faredetails label {
        font-size: 14px;
    }

    .passengerfillbox input {
        font-size: 14px;
    }

    /* end media query AvailbleRoutes page style*****/

    /*ModifyTicket css*/

    .modify_popup_main .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        width: 100%;
    }

    .modify_popup_main .css-qfz70r-MuiFormGroup-root {
        padding: 15px 0 20px;
    }

    .modifyarticledetails {
        padding: 25px 0 0;
    }

        .modifyarticledetails table thead tr th {
            padding: 10px 0px;
        }

        .modifyarticledetails table tbody tr td {
            padding: 15px 0px;
        }

    .partialdata {
        width: 90%;
        margin: 30px auto 0;
    }

    .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
        padding: 5px;
    }

    .modifydetailsinput.modifydetailscancelbutton {
        padding: 30px 0 0;
        margin: 35px 0 0px;
        gap: 20px;
    }

        .modifydetailsinput.modifydetailscancelbutton button {
            font-size: 15px;
            padding: 10px 30px;
        }
    /*ModifyTicket css*/

    /* ****** My Profile Start ****** */

    .profilewrapper {
        padding: 60px 50px 40px;
    }

    .profileblock .profiletabpart {
        padding: 0 0 0 50px;
    }

    .profileupcoming .noroute {
        padding: 40px 30px 0 0;
    }

    .profileleftside {
        padding: 0;
    }

    .profilemainh {
        padding: 0 0 20px;
    }

    .profileupcoming {
        padding: 30px 0 0;
    }

    .bookingmainprofile .bookingmainarea {
        margin: 25px 0 0px !important;
        padding: 40px 40px 45px;
    }

    .bookingmainprofile .profile-heading {
        font-size: 40px;
        padding: 0;
    }

    .profileinfopage {
        padding: 20px 30px 0 0;
    }

    .profileinfo {
        padding: 40px;
    }

    .psngrpersinfo {
        padding: 40px;
        margin: 35px 0 0;
    }

    .viewupcoming {
        padding: 0;
    }

    .profileinfosave {
        padding: 5px 0 0;
    }

    .profileupcoming .bookingticketbtn {
        width: 82%;
    }

    /* ****** My Profile End ****** */

    /* ****** Bus Charter ****** */

    .bushireconfirmpopup {
        padding: 25px 60px 25px;
    }

    /***** Carrier *****/

    .carriersright {
        padding: 80px 6% 0 0;
    }

        .carriersright h1 {
            font-size: 42px;
            line-height: 48px;
        }

    .carriersliderpart img {
        max-width: 740px;
    }

    .carrierslider {
        height: 450px;
    }

        .carrierslider:before {
            height: 450px;
        }

    .carrierworkbox {
        padding: 60px 0 0;
    }

    .carrierwork {
        padding: 70px 0 80px;
    }

    .carrierteam {
        margin: 80px 0 0;
    }

    .carrierteampart h3 {
        font-size: 28px;
        line-height: 34px;
        padding: 0;
    }

    .customerpartwrap {
        padding: 80px 0 80px;
    }

    .cstmrsuccesstop h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .cstmrsuccesstop span {
        font-size: 17px;
        padding: 6px 0 0;
    }

    .carrierapplybtn a {
        padding: 13px 50px 12px;
    }

    .cstmrsuccessbtm p {
        font-weight: 500;
        letter-spacing: inherit;
        font-size: 19px;
    }

    /***** Partnership *****/

    .partnersliderbus {
        width: 628px;
        height: 390px;
        background-size: 640px;
    }

    .partnersliderleft h1 {
        font-size: 42px;
        line-height: 50px;
    }

    .partnersliderleft {
        padding: 20px 0 0 7%;
    }

    .partnershipslider:before {
        left: 50px;
        bottom: 35px;
        width: 600px;
        height: 27px;
        background-size: 600px;
    }

    .collabspart {
        padding: 50px 0 0;
    }

    .supercollab {
        padding: 80px 0 0;
    }

    .carrierappapply {
        padding: 60px 0 75px;
    }

    /* EMT Desktop */

    .emtbutton a {
        font-size: 28px;
        padding: 10px 70px;
    }

    .emtbutton .emtagreebtn {
        padding: 10px 70px;
    }

    .emtcont img {
        width: 100%;
        max-width: 300px;
    }

    /*Top Bus Route*/

    .top_route_link {
        padding: 70px 0 50px;
    }

    .toptitle h2, .toptitle h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .top_routes_textbox {
        padding: 55px 0 0;
    }

        .top_routes_textbox ul li {
            font-size: 19px;
            line-height: 25px;
        }

        .top_routes_textbox ul li {
            padding: 5px 0 5px;
        }

    .top_routes_choice {
        padding: 80px 0;
    }

    .amenities_toproute {
        padding: 80px 0 !important;
    }

    .top_routes_faq {
        padding: 80px 0 0;
    }

    .faq_content_toproute {
        padding: 20px 0 0;
    }
}

@media only screen and (max-width:1339px) {
    /*.banner_modal .modal-dialog {
        width: 1310px !important;
    }*/

    .customerinfo {
        width: 25%;
    }

    .customersaving {
        padding: 40px 0 0 80px;
    }

    /* start media query AvailbleRoutes page style*****/

    .routeleftside {
        width: 29%;
    }

    .routerightside {
        width: 71%;
    }

    .busroutevialist span {
        width: 5%;
    }

    .busroutevialist .vialist {
        width: 95%;
    }

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

    .lowerdeckchart, .upperdeckchart {
        width: auto;
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

    .bookingdeatails {
        width: 100%;
        float: right;
        padding: 20px 0 0;
    }

    .routepoint {
        flex-wrap: nowrap;
        gap: 10px 10px;
    }

    .bookingservicefair {
        flex-wrap: nowrap;
        gap: 10px 10px;
        display: flex;
    }

    .boardingpointchart {
        width: 48%;
        display: inline-block;
        float: none;
    }

    .droppingpointchart {
        width: 48%;
        margin: 0;
    }

    .bookingservicedetails, .bookingfairdetails {
        width: 48%;
        float: left;
    }

    .bookingservicedetails, .bookingfairdetails {
        width: 48%;
        margin: 0;
    }

    .bookingservicebox.fairdetailsbox {
        margin: 0;
    }

    /* end media query AvailbleRoutes page style*****/
}

@media only screen and (max-width:1309px) {
    .carousel .slide .VRL_Banner {
        max-width: 730px;
        top: 0px;
        left: 22px;
    }

    .carousel .slide .sliderpopup {
        max-width: 640px;
    }

    .slideroffer .offer-slide img {
        max-width: 315px;
    }

    /*.sliderwrapper {
        height: 469px;
        background-size: 730px;
    }

        .sliderwrapper ul li img {
            max-width: 770px;
        }*/

    .sliderwrapper {
        background-position: 92% -25px;
    }

    .slider_text h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .slider_text .slider_heading01 {
        font-size: 30px;
        line-height: 36px;
    }

    .slider_text_btm p {
        font-size: 44px;
        line-height: 52px;
    }

    .slider_iframe {
        right: -37px;
        top: -11px;
    }

        .slider_iframe iframe {
            width: 260px;
            height: 130px;
        }

    .bookingwrapper h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .eventpart {
        padding: 85px 0 0;
    }

    .topdestination {
        padding: 70px 0 0;
    }

    .offerdeals {
        padding: 75px 0 0;
    }

    .citywraper {
        padding: 80px 0 0;
    }

    .superbuslider {
        padding: 65px 0 0;
    }

    .superbusbox {
        width: 500px;
        height: 388px;
        padding: 50px 0 0 60px;
        background-size: 500px;
    }

    .choosewrapper {
        margin: 75px 0 0;
    }

    .choosecontent {
        padding: 65px 0 80px;
    }

    .chooseusfacility::after {
        height: 964px;
        background-size: 1530px;
    }

    .amenitieswrapper {
        padding: 70px 0 0;
    }

    .amenitiesrow {
        padding: 45px 0 0;
    }

    .applicationwrapper {
        margin: 80px 0 0;
    }

        .applicationwrapper:after {
            background-position: 150% -499px;
            background-size: 950px;
        }

    .exloreindia {
        padding: 65px 0 0;
    }

        .exloreindia .slick-prev, .exloreindia .slick-next {
            top: -95px;
        }

    .superbusjourney {
        padding: 75px 0 35px;
    }

    .superbuslogo img {
        max-width: 280px;
    }

    .journeycontent::after {
        right: 40px;
        width: 410px;
        height: 18px;
        background-size: 410px;
        top: 6px;
    }

    .journeycontent::before {
        left: 40px;
        width: 410px;
        height: 18px;
        background-size: 410px;
        top: 6px;
    }

    .superbuslogo {
        padding: 0 0 65px;
    }

    /* start media query AvailbleRoutes page style*****/

    .popupblockpart.popupblockpart01 {
        height: 813px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 310px;
        }

    .pg_gateway img {
        max-width: 494px;
    }

    .busfacilitiestab .nav-tabs .nav-link {
        font-size: 14px;
    }

    .busroutetab {
        width: 85%;
    }

    .sortbytype {
        gap: 27px;
        width: 88%;
    }

    .bustiming {
        width: 100%;
    }

    .busroutedatatime {
        width: 64%;
    }

    .bookingmainprofile .bookingroutedetails {
        width: 66%;
    }

    /* end media query AvailbleRoutes page style*****/

    /* ****** My Profile Start ****** */

    .bookingticketbtn p {
        padding: 0 52px 0 30px;
    }

    .profiletravelicon p img {
        max-width: 190px;
    }

    .profilepsngr {
        top: 77px;
    }

    .profileblock .profilemenu {
        padding: 170px 0 0;
        width: 22%;
    }

    .profileblock .profiletabpart {
        padding: 0 0 0 45px;
    }

    .profiletravel {
        padding: 40px;
        margin: 35px 0 0 !important;
        gap: 0;
        justify-content: space-between;
        height: 400px;
    }

    .profiletravelicon a img {
        max-width: 200px;
    }

    .profilenotification {
        padding: 40px 30px 30px 30px;
    }

    .profileupcoming .bookingticketbtn {
        padding: 8px 0 0;
    }

    .profileupcoming .bookingticketbtn {
        width: 83%;
    }

    .bookingticketbtn .mybookterms {
        padding: 0 0 0 30px !important;
    }

    .profileupcoming .bookingdwnticket a {
        padding: 13px 30px 12px;
    }

    /* ****** My Profile End ****** */

    /***** About Us*****/

    .aboutwraper {
        padding: 70px 0 0;
    }

    .aboutus_page_title {
        font-size: 34px;
    }

    .aboutcontent p {
        font-size: 19px;
        line-height: 27px;
    }

    .aboutrightpart p {
        font-size: 19px;
    }

    .mainpioneers {
        padding: 70px 0 0;
    }

    .aboutsuperlogo img {
        max-width: 340px;
    }

    .honourpart .aboutus_page_title {
        padding: 6px 0 7px;
    }

    .honour-slide h3 {
        font-size: 34px;
        line-height: 42px;
    }

    /*Bus Charter*/

    .bushireconfirmpopup {
        padding: 25px 40px 25px;
    }

    /* Reschedule Ticket */

    .reschedulepart {
        width: 90%;
    }

    .ticketreschedule {
        width: 64%;
    }

    /* Carrier Page */

    .carrierslider {
        height: 420px;
    }

        .carrierslider:before {
            width: 675px;
            height: 420px;
            background-size: 670px;
        }

    .carriersright {
        padding: 60px 3% 0 0;
    }

        .carriersright h1 {
            font-size: 40px;
            line-height: 45px;
        }

    .carriersliderpart img {
        max-width: 700px;
    }

    .carrierteampart h3 {
        font-size: 26px;
        line-height: 33px;
    }

    .carrierteam {
        background-size: cover;
        min-height: 10px;
    }

    .carrierteampart {
        padding: 80px 0;
    }

    /* Carrier Page */

    .partnersliderleft {
        padding: 20px 0 0 4%;
    }

        .partnersliderleft h1 {
            font-size: 40px;
            line-height: 48px;
        }

    .supercollabslide {
        padding: 35px 15px 0;
    }

    /*Thank You*/

    .thanksbox h3 {
        font-size: 26px;
        line-height: 34px;
    }

    .thanksbox img {
        width: 100%;
        max-width: 130px;
    }

    /*Top Bus Route*/

    .top_routes_wrapper {
        padding: 15px 0 0;
    }

    .top_routes_textbox {
        padding: 50px 0 0;
    }

    .top_routes_box h3 {
        font-size: 19px;
        line-height: 27px;
    }

    .top_pune {
        background-position: 92% -25px;
    }

    .top_mumbai {
        background-position: 92% -25px;
    }

    .top_mangalore {
        background-position: 92% -25px;
    }

    .top_hyderabad {
        background-position: 92% -25px;
    }

    .top_goa {
        background-position: 92% -25px;
    }

    .top_ahmedabad {
        background-position: 92% -25px;
    }

    .top_shirdi {
        background-position: 92% -25px;
    }

    .top_nagpur {
        background-position: 92% -25px;
    }

    .top_mysore {
        background-position: 92% -25px;
    }

    .top_indore {
        background-position: 92% -25px;
    }

    /*Blog New*/

    .slider-text-bg.blogtext .bannertitle {
        padding: 0px 0 0 51px;
        font-size: 97px;
        line-height: 54px;
    }

    .blogcomfortleft {
        width: 370px;
        /*height: 496px;*/
    }

        .blogcomfortleft .blognone01 {
            width: 370px;
        }

    body .blogcontent .container {
        padding: 0 10px;
    }

    /*.slidertop.slidertopblog:before {
        height: 45%;
        bottom: -35px;
    }*/

    .slider-text-bg.blogtext {
        top: 40px;
    }

    .blogcontent {
        padding: 110px 0 0;
    }

    .blogtitle {
        font-size: 22px;
        line-height: 28px;
    }

    .blogdetail p {
        font-size: 15px;
        line-height: 22px;
    }

    .blogcontentright {
        width: 35%;
    }

    .blogcal {
        margin: 0 0 0 15px;
    }

    .blogcalinn {
        border-radius: 0 25px 0 0;
        height: 76px;
        width: 55px;
    }

        .blogcalinn span {
            font-size: 18px;
            line-height: normal;
        }

            .blogcalinn span i {
                font-size: 13px;
                padding: 1px 6px;
                line-height: normal;
            }

                .blogcalinn span i.monthinn {
                    padding: 1px 5px;
                }

    .blogmenuright ul li a {
        line-height: 22px;
        font-size: 14px;
    }

    .blogmenu {
        width: 87%;
    }
}

@media only screen and (max-width: 1299px) {
    .slidertop.slidertopblog {
        margin: -6px 0 0;
    }

    .superbusarea .owl-carousel.owl-drag .owl-item {
        text-align: center;
    }
}

@media only screen and (max-width:1229px) {
    .journeycontent svg {
        width: 380px;
    }

    .blog_main_title h1 {
        font-size: 32px;
    }

    .blogwrapper {
        padding: 0 0 50px;
    }

    .faqwrapper.faqwrapper_home {
        padding: 70px 0 0;
    }

    .faqwrapper_home .faq_main_wrap .tab {
        padding: 14px 32px;
        font-size: 17px;
    }

    .carousel .slide .VRL_Banner {
        max-width: 680px;
        top: -20px;
        left: 20px;
    }

    .carousel .slide .sliderpopup {
        max-width: 580px;
    }

    .captionpart h2 {
        font-size: 24px;
    }

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

    .indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        max-width: 100% !important;
    }

    .datetabbing button {
        padding: 4px 17px;
    }

    .discountpopup {
        padding: 50px;
    }

    .afterloginicon .nt-dropdown {
        right: 0;
    }

    /*.sliderwrapper {
        height: 424px;
        background-size: 660px;
        padding: 30px 0 0;
    }

        .sliderwrapper ul li img {
            max-width: 650px;
        }*/

    .slider_text {
        width: 33%;
    }

    /*.slider_content {
        top: 80px;
    }*/

    .carousel-caption {
        top: -3px !important;
    }

    .slideroffer {
        padding: 16px 0 0 14px;
    }

    .captionpart p {
        padding: 9px 0 0;
        font-size: 18px;
    }

    .discountbtn {
        left: 16px;
    }

    .searchbtn.discount {
        margin: 34px 0 0;
        text-align: left;
    }

    .captionpart {
        padding: 0 0 0 10px;
    }

        .captionpart h1 {
            font-size: 38px;
            line-height: 44px;
        }

    .slidercontent {
        width: 32%;
    }

    .slideroffer .offer-slide img {
        max-width: 300px;
    }

    .slideroffer .owl-nav {
        right: 22px;
    }

    .bookingwrapper h2 {
        font-size: 27px;
    }

    .bookinginput.bookingfromdate input {
        padding: 0 0 0 18px;
    }

    .bookinginput.bookingtodate:after {
        right: 8px;
    }

    .bookinginput.bookingfromdate::after {
        left: 8px;
    }

    .bookinginput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        font-size: 23px;
    }

    .bookinginput.bookingtodate input {
        font-size: 23px;
        padding: 0 0 0 47px;
        background-position: 19px -896px;
    }

    .bookinginput.bookingtodate.bookingtodate_blog input {
        background-position: 107% -680px;
    }

    .bookinginput.bookingfromdate input {
        font-size: 23px;
    }

    .easemytripbox {
        width: 180px;
        height: 220px;
        padding: 36px 0 0;
        gap: 27px;
    }

        .easemytripbox span {
            width: 100px;
            height: 100px;
            background-position: center -11674px;
        }

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

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

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

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

        .easemytripbox h3 {
            font-size: 21px;
        }

    .easemytripartlogo img {
        width: 100%;
        max-width: 210px;
    }

    .easemytripwrap:before {
        height: 268px;
    }

    .eventpart {
        padding: 87px 0 0;
    }

    .eventarea {
        padding: 155px 45px 0 45px;
    }

    .destinationbox {
        width: 220px;
        height: 220px;
        background-size: 220px;
    }

        .destinationbox.destinationbox2 {
            background-position: center -246px;
        }

        .destinationbox.destinationbox3 {
            background-position: center -492px;
        }

        .destinationbox.destinationbox4 {
            background-position: center -738px;
        }

        .destinationbox.destinationbox5 {
            background-position: center -984px;
        }

        .destinationbox.destinationbox6 {
            background-position: center -1230px;
        }

        .destinationbox.destinationbox7 {
            background-position: center -1476px;
        }

        .destinationbox.destinationbox8 {
            background-position: center -1722px;
        }

        .destinationbox.destinationbox9 {
            background-position: center -1968px;
        }

        .destinationbox.destinationbox10 {
            background-position: center -2214px;
        }

        .destinationbox.destinationbox11 {
            background-position: center -2460px;
        }

        .destinationbox.destinationbox12 {
            background-position: center -2706px;
        }

        .destinationbox.destinationbox13 {
            background-position: center -2952px;
        }

        .destinationbox span {
            bottom: 20px;
        }

    .cityarea {
        height: auto;
    }

    .tab-block .tab-mnu {
        padding: 20px 0 0 25px;
    }

    .tab-block .tab-cont {
        width: 68%;
    }

    .home_city_route {
        height: 361px;
        background-size: 680px;
    }

        .home_city_route.home_city_route2 {
            background-position: center -403px;
        }

        .home_city_route.home_city_route3 {
            background-position: center -806px;
        }

        .home_city_route.home_city_route4 {
            background-position: center -1209px;
        }

    .citytab-content {
        bottom: 40px;
        padding: 0 60px 0 60px;
    }

    .tab-block .tab-mnu li {
        padding: 26px 0 26px 25px;
    }

        .tab-block .tab-mnu li::after {
            width: 220px;
        }

    .tab-block {
        height: auto;
    }

    .tab-pane img {
        width: 100%;
    }

    .chooseuscard {
        width: 320px;
        height: 320px;
        padding: 44px 0 0;
    }

        .chooseuscard span {
            padding: 14px 30px 0;
        }

        .chooseuscard p {
            padding: 26px 0 2px;
        }

    .amenitiesrow {
        gap: 14px;
    }

    .amenitiescard {
        height: 133px;
        width: 324px;
        padding: 21px 0 0 22px;
    }

        .amenitiescard span {
            font-size: 17px;
            padding: 0 0 0 19px;
            line-height: 24px;
        }

    .applicationwrapper:after {
        background-position: 152% -429px;
        background-size: 810px;
    }

    .qrdetails {
        width: 56.7%;
        padding: 0;
    }

    .appsection span {
        font-size: 17px;
    }

        .appsection span i {
            padding: 0 8px 0 0;
            font-size: 18px;
        }

    .qrcode {
        width: 43%;
        padding: 0;
        text-align: center;
    }

        .qrcode img {
            max-width: 300px;
        }

    .exlorebox {
        width: 330px;
        /*height: 382px;
        background-size: 330px;*/
    }

    .exlorecontent {
        bottom: 42px;
        left: 42px;
    }

        .exlorecontent p {
            padding: 0 100px 24px 0;
        }

    .superbuslogo img {
        max-width: 260px;
    }

    .journeycontent p {
        font-size: 28px;
    }

    .journeycontent::before {
        left: 0;
        width: 410px;
        height: 17px;
        background-size: 370px;
        top: 6px;
    }

    .journeycontent::after {
        right: 0;
        width: 410px;
        height: 17px;
        background-size: 370px;
        top: 6px;
    }

    .downloadqr {
        padding: 22px 0 0;
    }

        .downloadqr a {
            width: 160px;
            height: 48px;
            background-size: 160px;
        }

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

    .footernavbar {
        width: 41%;
    }

        .footernavbar.footernavbar03 {
            width: 16%;
        }

    .footeraddress {
        width: 28%;
    }

    /* start media query AvailbleRoutes page style*****/

    .seatdeckbook {
        gap: 20px;
    }

    .available_discounts h4 {
        font-size: 15px;
        padding: 17px 6px 13px;
    }

    .buscountnumber p.buscountaddroute {
        padding: 10px 20px 10px;
    }

    .reviewtabbing.sprtabbing .spreview .noroute {
        margin: 20px 0 0;
    }

    .popupbdpoint {
        padding: 0 10px 0 25px;
    }

    .bookingdbhead {
        font-size: 15px;
    }

    .bookingdbchange {
        padding: 45px 0 0;
    }

    .bookingdbmain button {
        font-size: 15px;
    }

    .dbroutehead {
        font-size: 15px;
    }

    .bookpayment button {
        padding: 11px 45px;
    }

    .bookpayment span {
        font-size: 15px;
    }

    .dbinrnum {
        font-size: 18px;
    }

    .busroutemhead {
        width: 15%;
    }

    .bustiming {
        width: 140%;
    }

    .busroutetimetable {
        gap: 40px;
    }

    .busroutetab {
        gap: 20px;
        width: 83%;
    }

    .modifycity {
        width: 52%;
    }

    .modifybutton {
        width: 18%;
    }

    .bookingbdcity {
        flex: 2;
    }

    .bookingbdpart {
        padding: 35px 20px 0 30px;
    }

    .route_tabbing_details #thumbs {
        top: 405px;
    }

    #thumbs {
        top: 375px;
    }

    .popupblock02 {
        width: 814px;
        height: 794px;
    }

    .amenities-sprtablist {
        gap: 20px 0;
        padding: 20px 0 0;
    }

    .route_tabbing_details {
        height: 750px;
    }

    .supertabpart {
        height: 340px;
    }

    .popupblockpart.popupblockpart01 {
        height: 814px;
    }

        .popupblockpart.popupblockpart01 .supertabs .sprtabbing {
            max-height: 241px;
            padding: 30px 0 0;
        }

        .popupblockpart.popupblockpart01 .sprbdtab {
            height: 211px;
        }

    .popupbdpointpart {
        padding: 15px 15px 0px 0;
    }

    .popupblockpart.popupblockpart01 .popupbdpoint {
        height: 148px;
    }

    .bookingbdscroll {
        padding: 0 20px 0 0
    }

    .routefilters {
        padding: 0 20px 0 0;
    }

    .routebuscount {
        padding: 55px 0 0;
    }

    .buscountnumber p {
        font-size: 16px;
        padding: 12px 18px 10px;
    }

    .popupblockpart.popupblockpart01 {
        width: 100%;
    }

    .updatetrippopup .modifyinput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 50px;
    }

    .updatetrippopup .modifybookingsearch .modifyinput input {
        height: 50px;
    }

    .updatetrippopup .modifybutton button {
        height: 50px;
    }

    .busboldlabel {
        font-size: 14px;
        padding: 0 0 6px;
    }

    .bustime.busroutearrow img {
        width: 100%;
        max-width: 100px;
    }

    .bookingbdcityarea span {
        font-size: 15px;
    }

    .busroutedatatime {
        width: 59%;
        gap: 15px;
    }

    .seatindicator {
        padding: 50px 40px 30px;
        flex-wrap: nowrap;
    }

    .routepickupcheckbox.routepickupcheckbox_amenities label {
        padding: 2px 17px 3px;
    }

    .routerightcontent {
        padding: 0;
    }

    .routeleftside {
        width: 28%;
    }

    .routerightside {
        width: 72%;
    }

    .modifydatasleep {
        padding: 3px 8px 3px;
        font-size: 11px;
    }

    .buslighttext {
        font-size: 14px;
    }

    .busnametype {
        width: 37%;
    }

    .busroutetimetable .bustime {
        flex-basis: 25%;
    }

    .amenities-tab-box {
        height: 26px;
        width: 26px;
    }

        .amenities-tab-box i {
            font-size: 13px;
        }


    .popupblockpart.popupblockpart01 {
        width: 93%;
        height: 714px;
        float: left;
        display: block;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 290px;
        }

    .buslighttext {
        font-size: 14px;
    }

    .nav-item .windowseat {
        font-size: 12px;
    }

    .busroutemhead {
        font-size: 14px;
    }

    .busroutetab {
        font-size: 14px;
    }

    .sortbytype {
        gap: 4px;
    }

        .sortbytype p {
            font-size: 14px;
        }

    .availableroutewrapper {
        padding: 0 10px 0;
    }

    .bussortbylisting .dropdown .select {
        padding: 5px 10px;
    }

    .busfacilitiestab .tab-pane {
        padding: 25px 0 0;
    }


    .seatpricefilter ul {
        font-size: 15px;
    }

        .seatpricefilter ul li {
            padding: 4px 15px 4px;
            margin: 0 0 0 12px;
            font-size: 13px;
        }

    .testimonials-tab-section i {
        font-size: 60px;
    }

    .testimonials-tab-section {
        height: 280px;
        padding: 20px 0 30px;
    }

        .testimonials-tab-section .slider__inner {
            top: 20px;
        }

        .testimonials-tab-section .slider__txt {
            padding: 0 10px;
        }

    .pg_gateway img {
        max-width: 371px;
    }

    .customerinfohead label {
        padding: 15px 0 0;
        font-size: 26px;
    }

    .restroute_point_popup.css-zw3mfo-MuiModal-root-MuiDialog-root {
        width: 38%;
    }

    /* end media query AvailbleRoutes page style*****/

    /* media query Bus Charter page style*****/

    .buscharterimage img {
        width: 100%;
    }

    .buscharterimage p {
        top: 65px;
    }

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 115px !important;
        padding: 0 0 0 20px !important;
    }

    /* My Booking style *****/

    .bookingqrarea img {
        max-width: 230px;
        width: 100%;
    }

    .bookingdwnticket {
        width: auto;
    }


    .bookingticketbtn {
        padding: 5px 0 0;
        width: 72%;
    }

        .bookingticketbtn p {
            padding: 10px 36px 10px 30px;
            background-position: left -9265px;
        }

        .bookingticketbtn .mybookmodify {
            background-position: left -9485px;
        }

        .bookingticketbtn .mybookticket {
            background-position: left -9702px;
        }

        .bookingticketbtn .mybookterms {
            background-position: left -9928px;
            padding: 10px 0 10px 26px;
        }

        .bookingticketbtn p::after {
            right: 16px;
            top: 6px;
            height: 32px;
        }

    .bookinglist_tabs {
        margin: 15px 0 50px;
    }

        .bookinglist_tabs .season_content {
            padding: 0 15px;
        }

    .mybooking-tabs .tab-list > li {
        padding: 0 0 20px;
        margin: 0 40px 0 0;
    }

        .mybooking-tabs .tab-list > li > h3 {
            font-size: 18px;
        }

    .mybooking_tabscontent {
        padding: 0 !important;
    }

    .bookingbusname {
        padding: 26px 40px 30px;
    }

    .panel-heading {
        font-size: 38px;
    }

    .bookingdatedetails .panel-heading {
        padding: 0;
        float: none;
        line-height: 36px;
    }

    .bookingroutename label {
        font-size: 18px !important;
    }

    .bookingroutename p {
        font-size: 16px;
        padding: 20px 0 0;
    }


    .bookingjrnydetails02 .bookingpartcont {
        font-size: 28px;
        line-height: 34px;
    }

    .bookingjrnydetails03 .bookingroutename p {
        padding: 16px 0 0;
    }

    .bookingmaincont02 .bookingjrnydetails03 {
        padding: 13px 0 30px;
    }

    .bookingmaincont02 .bookingmainarea {
        padding: 0 0 30px;
    }

    .bookingsubmit {
        padding: 35px 40px 40px;
    }

    .bookingmainbox02 {
        width: 34%;
    }

    .bookingratestar {
        gap: 0 8px;
        padding: 6px 0 15px;
    }

    .profileupcoming .bookingticketbtn {
        width: 100%;
    }

    .profileupcoming .bookingdwnticket {
        width: 100%;
        float: left;
        display: flex;
        text-align: center;
        justify-content: center;
        padding: 40px 0 0;
    }

    .profileupcoming .bookingticketbtn p {
        padding: 10px 36px 10px 30px;
    }

    /* ****** Modify Ticket ****** */

    .buscountmodify {
        padding: 70px 0 0;
    }

    .modifybdpoint {
        padding: 0 20px;
    }

    .modifyboarding .bookingbdcityarea span {
        font-size: 15px;
    }

    .bookingbdcityarea .mapbdpoints {
        font-size: 12px !important;
    }

    /* ****** My Profile ****** */

    .bookingroutedetails {
        width: 72%;
    }

    .bookingmainprofile .bookingroutedetails {
        width: 72%;
    }

    .bookingmainbox .bookingroutename {
        width: 43%;
    }

    .bookingmainbox .bookingroutename02 {
        width: 43%;
    }


    .bookingmainprofile .bookingmainbox02 {
        width: 21%;
        border: none;
    }

    .bookingmainbox02 .bookingpartcont {
        padding: 4px 0 0;
    }

    .bookingmainprofile .profile-heading {
        font-size: 38px;
        line-height: 44px;
    }

    .bookingroutename label {
        font-size: 18px !important;
    }

    .bookingroutename p {
        font-size: 16px;
        padding: 20px 0 0;
    }


    .profilewrapper {
        padding: 60px 40px 40px;
    }

    .profileinfo {
        padding: 35px;
    }

    .profiletravelicon a img {
        max-width: 160px;
    }

    .profilenotification {
        padding: 25px 20px 20px 20px;
    }

    .customerprofile {
        gap: 18px;
    }

    .profileblock .profilemenu {
        width: 25%;
    }

    .profileblock .profiletabpart {
        padding: 0 0 0 35px;
    }

    .profilent p {
        font-size: 15px;
        padding: 25px 0 25px 20px;
    }

    .profilent .close {
        padding: 21px 0 0;
    }

    .bookingmainprofile .bookingmainbox {
        width: 77%;
    }

    .profiletravel {
        padding: 35px 27px 35px;
        justify-content: space-around;
        gap: 10px;
    }

    .profiletravelicon p img {
        max-width: 154px;
    }

    /* ****** My Profile End ****** */

    /* ****** About Us ****** */

    .aboutus_page_title {
        font-size: 32px;
    }

    .aboutarea {
        padding: 32px 0 0;
    }

    .aboutcontent p {
        font-size: 18px;
    }

    .aboutrightpart p {
        font-size: 18px;
    }

    .mainpioneers {
        padding: 65px 0 0;
    }

        .mainpioneers .aboutus_page_title:after {
            width: 700px;
            height: 31px;
            background-size: 700px;
        }

    .pioneerbox {
        width: 300px;
        height: 468px;
        background-size: 300px;
    }

    .pioneercontent {
        height: 160px;
        padding: 24px 0 0 28px;
    }

        .pioneercontent h3 {
            font-size: 26px;
            line-height: 33px;
        }

        .pioneercontent p {
            font-size: 18px;
            padding: 20px 0 0;
        }

    .aboutsuperlogo img {
        max-width: 320px;
    }

    .aboutgallerybox {
        height: auto;
    }

        .aboutgallerybox img {
            max-width: 690px;
        }

    .honourbox {
        width: auto !important;
        height: auto !important;
    }

        .honourbox img {
            max-width: 300px;
        }

    .honourarea .owl-prev::before, .honourarea .owl-next::before {
        left: 23px;
        font-size: 34px;
    }

    .honourarea .owl-next:before {
        right: 23px;
        left: auto;
    }

    .honour-slide h3 {
        font-size: 32px;
        line-height: 41px;
    }

    .easemytripwrapbook {
        padding: 80px 0 8px;
    }

    /*Bus chrter*/

    .bushireconfirmpopup {
        padding: 25px 10px 25px;
    }

        .bushireconfirmpopup h3 {
            font-size: 23px;
            padding: 0 0 55px;
        }

    /* FAQs */

    .page_title h2 {
        font-size: 36px;
    }

    /* FAQs */

    .contactus_contactdetails {
        border-radius: 20px;
    }

    .journey_detail_popup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        width: 100%;
    }

    /* Contact Us */

    .contactus_tab_main .faq_content_list .filter_tab_main {
        gap: 30px 43px;
    }

    /* Reschedule Ticket */

    .reschedulepart {
        width: 92%;
    }

    .book-heading {
        font-size: 34px;
        line-height: 38px;
    }

    .reschedulehead .bookingpartcont {
        font-size: 17px;
        line-height: 24px;
    }

    .reschedulepart .bookingroutedetails.rbookingdetails {
        width: 56%;
    }

    .bookingbusicon.rbookbusicon {
        background-size: 38px;
        width: 38px;
        height: 28px;
        margin: 25px 0 0;
    }

    .reschedulesec {
        padding: 35px 40px 50px 40px;
    }

    .rescheduleseat h4 {
        font-size: 18px;
        padding: 0 0 10px;
    }

    .ticketrespart {
        padding: 35px 0 0;
    }

    .confirmbackbtn button {
        padding: 15px 70px;
    }

    /**  Cancel Details **/

    .cancelticketfare {
        padding: 50px 0 45px;
    }

        .cancelticketfare .payfarepart {
            padding: 50px 0 0;
        }

    /**  Carrier Page **/

    .carriersright {
        padding: 40px 1% 0 0;
    }

        .carriersright h1 {
            font-size: 38px;
            line-height: 44px;
        }

    .carrierslider {
        height: 380px;
    }

        .carrierslider:before {
            width: 655px;
            height: 380px;
            background-size: 650px;
        }

        .carrierslider:after {
            height: 116px;
            clip-path: polygon(0 0, 100% 80%, 100% 100%, 0% 100%);
        }

    .carriersliderpart img {
        max-width: 650px;
    }

    .carrierbox {
        width: 310px;
        height: 310px;
        padding: 30px 22px 0;
    }

        .carrierbox p {
            font-size: 15px;
        }

        .carrierbox h3 {
            font-size: 19px;
            letter-spacing: inherit;
        }

    .carrierformleft {
        padding: 20px 39px 30px 50px;
        width: 58%;
    }

    .formboxpart {
        padding: 0 0 20px;
    }

        .formboxpart label {
            padding: 0 0 10px;
        }

    .carrierformright {
        min-height: 477px;
        background-position: -185px top;
        background-size: 850px;
    }

        .carrierformright:after {
            width: 190px;
            height: 267px;
            background-size: 190px;
        }

    .formboxpartbtn a {
        padding: 14px 47px 13px;
    }

    .cstmrdropdown {
        gap: 20px;
    }

        .cstmrdropdown .css-16awh2u-MuiAutocomplete-root {
            width: 192px;
            padding: 6px 10px 4px 20px;
        }

    .cstmrdropbox .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.fa.fa-angle-down {
        font-size: 18px;
    }

    .cstmrdropbox .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.fa-angle-down:before {
        right: 17px;
        top: 4px;
    }

    .cstmrdropbox .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        font-size: 14px;
    }

    .for-cstmrdropdown i {
        font-size: 17px;
    }

    .viewclear a {
        font-size: 15px;
    }

    .cstmrbox-dropdown a {
        font-size: 14px;
        padding: 7px 15px 6px 20px;
        line-height: 23px;
    }

    .cstmrbox-dropdown {
        padding: 0 0 10px;
        top: 37px;
    }

    .cstmrsuccessm {
        padding: 55px 0 0;
    }

    .carrierworkbox {
        padding: 55px 0 0;
    }

    .customerpartwrap {
        padding: 70px 0;
    }

    .cstmrsuccesstop h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .cstmrsuccessbox {
        padding: 20px 0 22px;
    }

    /**  Carrier Application Page **/

    .carrierappsliderpart {
        padding: 40px 40px 40px 50px;
    }

        .carrierappsliderpart h2 {
            font-size: 38px;
            line-height: 44px;
        }

        .carrierappsliderpart:after {
            min-height: 256px;
            background-size: 488px;
            background-position: right -1098px;
            width: 470px;
        }

    .carrierappaboutsec h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .carrierapproleslide {
        padding: 40px 15px 0;
    }

    .roles-slide {
        width: 328px;
        height: 386px;
        padding: 30px 20px 20px;
        background-size: 335px;
    }

    .rolesbox {
        gap: 15px;
    }

        .rolesbox span {
            font-size: 17px;
        }

    .roles-slide p {
        font-size: 18px;
    }

    .rolesapply a {
        padding: 12px 46px 11px;
    }

    .carrierappapply {
        padding: 60px 0 80px;
    }

    .carrierapproles {
        padding: 68px 0 70px;
    }

    /**  Partnerahip **/

    .partnersliderleft {
        padding: 20px 0 0 2%;
    }

        .partnersliderleft h1 {
            font-size: 36px;
            line-height: 45px;
        }

    .partnersliderbus {
        width: 568px;
        height: 350px;
        background-size: 580px;
    }

    .partnershipslider:after {
        background-size: 310px 800px;
        background-position: right -380px;
        width: 323px;
    }

    .partnershipslider:before {
        left: 15px;
        bottom: 30px;
        width: 560px;
        height: 25px;
        background-size: 560px;
    }

    .partnersliderleft a {
        padding: 12px 34px 11px;
    }

    .partnershipcolla {
        padding: 65px 0 0;
    }

    .collabspartsec {
        overflow-x: auto;
    }

    .collabspart {
        padding: 50px 0 18px;
        width: max-content;
        gap: 20px;
    }

    .supercollab {
        padding: 70px 0 0;
    }

    .carriercollab .carrierappapplybox {
        padding: 40px 40px 44px;
    }

    /*Bolg*/

    .blog_box {
        flex-basis: 31%;
    }

    .blog_box_content p {
        font-size: 16px;
        padding: 0 20px 18px 0;
    }

    .blog_box_content a {
        padding: 6px 24px;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 90px 0 68px;
    }

    .emtlogo img {
        width: 100%;
        max-width: 500px;
    }

    .emtsection span {
        font-size: 28px;
    }

    .emtcont img {
        max-width: 280px;
    }

    .emtbutton {
        gap: 60px;
        padding: 0 0 60px;
    }

        .emtbutton a {
            font-size: 24px;
        }

    /*Thank You*/

    .thanksbox h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .thankspage {
        padding: 70px 0 50px;
    }

    .top_routes_textbox {
        padding: 45px 0 0;
    }

    .top_routes_choice {
        padding: 70px 0;
    }

    .amenities_toproute {
        padding: 70px 0 !important;
    }

    .top_routes_faq {
        padding: 70px 0 0;
    }

    .faq_content_list .filter_tab_main {
        padding: 25px 0 0;
    }

    .top_route_link {
        padding: 60px 0 40px;
    }

    .toproutes_wrapper {
        gap: 20px 20px;
    }

    .toproutes_boxes img {
        max-width: 235px;
    }

    .toproutes_boxes p {
        font-size: 17px;
        bottom: 18px;
    }

    /*Blog New*/

    /*.bannerblog {
        min-height: 280px;
    }*/

    .blogcomfortparts {
        justify-content: center;
    }

    .slider-text-bg.blogtext {
        top: 50px;
    }

        .slider-text-bg.blogtext .bannertitle {
            font-size: 84px;
        }

    .blogcontentleft {
        padding: 0 0 30px;
    }

    /*.blogcontenbottom {
        bottom: 0;
    }*/

    /*.blogcontenbottom.blogcontenbottom02 {
            bottom: 0;
        }

    .blogcontenttop.blogcontenttop03 .blogcontenbottom {
        bottom: 0;
    }*/

    /*.blogmenu.blogmenu02 {
        padding: 10px 0 5px 15px;
        width: 100%;
    }*/

    .blogcal {
        margin: 0 0 0 10px;
    }

    .blogmenu.blogmenu02 {
        width: 100%;
        padding: 5px 0 0;
    }

    .blogcalinn {
        border-radius: 0 20px 0 0;
        height: 68px;
        width: 50px;
        background-size: 20px;
        background-position: center -120px;
        padding: 25px 0 0;
    }

        .blogcalinn span {
            font-size: 16px;
        }

            .blogcalinn span i {
                font-size: 12px;
            }

    .blogmenu {
        padding: 49px 0 0 8px;
    }

    .blogmenuright span {
        font-size: 17px;
        padding: 0 2px 0 0;
    }

    .blogmenu ul li a {
        font-size: 13px;
        padding: 0 0 0 22px;
        line-height: 20px;
        margin-right: 8px;
    }

    .blogsearch input[type="text"] {
        padding: 10px 10px 10px 20px;
        font-size: 17px;
        width: 84%;
    }

    .blogpostsdetail {
        padding: 7px 0 0 10px;
        width: 64%;
    }

    .blogpostspart h2 {
        margin: 18px 0 10px;
        font-size: 30px;
    }

    .blogpostsdetail p {
        font-size: 15px;
        line-height: 20px;
    }

    .blogdetail, .blogcontenttop.blogcontenttop03 .blogdetail {
        padding: 30px 0 0;
    }

        /*.blogdetail.blogdetail02 {
            padding: 25px 0 20px;
        }*/

        .blogdetail p {
            padding: 15px 0 0;
            height: 76px;
        }

    .blogtitle {
        font-size: 20px;
        line-height: 26px;
    }

    .blogdetail p {
        font-size: 14px;
        line-height: 21px;
    }

    .blogmore a {
        font-size: 15px;
        padding: 8px 15px;
    }

    /*blog details css*/

    .blogdetamenu ul li a {
        padding: 0 12px 0 26px;
        margin-right: 8px;
        line-height: 20px;
        font-size: 13px;
    }

        .blogdetamenu ul li a.blogdetacomm {
            padding: 0 10px 0 30px;
        }

    .blogdetamenuright span {
        font-size: 19px;
        padding: 0 3px 0 0;
    }

    .blogdetcontant.blogdetcontant02 {
        padding: 20px 0 0;
    }

        .blogdetcontant.blogdetcontant02.blogdetcontant002 {
            padding: 20px 0 0;
        }

    .blogcontitle {
        font-size: 26px;
        margin: 0 0 10px;
    }

    /*blog details css*/

    .exlorebox {
        /*width: 100%;*/
        /*height: auto;
        background-size: 330px;*/
    }

    .exlorearea {
        padding: 0 0 0 15px;
    }
}

@media only screen and (max-width:1199px) {
    /* .banner_modal .modal-dialog {
        width: 1060px !important;
    }*/

    .headermenu .navbar-inverse .navbar-nav > li {
        margin: 0 0 0 50px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 450px;
        width: 100%;
    }

    /* start media query AvailbleRoutes page style*****/
    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        float: left;
        display: flex;
        gap: 0;
        padding: 13px 0 0 10px;
        width: 100%;
        justify-content: space-between;
    }

        .busfacilitiestab .nav-tabs .nav-item.nav-item-button button {
            float: right;
        }

    .filtertitle {
        font-size: 16px;
        padding: 12px 0;
    }

    .routepickupcheckbox p {
        font-size: 14px;
        padding: 0 0 0 10px;
    }

    .routepickupcheckbox .pickuptime {
        height: 30px;
    }

    .routepickupcheckbox li {
        flex-basis: 78%;
    }

    .routepickupcheckbox.routepickupcheckbox_amenities label {
        padding: 1px 17px 3px;
    }

    .pickupsearch input {
        height: 40px;
    }

    .pickupsearch i {
        font-size: 20px;
        right: 18px;
        top: 11px;
    }


    .routeleftside {
        padding: 10px 15px 20px;
    }

    .collapsible-item .collapsible-button {
        padding: 24px 0;
    }

    /* end media query AvailbleRoutes page style*****/

    /***** About Us *****/

    .aboutus_page_title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1110px) {
    .blogcontent {
        padding: 180px 0 0;
    }

    .blogtitle {
        font-size: 18px;
        line-height: 26px;
    }
}

@media only screen and (max-width:1059px) {
    .carousel .slide .VRL_Banner {
        max-width: 640px;
        top: -10px;
    }

    .carousel .slide img {
        max-width: 610px;
    }

    .carousel .slide .sliderpopup {
        max-width: 560px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 440px;
    }

    .carrierformleft {
        padding: 20px 30px 30px 40px;
    }

    .eventarea {
        background-size: 1036px;
        min-height: 269px;
        background-position: center -156px;
    }

    /**  Partnerahip **/

    .collab-slide {
        width: 510px;
        height: 386px;
    }

    .collabscont {
        padding: 25px 50px 0 30px;
        height: 220px;
        background-size: 192px;
    }

        .collabscont h3 {
            font-size: 28px;
            line-height: 42px;
        }
}

@media only screen and (max-width:1023px) {
    .journeycontent svg {
        width: 360px;
    }

    .headermenu .navbar-inverse .navbar-nav > li {
        margin: 0 0 0 45px;
    }

    .faqwrapper_home .faq_main_wrap .panels {
        padding: 20px 0 0;
    }

    .faqwrapper_home .faq_main_wrap .tab {
        padding: 12px 28px;
        font-size: 16px;
    }

    .slider_text {
        width: 35%;
    }

    .captionpart {
        padding: 0;
    }

    .slideroffer {
        padding: 20px 0 0 2px;
    }

    .discountbtn {
        left: 2px;
    }

    .banner_modal .modal-dialog {
        padding: 0 15px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 425px;
    }

    .datetabbing button {
        padding: 4px 14px;
    }

    .bookinginput span {
        left: 47px;
    }

    .bookinginput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        font-size: 21px;
        padding: 0 0 0 46px;
    }

    .bookinginput.bookingtodate input {
        font-size: 21px;
    }

    .bookinginput.bookingfromdate input {
        font-size: 21px;
    }

    .bookinginput .redclr {
        left: 48px;
    }

    .qrgicon a {
        width: 140px;
        height: 42px;
        background-size: 140px;
    }

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

    .eventarea {
        background-size: 1000px;
        min-height: 257px;
        background-position: center -154px;
        padding: 135px 45px 0 45px;
    }

    .tab-part {
        width: 84%;
    }

    .tab-block .tab-mnu {
        padding: 20px 0 0 20px;
    }

        .tab-block .tab-mnu li::after {
            width: 210px;
        }

    .chooseuscard {
        width: 310px;
        height: 310px;
        padding: 40px 0 0;
    }

    .amenitiescard {
        height: 130px;
        width: 313px;
        padding: 20px 0 0 18px;
    }

        .amenitiescard em {
            width: 92px;
            height: 92px;
        }

        .amenitiescard span {
            padding: 0 0 0 16px;
        }

    .applicationwrapper:after {
        background-position: 152% -409px;
        background-size: 770px;
    }

    .qrwrapper {
        padding: 48px 0 60px;
    }

    .superbusjourney {
        padding: 65px 0 35px;
    }

    .qrdetails {
        width: 56.7%;
    }

    .qrcode {
        width: 43%;
    }

    .footeraddress {
        width: 29%;
    }

    .footernavmain {
        width: 64%;
    }

    /****** My Booking ******/

    .bookingticketbtn {
        width: 74%;
    }

    .bookingmainbox {
        width: 65.2%;
    }

    /****** My Profile ******/

    .profileblock .profilemenu {
        width: 26%;
    }

    .profileupcoming .bookingticketbtn p {
        padding: 10px 32px 10px 30px;
    }

    /****** Avalilable Routes ******/

    .busnametype {
        width: 39%;
    }

    .passengerbox .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 0 12px 0 0 !important;
    }

    .psngrpaybox input {
        margin: 0 12px 0 0;
    }

    .popupblockpart.popupblockpart01 {
        height: 707px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 284px;
        }

    .routeleftside {
        width: 27%;
    }

    .routerightside {
        width: 73%;
    }

    .passengeroutepart label {
        font-size: 16px;
        padding: 14px 10px 13px;
    }

    /****** FAQ ******/

    /****** Start Available Routes ******/

    .popupblockpart.popupblockpart01 .supertabs label {
        font-size: 14px;
    }

    /****** About Us ******/

    .aboutimg {
        background-position: center -125px;
        background-size: 1000px;
    }

    /****** Contact Us ******/

    .contactus_contactdetails {
        background-position: center -1392px;
        background-size: 4600px;
    }

    .contactmainwrap {
        gap: 70px;
    }

    .contactus_bottom_button {
        padding: 30px 0 0px;
    }

    /****** Carrier Page ******/

    .carrierformright {
        min-height: 444px;
        background-position: -175px top;
        background-size: 790px;
    }

        .carrierformright:after {
            width: 160px;
            height: 223px;
            background-size: 160px;
        }

    .formboxpart {
        padding: 0 0 16px;
    }

        .formboxpart label {
            font-size: 15px;
        }

        .formboxpart input {
            height: 42px;
            padding: 0 22px;
            font-size: 14px;
        }

    .carrierteampart h3 {
        font-size: 24px;
        line-height: 31px;
    }

    .carrierteampart {
        padding: 60px 0;
    }

        .carrierteampart img {
            width: 100%;
            max-width: 60px;
        }

    .cstmrdropdown {
        gap: 16px;
    }

    .viewclear {
        gap: 14px;
    }

    .cstmrsuccesstop h2 {
        font-size: 28px;
        line-height: 36px;
    }

    /****** Carrier Application Page ******/

    .roles-slide {
        width: 310px;
        height: 376px;
        background-size: 326px;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 80px 0 58px;
    }

    .emtsection {
        padding: 60px 0 0;
    }

    .emtcont {
        padding: 50px 0 0;
        gap: 60px;
    }

    .emtsection p {
        padding: 60px 0;
    }

    .emtbutton {
        gap: 50px;
    }

        .emtbutton a {
            padding: 8px 60px !important;
        }

    .toproutes_boxes img {
        max-width: 227px;
    }
}

@media only screen and (max-width:991px) {
    .journeycontent {
        justify-content: space-evenly;
        gap: 10px;
    }

        .journeycontent svg {
            width: 320px;
        }

    .superbus-slide a .super_bus_img {
        width: 520px;
        height: 403px;
        background-size: 520px;
    }

        .superbus-slide a .super_bus_img.super_bus_img2 {
            background-position: center -431px;
        }

    .blog_main_title h1 {
        font-size: 28px;
    }

    .blogwrapper {
        padding: 0 0 40px;
    }

    .faqwrapper.faqwrapper_home {
        padding: 60px 0 0;
    }

    .faqwrapper_home .faq_main_wrap .panels {
        padding: 15px 0 0;
    }

    .carousel .slide .VRL_Banner {
        max-width: 570px;
        top: -20px;
        left: 0;
    }

    .carousel .slide .sliderpopup {
        max-width: 470px;
        border-radius: 20px;
        left: 0;
    }

    .owl-carousel .owl-item img {
        max-width: 360px;
    }

    .sliderwrapper .slide {
        text-align: left;
    }

    .captionpart h2 {
        width: 60%;
        text-align: center;
        margin: 0 auto !important;
    }

    .indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        max-height: calc(100% - 40px);
    }

    .discountbtn {
        left: 0;
        width: 100%;
        text-align: center;
        margin: 50px 0 0;
    }

    .searchbtn.discount {
        margin: 0;
    }

    .discountpopup {
        padding: 45px;
    }

    .tcdiscount h3 {
        font-size: 24px;
    }

    .discountparts {
        padding: 30px 0 0;
    }

        .discountparts h4 {
            font-size: 16px;
        }

        .discountparts ul {
            padding: 0 0 0 35px;
        }

            .discountparts ul li {
                font-size: 15px;
                line-height: 23px;
                padding: 13px 0 0;
            }

    .banner_modal .modal-dialog {
        width: 100% !important;
        height: auto !important;
        padding: 0 15px;
    }

    .routeimage iframe {
        width: 100%;
        height: 178px;
    }

    .css-ki1hdl-MuiAlert-action {
        left: 425px;
        top: 11px;
    }

    .bookingwrapper {
        margin: 0;
    }

    .signup {
        float: right;
    }

    .sec-center {
        float: right;
    }

    .panel-heading {
        font-size: 34px;
    }

    .topheader {
        padding: 22px 0 24px;
    }

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

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

    /*.sliderwrapper {
        background-image: none;
        height: 760px;
        overflow: hidden;
    }

        .sliderwrapper ul li img {
            max-width: 600px;
        }*/

    .sliderwrapper {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .slider_iframe {
        right: -33px;
        top: -7px;
    }

        .slider_iframe iframe {
            width: 220px;
            height: 100px;
        }

    .slider_text h1 {
        font-size: 26px;
        line-height: 34px;
        text-decoration: none !important;
        position: relative;
    }

    .slider_text .slider_heading01 {
        font-size: 26px;
        line-height: 34px;
        text-decoration: none !important;
        position: relative;
    }

    .slider_content {
        top: 20px;
        height: 320px;
        float: left;
    }

    .slider_text {
        width: 70%;
    }

        .slider_text h1:before {
            position: absolute;
            content: "";
            left: 0;
            bottom: 0;
            width: 140px;
            height: 2px;
            background-color: #fff;
        }

    .slider_text_btm:before {
        display: none;
    }

    .slider_text_btm p {
        font-size: 36px;
        line-height: 46px;
    }

        .slider_text_btm p.slider_text_dis {
            font-size: 20px;
            line-height: 25px;
            padding: 10px 0 0;
        }

            .slider_text_btm p.slider_text_dis span {
                font-size: 20px;
            }

    .slider_text_btm .slider_note {
        font-size: 11px;
        padding: 10px 0 0;
    }

    .slider_text_btm {
        position: absolute;
        bottom: 0;
    }

    .slidercontent {
        width: 100%;
        padding: 20px 0 0;
    }

    .Gallery {
        height: 100%;
        position: relative;
        z-index: 2;
    }

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

        .captionpart h1 {
            font-size: 34px;
            line-height: 40px;
        }

        .captionpart p {
            padding: 8px 0 0;
            font-size: 17px;
        }

    .slideroffer {
        padding: 18px 0 0;
        text-align: center;
    }

    .carousel-caption {
        top: auto !important;
        bottom: 65px !important;
    }

    .sliderwrapper:after {
        display: inline-block;
        height: 590px;
    }

    .slideroffer .owl-item {
        text-align: center;
    }

    .slideroffer .owl-prev, .slideroffer .owl-next {
        right: 30px;
        left: 0;
        margin: 0 auto;
    }

    .slideroffer .owl-next {
        right: 0;
        left: 30px;
    }

    .slideroffer .owl-nav {
        right: 0;
        left: 0;
    }

    .datetabbing {
        justify-content: flex-start;
        gap: 12px;
    }

        .datetabbing button {
            padding: 4px 18px;
            font-size: 15px;
        }

    .bookinginput span {
        bottom: -17px;
    }

    .bookingwrapper h2 {
        display: none;
    }

    .bookingcity {
        width: 100% !important;
        padding: 0 0 15px;
    }

        .bookingcity.bookingdate {
            padding: 0 0 5px;
        }

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


    .bookinginput.bookingtodate::after {
        right: 18px;
    }

    .bookinginput.bookingfromdate input {
        padding: 0 0 0 30px;
    }

    .bookinginput.bookingfromdate::after {
        left: 2px;
    }

    .bookingsearch {
        width: 100%;
        padding: 20px 0 0;
    }

        .bookingsearch .searchbtn {
            float: none;
            width: 25%;
        }

    .easemytripwrap {
        padding: 40px 0 0;
    }

    .easemytripartlogo img {
        max-width: 190px;
    }

    .easemytripbox {
        width: 134px;
        height: 178px;
        padding: 24px 0 0;
        gap: 20px;
    }

        .easemytripbox span {
            width: 90px;
            height: 90px;
            background-size: 50px;
            background-position: center -9261px;
        }

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

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

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

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

        .easemytripbox h3 {
            font-size: 19px;
        }

    .easemytripwrap:before {
        height: 232px;
    }

    .eventarea {
        background-size: 968px;
        min-height: 10px;
        background-position: center -145px;
        padding: 135px 45px 40px 45px;
    }

    .eventpart {
        padding: 70px 0 0;
    }

    .topdestination {
        padding: 60px 0 0;
    }

    .popupblock03 {
        width: 740px;
    }

    .offerdeals {
        padding: 65px 0 0;
    }

    .citywraper {
        padding: 70px 0 0;
    }

    .tab-block .tab-mnu {
        padding: 15px 0 0 15px;
        margin: 0 10px 0 0;
    }

        .tab-block .tab-mnu li {
            padding: 18px 0 18px 15px;
            font-size: 16px;
        }

            .tab-block .tab-mnu li::before {
                top: 26px;
                width: 6px;
                height: 6px;
            }

            .tab-block .tab-mnu li::after {
                width: 86%;
            }

    .tab-block .tab-cont {
        width: 69%;
    }

    .home_city_route {
        height: 269px;
    }

        .home_city_route.home_city_route2 {
            background-position: center -403px;
        }

        .home_city_route.home_city_route3 {
            background-position: center -807px;
        }

        .home_city_route.home_city_route4 {
            background-position: center -1301px;
        }

    .citytab-content {
        bottom: 30px;
        padding: 0 40px 0 40px;
    }

    .toptitle h3 {
        font-size: 30px;
        line-height: 39px !important;
    }

    .tab-part {
        width: 92%;
    }

        .tab-part img {
            max-width: 500px;
        }

    .superbuslider {
        padding: 60px 0 0;
    }

    .choosewrapper {
        margin: 70px 0 0;
    }

    .amenitieswrapper {
        padding: 65px 0 0;
    }

    /*loginpoup*/

    .logincstmrdata {
        padding: 15px 45px 45px;
    }

    #buttonDiv {
        width: 48.5%;
    }

    .googlelink .loginbtnfbk {
        padding: 0;
        width: 48.5%;
    }

    .web_input input {
        height: 46px;
    }

    /******Popup Home Page******/

    .popupblock02 {
        width: 750px;
        height: 730px;
    }

    #thumbs {
        top: 340px;
    }


    .popupblockpart.popupblockpart01 .amenities-sprtablist {
        gap: 15px 20px;
        justify-content: flex-start;
    }

    .sprtabbing p {
        font-size: 15px;
        line-height: 22px;
        padding: 20px 40px 0 0;
    }

    .popuptab-content .sprtabbing p {
        padding: 20px 0;
    }

    .reviewcont p {
        font-size: 14px;
        line-height: 22px;
        padding: 6px 25px 0 0;
    }

    .superbdarea h4 {
        font-size: 15px;
        padding: 10px 0 10px 25px;
    }

    .popupbdpoint {
        padding: 0 15px 5px 25px;
    }

    .busroutepointbox::after {
        width: 139px;
    }


    /******Popup Home Page End******/

    .choosecontent {
        padding: 60px 0 70px;
    }

    .chooseusrow {
        padding: 44px 0 0;
        gap: 10px;
    }

    .chooseuscard {
        padding: 35px 0 0;
    }

        .chooseuscard p {
            padding: 18px 0 0;
        }

        .chooseuscard span {
            padding: 14px 18px 0;
        }

        .chooseuscard span {
            padding: 14px 18px 0;
        }

    .amenitiesrow {
        justify-content: space-around;
    }

    .applicationwrapper {
        margin: 75px 0 0;
        padding: 0;
    }

        .applicationwrapper:after {
            background-position: left bottom;
            background-size: 990px 100%;
            right: auto;
            left: -90px;
            top: auto;
            bottom: -140px;
            transform: rotate(-32deg);
            height: -webkit-fill-available;
            width: 1520px;
        }

    .qrcontent {
        justify-content: space-evenly;
    }

    .qrwrapper {
        padding: 45px 0 0;
    }

    .qrdetails {
        width: 100%;
        text-align: center;
        padding: 0 0 50px;
    }

        .qrdetails .toptitle {
            width: 100%;
        }

    .qrcontent {
        justify-content: center;
        gap: 30px;
        align-items: center;
    }

    .appsection {
        gap: 18px 49px;
        justify-content: center;
    }

        .appsection span {
            flex-basis: 30%;
            text-align: center;
        }

    .qrgicon {
        justify-content: center;
        padding: 50px 0 0;
    }

    .qrscanner {
        padding: 13px 0 0;
    }

        .qrscanner p {
            width: 100%;
        }

    .qrcode {
        text-align: center;
        background-image: url(/VRLVijayanandTravels/images/application.png);
        background-position: center 0px;
        background-repeat: no-repeat;
        width: 329px;
        height: 317px;
        display: inline-block;
    }

        .qrcode img {
            display: none;
        }

    .journeycontent p {
        font-size: 24px;
    }

    .journeycontent::before {
        width: 270px;
        height: 13px;
        background-size: 270px;
        top: 8px;
    }

    .journeycontent::after {
        right: 0;
        width: 270px;
        height: 13px;
        background-size: 270px;
        top: 8px;
    }

    .downloadpart {
        padding: 45px 40px 0 40px;
        background-size: 5080px;
        background-position: center -1500px;
    }

    .downloadqr a {
        width: 150px;
        height: 45px;
        background-size: 150px;
        background-position: center -9px;
    }

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

    .socialpart {
        padding: 0 0 47px;
    }

    .socialicon p {
        font-size: 16px;
        padding: 0 0 14px;
    }

    .socialicon a {
        font-size: 24px;
        line-height: 26px;
        padding: 0 24px 0 0;
    }

    .footertoppart {
        padding: 180px 0 60px;
    }

    .footernavmain {
        width: 100%;
    }

    .navfooter03 {
        width: 13%;
    }

    .navfooteritem2 {
        padding: 45px 0 0;
    }

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

    .addressbottom {
        float: left;
    }

    .footerapp {
        float: right;
        padding: 0 40px 0 0;
    }

    .footerappbtn a {
        background-position: center -8px;
        width: 128px;
        height: 38px;
        background-size: 128px;
    }

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


    /* start media query AvailbleRoutes page style*****/

    .passengerbox.payment_gateway label .MuiTypography-body1 {
        font-size: 16px;
        background-position: left -8051px;
        background-size: 50px;
        width: 88%;
        padding: 6px 0 6px 48px;
    }

    .route_tabbing_details {
        height: 775px;
    }

    .bookingbdpoint .busboldlabel {
        padding: 15px 32px 15px;
    }

    .bustiming {
        width: 124%;
    }

    .busroutedatatime {
        width: 64%;
    }

    .route_tabbing_details #thumbs {
        top: 410px;
    }

    .route_tabbing_details .supertabpart {
        height: 330px;
    }

    .route_tabbing_details .amenities-sprtab p {
        padding: 0 !important;
    }

    .supertabpart {
        height: 310px;
    }

    .route_tabbing_details .productImage img#largeImage {
        height: auto;
    }

    .popupblockpart.popupblockpart01 {
        width: 841px;
        height: 741px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 320px;
        }

    .busroutetimetable {
        padding: 20px 28px 0;
        gap: 36px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        gap: 12px;
    }

        .busfacilitiestab .nav-tabs .nav-item.nav-item-button button {
            padding: 7px 18px;
        }

    .modifyamenities {
        padding: 0 0 0 28px;
    }

    .seatpricefilter {
        padding: 11px 28px;
    }

    .seatdeckbook {
        padding: 15px 28px 10px;
    }

    .seatindicator {
        padding: 50px 28px 20px;
    }

    .busfacilitiestab .nav-tabs .nav-link {
        font-size: 13px;
        padding: 0 9px;
    }

    .availableroutewrapper {
        padding: 0 5px;
    }

    .modifycity {
        width: 100%;
    }

    .modifydate {
        width: 55%;
        text-align: center;
        margin: 0 auto;
        padding: 18px 10px 0;
    }

    .updatetrippopup .modifydate {
        padding: 20px 0 5px;
    }

    .modifybookingform {
        padding: 20px 0 16px;
    }

    .modifybutton {
        width: 43%;
        padding: 18px 0 0;
        float: right;
    }

    .availableroutewrapper {
        padding: 0;
    }

    .sortbytype {
        gap: 14px;
    }

    .modifyincontent {
        padding: 21px 0 1px;
    }

    .routedetail {
        padding: 10px 0 0;
    }

    .routeleftside {
        display: block;
    }

    .routerightside {
        width: 100%;
    }

    .routerightcontent {
        padding: 0 15px;
    }

    .busroutevialist {
        text-align: left;
        display: inline-block;
    }

        .busroutevialist span {
            width: 5%;
            float: none;
            display: inline-block;
            vertical-align: top;
        }

        .busroutevialist .vialist {
            width: 93%;
            float: none;
            display: inline-block;
            vertical-align: top;
        }

    .managepnr label::after {
        right: 70px;
    }

    .modifyarticletable {
        width: 100%;
        overflow-y: hidden;
        float: left;
    }

    .partialcombinedata {
        width: 100%;
        float: left;
        overflow-y: auto;
    }

    .modifyarticledetails table {
        width: 991px;
        float: left;
    }

    .partialdata {
        width: 768px;
        margin: 30px auto 0;
        display: inline-block;
        flex-wrap: wrap;
        float: none;
        vertical-align: middle;
        text-align: center;
    }

    .modifydetailsinput.modifydetailscancelbutton button {
        padding: 10px 20px;
    }

    .pg_gateway img {
        max-width: 460px;
    }

    .bookingbdroute {
        padding: 0 0 20px;
    }

    .customerinfohead label {
        font-size: 24px;
    }

    .passengerbox.passengersubdetails {
        padding: 40px 40px 45px;
    }

    .bookinrtotal {
        padding: 20px 0 50px;
    }

    .cust_final {
        padding: 60px 0 40px;
    }

    .custfinal_head {
        font-size: 18px;
        padding: 5px 0 20px;
    }

    .offercustbox img {
        max-width: 238px !important;
    }

    .passengeroutepart label {
        font-size: 15px;
    }

    .search-wrapper input {
        height: 40px;
    }

    .search-wrapper button {
        padding: 0px 45px;
        height: 40px;
    }

    .passengerbox.payment_gateway label {
        padding: 30px 0;
        width: 100%;
    }

    .passengerbox.payment_gateway .pg_gatewaydis label .MuiTypography-body1 {
        background-size: inherit;
    }

    .passengerbox .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 6px 12px 0 0 !important;
    }

    .hotdeal_title {
        font-size: 18px;
        padding: 15px 0 0;
    }

    .paybusname {
        padding: 0 20px 25px;
    }

    .paycustinfo {
        padding: 30px 20px 0;
    }

    .psngrpaydata {
        width: 50%;
    }

    .paydatadetails {
        font-size: 15px;
    }

    .paydatadetails {
        font-size: 15px;
    }

    .paycustroutedata {
        padding: 0 0 25px;
    }

    .custfaredetails {
        padding: 25px 0 0;
    }

    .faredetails {
        padding: 25px 20px 20px;
    }

    .psngrfareamount h2 {
        font-size: 24px;
    }

    .psngrfareamount {
        padding: 0 0 20px;
    }

    .payfarepart {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .faredetails p {
        text-align: center;
    }

    .payfarepart p i {
        display: inline;
    }

    .payfarepart button {
        display: inline-block;
        width: max-content;
        padding: 12px 50px;
    }

    .payableam h2 {
        font-size: 16px;
    }

    .psngroutepart {
        display: block;
    }

    .psngram01 {
        width: 100%;
    }

    .psngram02 {
        width: 100%;
        padding: 40px 0 0;
        text-align: center;
        position: relative;
    }

    .returnseprateicon {
        padding: 0 10px 0 0;
    }

        .returnseprateicon.returnseprateicon02 {
            padding: 0 0 0 10px;
        }

    .viewroutedetails {
        padding: 46px 0 0;
        left: 0;
        margin: 0 auto;
    }

        .viewroutedetails button {
            padding: 12px 40px;
        }

    .restroute_point_popup.css-zw3mfo-MuiModal-root-MuiDialog-root {
        width: 50%;
    }

    /* end media query AvailbleRoutes page style*****/


    /* ****** My Profile Start ****** */

    .cstmrprofilepart {
        width: 42%;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        padding: 0 0 0 10px;
    }

    .profileblock {
        display: block;
    }

        .profileblock .profilemenu {
            padding: 0;
            width: 39%;
            margin: 0 auto;
        }

    .customerprofile {
        padding: 0 0 30px;
        display: inline-block;
        float: none;
        width: 100%;
        vertical-align: middle;
    }


    .profileblock .profiletabpart {
        padding: 60px 0 0;
    }

    .profiletravel {
        display: block;
        padding: 10px 50px 45px;
        float: left;
        height: auto;
    }

    .profiletravelicon {
        width: 50%;
        float: left;
        text-align: center;
        padding: 40px 0 0;
    }

    .chooseusfacility .profiletravelicon {
        padding: 0;
    }

    .profiletravelicon a img {
        max-width: 200px;
    }

    .profileupcoming .bookingticketbtn {
        padding: 0;
    }

    .profileupcoming .bookingdwnticket {
        padding: 30px 0 0;
    }

    .profilepsngr {
        position: relative;
        top: 0;
        text-align: center;
        padding: 0 0 0 65px;
    }

    /* ****** My Profile End ****** */

    /*ContactUS page css******************/

    .addrow {
        width: 50% !important;
    }

    .contactuscol .addrow {
        padding: 0 10px;
    }

    .contactus_tab_main .faq_main_wrap .panels {
        padding: 30px 30px 40px;
    }

    .contactus_tab_main .filter-drawer {
        flex-basis: 29%;
    }

    .contactus_wrapper {
        padding: 60px 0 50px;
    }

    .contactus_tab_main .filter-drawer__title {
        padding: 15px 20px 15px;
    }

    .contactus_tab_main .faq_content_list .filter_tab_main {
        gap: 30px 12px;
        padding: 10px 0 0;
    }

    .contactus_tab_main .filter-drawer__trigger:checked + .filter-drawer__title + .filter-drawer__content-wrapper {
        padding: 15px 20px 20px;
    }

    .contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        overflow-x: auto;
    }

    .contactmainwrap {
        width: max-content;
        gap: 50px;
    }

    /*ContactUS page css******************/

    /****feedback page css******/

    .feedbkinput {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px 20px;
        padding: 20px 0 0;
    }


        .feedbkinput .col-lg-6 input {
            height: 40px;
        }

    .agntpgcaptcha .form-control {
        height: 40px;
    }

    .feedbackmainbox {
        padding: 35px;
        display: block;
        float: left;
    }

    .feedbackboxleft {
        padding: 0;
    }

        .feedbackboxleft .bookcompratestar {
            padding: 0;
        }

            .feedbackboxleft .bookcompratestar svg {
                width: 36px !important;
                height: 36px !important;
            }

    .feedbackstar {
        justify-content: center;
    }

    .feedbackimg {
        padding: 30px 0 0;
    }

    .feedbackstar i {
        font-size: 32px;
    }

    .feedbackboxright {
        width: 68%;
        padding: 0 0 0 20px;
        float: right;
    }

    .feedtextarea textarea {
        height: 250px;
    }

    .feedbackboxright .blog_main_content .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        flex-wrap: wrap;
        flex-direction: unset;
        width: auto;
    }

    .feedproceed button {
        padding: 13px 42px 12px;
    }

    .feedproceed {
        justify-content: center;
        padding: 35px 0 0;
    }

    .feedback_wrapper {
        padding: 65px 0 45px;
    }

    /*** feedback page css end*****/

    /******bus charter page css******/

    .logintest .css-1pxa9xg-MuiAlert-message {
        width: 470px;
    }

    .busc-heading {
        padding: 45px 0 35px;
    }

    .fix_contentwidth .panel-primary > .panel-heading {
        font-size: 22px;
        padding: 8px 0;
        margin: 45px 0 0;
    }

    .charterinput {
        justify-content: flex-start;
        padding: 10px 0 0;
        flex-wrap: wrap;
        gap: 5px 20px;
    }

    .charterformgroup {
        padding: 10px 0 0;
    }

    .charterinput .col-lg-6 label {
        font-size: 14px;
        padding: 15px 0 12px 10px;
    }

    .mrgbtm .redclr {
        font-size: 14px;
    }

    .charterformgroup.charterformgroup01 {
        padding: 40px 0 0;
    }

    .charterinput .col-lg-6 input {
        height: 42px;
        font-size: 14px;
        padding: 0 0 0 25px;
    }

    .agntpgcaptcha label {
        font-size: 15px;
        padding: 0 0 10px;
    }

    .buscharterimage p {
        top: 40px;
        font-size: 25px;
        line-height: 34px;
    }

    .fix_contentwidth .panel-body {
        padding: 25px 20px 30px;
    }

    .buschartermainpage {
        padding: 0 20px 40px;
    }

    .charterinput .col-lg-6 .txtDateTime {
        background-position: 106% -7659px;
    }

    .charterinput .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 0 0 25px;
    }

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 90px !important;
        padding: 0 0 0 16px !important;
    }

    .agntpgcaptcha .btn-primary {
        padding: 12px 40px 10px;
        letter-spacing: inherit;
    }

    /******bus charter page css******/


    /******My Booking Page css******/

    .modifydetailsinput {
        width: 50%;
    }

    .bookingroutedetails {
        width: 76%;
    }

    .book-heading {
        font-size: 36px;
        line-height: 42px;
    }

    .bookingmainbox {
        width: 100%;
    }

    .bookingmainbox02 {
        width: 100%;
        padding: 30px 0 10px;
        border-top: 1px solid #e1e1e1;
    }

    .bookingfeedback textarea {
        width: 50%;
        padding: 20px;
        height: 360px;
        font-size: 17px;
    }

    .bookingsubmit .bookingdwnticket {
        display: flex;
        align-items: center;
        width: 24%;
        justify-content: flex-end;
        border: none;
        padding: 0;
    }

        .bookingsubmit .bookingdwnticket a {
            padding: 15px 50px 12px;
        }

    .bookingmaincont03 .bookingmainbox {
        width: 77%;
    }

    .bookingmaincont03 .bookingmainbox02 {
        width: 20%;
        padding: 34px 0 0;
        border: none;
    }

    .bookingmaincont03 .bookingmainarea {
        padding: 0 0 17px;
    }

    .bookingticketbtn {
        width: 72%;
        padding: 0;
    }

        .bookingticketbtn p {
            padding: 10px 36px 10px 24px;
            background-size: 46px;
            background-position: left -8037px;
        }

            .bookingticketbtn p a {
                font-size: 13px;
            }

        .bookingticketbtn .mybookmodify {
            background-position: left -8229px;
        }

        .bookingticketbtn .mybookticket {
            background-position: left -8418px;
        }

        .bookingticketbtn .mybookterms {
            background-position: left -8615px;
            padding: 0 0 0 21px !important;
        }

        .bookingticketbtn p::after {
            top: 6px;
            right: 18px;
        }


    /******Header Login/Signup Modal Style******/

    .popupleft {
        width: 41.9%;
    }

    .popuserdetail p {
        line-height: 25px;
        font-size: 18px;
        padding: 0 0 15px;
    }

    .loginpopupotp {
        padding: 0 0 10px;
    }

    .resendotplink {
        padding: 12px 0 0;
    }

        .resendotplink a {
            font-size: 15px;
        }

    .popuserdetailotp .googlelink p {
        padding: 8px 0 10px;
    }

    .popuserdetail input {
        height: 46px;
    }

    .popuserdetail.popuserdetailbutton button {
        height: 46px;
    }

    .googlelink p {
        padding: 23px 0 16px;
    }

    .popupright {
        width: 58.1%;
        float: right;
    }

    .logincontent {
        padding: 0 62px 25px;
    }

    .popupleft img {
        max-width: 377px;
        height: 586px;
    }

    .loginconfirmpopup {
        padding: 60px 0 60px;
    }

        .loginconfirmpopup h3 {
            font-size: 26px;
            line-height: 32px;
            padding: 0 0 50px;
        }

    .popupconfirmotp {
        width: 100px;
        height: 100px;
        margin: 0 0 45px;
        font-size: 60px;
        line-height: 110px;
    }

    .loginconfirmpopup p {
        padding: 50px 0 0;
        font-size: 16px;
        line-height: 24px;
    }

    /****** About Us ******/

    .aboutimg {
        background-position: center center;
        background-size: cover;
    }

    .aboutwraper {
        padding: 55px 0 0;
    }

    .aboutus_page_title {
        font-size: 28px;
    }

    .aboutcontent {
        padding: 40px 0 55px;
    }

        .aboutcontent p {
            font-size: 17px;
            line-height: 26px;
        }

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

    .aboutrightpart {
        width: 100%;
        padding: 40px 0 0;
    }

    .mainpioneers {
        padding: 60px 0 0;
    }

        .mainpioneers .aboutus_page_title::after {
            width: 492px;
            height: 21px;
            background-size: 492px;
            top: 6px;
        }

    .pioneerslider {
        padding: 40px 0 0;
    }

    .aboutsuperlogo img {
        max-width: 300px;
    }

    .aboutgallerybox img {
        max-width: 650px;
    }

    .pioneerbox {
        width: 250px;
        height: 398px;
        background-size: 250px;
    }

    .pioneercontent {
        height: 140px;
        padding: 20px 0 0 20px;
    }

        .pioneercontent h3 {
            font-size: 23px;
            line-height: 29px;
        }

        .pioneercontent p {
            font-size: 16px;
            padding: 19px 0 0;
        }

    .presshonour {
        padding: 64px 0 54px;
    }

    .honourpart .aboutus_page_title {
        padding: 0 0 7px;
    }

    .honourpart p {
        font-size: 18px;
        line-height: 27px;
    }

    .honourslide {
        padding: 40px 0 0;
    }

    .honour-slide h3 {
        font-size: 26px;
        line-height: 35px;
    }

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

    .honourbox img {
        max-width: 300px;
    }

    .easemytripwrapbook {
        padding: 70px 0 0;
    }

    /****** Terms & Conditions ******/

    .termsdata {
        padding: 0 20px;
    }

        .termsdata .conditionsdata h3 {
            font-size: 16px;
            border: none;
            margin: 0 !important
        }

    .conditionsdata {
        padding: 20px 0 10px;
    }

        .conditionsdata h3 {
            font-size: 22px;
            border-bottom: 1px solid var(--secondary-color);
            margin: 0 0 18px !important;
        }

        .conditionsdata p {
            font-size: 15px;
            letter-spacing: inherit;
        }

    /****** Agent Registration ******/

    .agentinput .col-lg-6 {
        padding: 0 0 20px;
    }

        .agentinput .col-lg-6 label {
            padding: 10px 0 13px 0;
        }

    .agntpgcaptcha {
        padding: 0 0 10px;
    }

    /****** Cancellation ******/

    .inputblock {
        gap: 34px;
    }

        .inputblock .form-group {
            width: 31%;
        }

    /****** Cancel Details ******/

    .cancelticketfare {
        padding: 45px 0 45px;
    }

        .cancelticketfare .payfarepart {
            padding: 45px 0 0;
        }

    .logintest .loginconfirmpopup h4 {
        font-size: 26px;
    }

    /****** FAQs ******/

    .page_title h2 {
        font-size: 34px;
    }

    .faq_main_wrap .tab {
        font-size: 18px;
    }

    .faqrouteleft label {
        font-size: 28px;
    }

    .faqrouteleft span {
        font-size: 16px;
    }

    .faqfromroute label {
        font-size: 15px;
    }

    /****** Contact Us ******/

    .contactus_main {
        padding: 30px;
    }

    .contactus_data_left p {
        font-size: 24px;
    }

    .contactus_data_right p {
        font-size: 24px;
    }

    .contactus_contactdetails {
        padding: 0 40px;
        background-position: center -1286px;
        background-size: 4300px;
    }

    .contactus_data_right span a {
        height: 44px;
        width: 44px;
        background-size: 50px;
        background-position: center -11846px;
    }

        .contactus_data_right span a.contact_facebook {
            background-position: center -12005px;
        }

    /****** Modify Ticket ******/

    .modifytickets {
        padding: 65px 0 45px;
    }

    .modifytitle h4 {
        font-size: 18px;
        padding: 0 0 16px;
    }

    .modifyticketspart p {
        font-size: 17px;
        line-height: 23px;
        padding: 20px 0 0;
    }

    .buscountmodify {
        padding: 60px 0 0;
    }

    .modifybdpoint {
        padding: 0;
    }

    .modifyroutepoint {
        padding: 45px 0 0;
    }

    .modifyrouteleft .busboldlabel {
        padding: 13px 20px 13px;
    }

    .modifyboarding .bookingbdroute {
        padding: 0 0 15px;
    }

    .modifyboarding .bookingbdpart {
        padding: 25px 15px 23px 20px;
    }

    .modifyrouteright {
        padding: 15px 15px 0 0;
    }

        .modifyrouteright img {
            width: 100%;
            max-width: 310px;
        }

    .mfyconfirm button {
        padding: 14px 50px;
    }

    .crntbdpointbox .busboldlabel {
        padding: 13px 20px;
    }

    .modifybdroute {
        padding: 15px 20px 23px;
    }

    .managepnr.managebutton {
        width: 100%;
        justify-content: flex-start;
        flex-direction: initial;
    }

    .modifi_ticket_input .managepnr button {
        padding: 16px 50px;
    }

    .popup_bustime_pickup {
        font-size: 16px;
    }

    .popup_fare {
        font-size: 16px;
    }

    .custjrny_popup_onward .popup_bustype {
        font-size: 14px;
    }

    .popup_fare_amount {
        font-size: 24px;
    }

    .popup_bustime {
        gap: 14px;
    }

    .custjrny_popup_routedetails {
        padding: 40px 40px 40px;
        flex-wrap: wrap;
        gap: 40px;
    }

    .popup_route_listing {
        height: 180px;
    }

    .custjrny_popup_onwardjrny {
        flex-basis: 100%;
    }

    .custjrny_popup_onward {
        flex-basis: 32%;
    }

    .custjrny_popup_return {
        border-right: none;
        padding: 0 0 0 23px;
        flex-basis: 45%;
    }

    .custjrny_popup_head {
        flex-wrap: wrap;
        padding: 30px;
    }

    .custjrny_popup_onward.custjrny_popup_farecount {
        flex-basis: 22%;
        gap: 10px;
        padding: 0;
    }

    .reserrormsgpart {
        padding: 60px 0 40px;
    }

    /****** Reschedule Ticket ******/

    .resticketpart h3 {
        font-size: 18px;
    }

    .reschedulebtn button {
        font-size: 16px;
        padding: 15px 37px;
    }

    .collapsibleres {
        padding: 30px 25px 35px;
    }

    .reschedulepart {
        width: 94%;
        align-items: center;
    }

    .reschedulehead .book-heading {
        font-size: 32px;
        line-height: 38px;
    }

    .reschedulehead .bookingpartcont {
        font-size: 15px;
        line-height: 22px;
    }

    .reschedulehead {
        padding: 0 15px 0 0;
        width: 17%;
    }

    .reschedulepart .bookingroutedetails.rbookingdetails {
        width: 63%;
        padding: 0 11px;
    }

    .bookingbusicon.rbookbusicon {
        background-size: 34px;
        width: 34px;
        height: 25px;
    }

    .reschedulepart .bookingroutename label {
        font-size: 17px !important;
    }

    .reschedulepart .bookingroutename span {
        font-size: 15px;
    }

    .rbuspnrnumber {
        padding: 0 0 0 15px;
    }

    .rbuspnr span {
        font-size: 16px;
    }

    .routereschedule_icon i {
        font-size: 20px;
    }

    .reschedulesec {
        padding: 30px 30px 45px;
        flex-direction: column;
    }

    .ticketreschedule h3 {
        font-size: 18px;
    }

    .ticketreschedule {
        width: 100%;
    }

    .rescheduleseat {
        width: 50%;
        padding: 0 20px 0 0;
    }

    .rescheduleinseat {
        width: 50%;
        padding: 0 0 0 20px;
    }

        .rescheduleinseat:before {
            left: 0;
        }

    .confirmbackbtn {
        gap: 30px;
        padding: 40px 0 0;
    }

        .confirmbackbtn button {
            font-size: 17px;
            padding: 13px 70px;
        }

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

        .rescheduleimg iframe {
            width: 230px;
            height: 413px;
        }

    /****** Carrier Page ******/

    .carrierslider {
        height: auto;
        overflow: hidden;
        padding: 0 0 34px;
    }

        .carrierslider:before {
            width: 100%;
            height: 583px;
            left: 0;
            right: 0;
            margin: 0 auto;
            background-image: url(/VRLVijayanandTravels/images/cslidervshape.png);
            background-position: left top;
            background-repeat: no-repeat;
            background-size: contain;
        }

        .carrierslider:after {
            display: none;
        }

    .carriersliderpart {
        padding: 16px 0 0;
    }

        .carriersliderpart img {
            position: relative;
            z-index: 1;
        }

    .carriersright {
        padding: 30px 0 0;
        width: 100%;
        text-align: center;
        position: relative;
    }

        .carriersright:before {
            position: absolute;
            content: "";
            left: -330px;
            top: -58px;
            height: 98px;
            width: 972px;
            background-image: url(/VRLVijayanandTravels/images/carrierbushadow.png);
            background-position: left top;
            background-repeat: no-repeat;
        }

        .carriersright h1 {
            font-size: 36px;
            line-height: 40px;
        }

        .carriersright p {
            font-size: 19px;
        }

        .carriersright a {
            padding: 12px 28px 11px;
        }

    .carrierworkbg {
        min-height: 10px;
        background-size: 1000px;
    }

    .carrierwork {
        padding: 60px 0 70px;
    }

    .carrierworkboxpart {
        overflow-x: auto;
    }

    .carrierworkbox {
        padding: 45px 0 20px;
        gap: 18px;
        width: max-content;
    }

    .carrierworkboxpart::-webkit-scrollbar {
        height: 3px;
        background-color: #D9D9D9;
    }

    .carrierworkboxpart::-webkit-scrollbar-thumb {
        height: 3px;
        background-color: var(--secondary-color);
    }

    .formboxpartbtn a {
        padding: 10px 37px 9px;
    }

    .carrierformleft {
        width: 52%;
        padding: 20px 30px 30px 30px;
    }

    .carrierformright {
        flex-basis: 49%;
        width: auto;
        min-height: 411px;
        background-position: -180px top;
        background-size: 730px;
    }

        .carrierformright:after {
            width: 130px;
            height: 181px;
            background-size: 130px;
        }

    .carrierteam {
        margin: 70px 0 0;
    }

    .customerpartwrap {
        padding: 60px 0;
    }

    .carrierteampart h3 {
        font-size: 22px;
        line-height: 29px;
    }

    .customerdropdownwrap {
        align-items: flex-start;
        flex-direction: column;
    }

    .viewclear {
        width: 100%;
    }

    .cstmrsuccessm {
        padding: 40px 0 0;
    }

    .cstmrsuccesstop h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .cstmrsuccessbtm p {
        font-size: 18px;
    }

    .carrierapplybtn a {
        padding: 11px 40px 10px;
    }

    .customerpart .toptitle h3 {
        font-size: 28px;
    }

    .customerdropdown {
        overflow-x: auto;
        width: 100%;
        overflow-y: hidden;
    }

        .customerdropdown::-webkit-scrollbar {
            display: none;
        }

    .cstmrdropdown {
        gap: 22px;
        width: max-content;
    }

    .cstmrsuccesstop span {
        font-size: 16px;
        padding: 2px 0 0;
    }

    /****** Carrier Application Page ******/

    .carrierappslider {
        padding: 70px 0 0;
    }

    .carrierappsliderpart {
        overflow: hidden;
    }

        .carrierappsliderpart:after {
            background-size: 300px 640px;
            min-height: -webkit-fill-available;
            width: 240px;
            background-position: 0 -300px;
        }

        .carrierappsliderpart h2 {
            font-size: 36px;
            line-height: 41px;
        }

    .carrierappaboutsec h2 {
        font-size: 32px;
        line-height: 36px;
    }

    .carrierappaboutleft h3 {
        font-size: 20px;
    }

    .carrierappaboutpart {
        padding: 34px 0 0;
        flex-direction: column;
        gap: 40px;
    }

    .carrierappaboutleft {
        width: 100%;
    }

    .carrieraboutcontent p {
        flex-basis: 97%;
        font-size: 20px;
        line-height: 27px;
    }

    .carrierappaboutright p {
        font-size: 20px;
        line-height: 27px;
    }

    .carrierappabout {
        padding: 45px 0 60px;
    }

    .carrierappapply {
        padding: 60px 0 70px;
    }

    .carrierappapplypart h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .carrierappapplybox {
        padding: 35px 35px 38px;
    }

        .carrierappapplybox p {
            padding: 0 0 30px;
        }

    .appapplyboxleft {
        gap: 22px;
    }

    .appapplyboxcont {
        gap: 14px;
    }

        .appapplyboxcont input {
            font-size: 15px;
            padding: 0 0 0 22px;
            height: 46px;
        }

        .appapplyboxcont label {
            font-size: 15px;
        }

    .appapplyboxtextarea textarea {
        font-size: 15px;
        padding: 20px 24px;
        height: 137px;
    }

    .carrierproceedbtn {
        padding: 30px 0 0;
    }

    .appapplyboxcontid {
        gap: 14px;
    }

    .carrierproceedbtn a {
        padding: 14px 44px 13px;
    }

    .carrierapproles {
        padding: 60px 0 55px;
    }

    .carrierapproleslide .owl-prev, .carrierapproleslide .owl-next {
        right: 30px;
        width: 20px;
        height: 28px;
    }

        .carrierapproleslide .owl-prev:before, .carrierapproleslide .owl-next:before {
            font-size: 22px;
        }

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

    .roles-slide {
        width: 297px;
        height: 356px;
        background-size: 309px;
        padding: 30px 20px 20px;
    }

    .rolesbox span {
        line-height: 19px;
    }

    .roles-slide p {
        font-size: 16px;
    }

    .rolesbox h1 {
        font-size: 26px;
        line-height: 32px;
    }

    .rolesapply a {
        padding: 10px 42px 11px;
    }

    .appapplyboxcontresume:after {
        right: 24px;
        top: 49px;
        width: 23px;
        height: 21px;
        background-position: 95% -11333px;
        background-size: 50px;
    }

    /****** Partnership ******/

    .partnershipslider {
        justify-content: space-between;
        flex-direction: column-reverse;
        padding: 16px 0 0;
    }

        .partnershipslider:after {
            background-size: 280px 860px;
            background-position: left -380px;
            width: 323px;
            left: -30px;
            right: auto;
        }

    .partnersliderleft {
        padding: 20px 0 40px;
        text-align: center;
        background-color: var(--primary-color);
    }

    .partnershipslider:before {
        left: auto;
        bottom: auto;
        top: 320px;
        right: 10px;
    }

    .collabsuper {
        min-height: 10px;
        background-size: 1000px;
    }

    .partnershipcolla {
        padding: 60px 0 0;
    }

    .collabspart {
        padding: 40px 0 18px;
    }

    .supercollab {
        padding: 65px 0 0;
    }

    .supercollabslide .owl-nav {
        top: -102px;
        right: 20px;
    }

    .collab-slide {
        width: 480px;
        height: 366px;
    }

    .collabscont {
        padding: 20px 40px 0 25px;
        height: 209px;
        background-size: 182px;
    }

        .collabscont span {
            font-size: 17px;
        }

        .collabscont h3 {
            font-size: 26px;
        }

    /*Blog*/

    .blog_box {
        flex-basis: 48%;
    }

    .blog_box_content {
        padding: 24px 20px 0 20px;
    }

    .conditionsdata .Cancellationcharges .conditionscharges {
        flex-basis: 100%;
    }

    .conditionsdata .Cancellationcharges i {
        flex-basis: 100%;
        padding: 10px 0 0;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 70px 0 48px;
    }

    .emtlogo img {
        max-width: 460px;
    }

    .emtsection span {
        font-size: 26px;
    }

    .emtcont img {
        max-width: 260px;
    }

    .emtbutton a {
        padding: 8px 50px !important;
        font-size: 22px;
    }

    /*Thank You*/

    .thanksbox {
        width: 80%;
        padding: 35px 40px;
    }

        .thanksbox img {
            max-width: 120px;
        }

        .thanksbox h3 {
            font-size: 21px;
            line-height: 30px;
        }

    .thankspage {
        padding: 60px 0 40px;
    }

    /*Top Bus Route*/

    .toproutes_wrapper {
        gap: 20px;
        justify-content: center;
    }

    .toproutes_boxes {
        flex-basis: 31%;
        text-align: center;
    }

    .top_route_link {
        padding: 50px 0 30px;
    }

    .top_pune .slide {
        text-align: left;
    }

    .top_pune {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .top_mumbai .slide {
        text-align: left;
    }

    .top_mumbai {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .top_mangalore .slide {
        text-align: left;
    }

    .top_mangalore {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .top_hyderabad .slide {
        text-align: left;
    }

    .top_hyderabad {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .top_goa .slide {
        text-align: left;
    }

    .top_goa {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .top_ahmedabad .slide {
        text-align: left;
    }

    .top_ahmedabad {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .top_shirdi .slide {
        text-align: left;
    }

    .top_shirdi {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .top_nagpur .slide {
        text-align: left;
    }

    .top_nagpur {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .top_mysore .slide {
        text-align: left;
    }

    .top_mysore {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .top_indore .slide {
        text-align: left;
    }

    .top_indore {
        background-position: 94% top;
        background-size: 1300px;
        height: 360px;
    }

    .toptitle h2, .toptitle h1 {
        font-size: 30px;
        line-height: 39px;
    }

    .top_routes_textbox {
        padding: 38px 0 0;
    }

        .top_routes_textbox ul li {
            font-size: 18px;
            line-height: 23px;
        }

        .top_routes_textbox p {
            font-size: 16px;
        }

    .top_routes_choice {
        padding: 60px 0;
    }

    .top_routes_box {
        width: 230px;
        height: 230px;
        padding: 20px 18px 0;
    }

        .top_routes_box h3 {
            font-size: 17px;
            line-height: 23px;
        }

    .top_routes_super {
        gap: 20px;
        padding: 40px 0 0;
    }

    .amenities_toproute {
        padding: 60px 0 !important;
    }

    .top_routes_faq {
        padding: 60px 0 0;
    }

    .faq_content_toproute {
        padding: 15px 0 0;
    }

        .faq_content_toproute .filter-drawer__title {
            font-size: 16px;
        }

    /*Blog New*/

    .slider-text-bg.blogtext .bannertitle {
        font-size: 70px;
        padding: 0px 0 0 20px;
    }

    .blogcomfortleft.blogcomfortleft02 {
        width: 47.9% !important;
    }

    .blogcontent {
        padding: 210px 0 0;
    }

    .blogcontentleft.blogdetacontentleft {
        padding: 0 0 20px;
    }

    .blogcomfortleft {
        width: 350px;
        /*height: 490px;*/
    }

        .blogcomfortleft .blognone01 {
            width: 350px;
        }

    .blogdetail p {
        padding: 10px 0 0;
        height: 66px;
    }

    .blogcontentleft {
        width: 100%;
    }

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

    .blogsearch {
        width: 100%;
        float: none;
        max-width: 550px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
    }

    .blogpostspart {
        text-align: left;
    }

    .blogpostsbox {
        width: 50%;
    }

    /*blog details css*/

    .blogdetcontant p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media only screen and (max-width:944px) {
    /*.banner_modal .modal-dialog {
        width: 930px !important;
    }*/

    .offerslider .owl-carousel .owl-item img {
        max-width: 415px;
    }

    .eventarea {
        background-size: 922px;
        background-position: center -133px;
    }

    .applicationwrapper:after {
        background-size: 830px 100%;
    }

    /****** My Booking ******/

    .bookingticketbtn p {
        padding: 10px 38px 10px 24px;
    }

    .bookingticketbtn .mybookticket:after {
        display: none;
    }

    .profileupcoming .bookingticketbtn .mybookticket:after {
        display: block;
    }
}

@media only screen and (max-width:929px) {
    /*.banner_modal .modal-dialog {
        width: 768px !important;
    }*/

    .journeycontent svg {
        width: 280px;
    }

    .offercontent {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 15px;
    }

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

    .eventarea {
        background-size: cover;
        background-position: center center;
        padding: 130px 45px 40px 45px;
    }

    /****** FAQ ******/

    /****** Carrier Application ******/

    .roles-slide {
        width: 287px;
        height: 346px;
        background-size: 301px;
    }
}

@media only screen and (max-width: 800px) {
    .journeycontent svg {
        width: 266px;
    }

    .blogcontent {
        padding: 134px 0 0;
    }
}

@media only screen and (max-width:767px) {
    .journeycontent {
        gap: 0;
        flex-direction: column;
    }

        .journeycontent svg:first-child {
            display: none;
        }

        .journeycontent svg {
            width: 479px;
        }

    .superbus-slide a .super_bus_img {
        width: 480px;
        height: 372px;
        background-size: 480px;
    }

        .superbus-slide a .super_bus_img.super_bus_img2 {
            background-position: center -398px;
        }

    .blog_main_title h1 {
        font-size: 26px;
    }

    .blogwrapper {
        padding: 0 0 35px;
    }

    .faqwrapper.faqwrapper_home {
        padding: 55px 0 0;
    }

    .faqwrapper_home .faq_main_wrap .tab {
        padding: 10px 22px;
        font-size: 14px;
    }

    .carousel .slide .VRL_Banner {
        max-width: 620px;
    }

    .carousel-caption {
        bottom: 30px !important;
    }

    .carousel .slide .sliderpopup {
        max-width: 530px;
    }

    .captionpart h2 {
        width: 75%;
    }

    .honour-slide h3 i {
        display: inline;
    }

    .discountbtn {
        margin: 15px 0 0;
    }

    /**** Connecting Route Style Start*****/


    .connecting_route_main {
        padding: 20px 10px 0;
    }

    .connecting_bus_details {
        flex-basis: 50%;
    }

    .connecting_route_details .bustime.busstarttime {
        flex-basis: 20%;
    }

    .connecting_route_details .bustime.busendtime {
        flex-basis: 20%;
    }

    .connecting_route_details {
        flex-wrap: wrap;
        row-gap: 10px;
    }


    /**** Connecting Route Style End*****/


    .eventarea {
        padding: 115px 30px 35px;
        position: relative;
    }

        .eventarea:after {
            position: absolute;
            content: "";
            right: 20px;
            top: 20px;
            width: 165px;
            height: 44px;
            background-image: url(/VRLVijayanandTravels/images/loginlogo.svg);
            background-position: right top;
            background-repeat: no-repeat;
        }

    .routeimage iframe {
        height: 146px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 405px;
    }

    .accountmenu {
        display: none;
    }

    .slideroffer {
        display: none;
    }

    .sec-center {
        float: right;
        position: absolute;
        right: 15px;
        top: 40px;
    }

    .headermenu {
        width: auto;
        position: absolute;
        top: 12px;
        left: 12px;
        margin: 0;
        background-color: transparent;
        z-index: 5;
        padding: 0;
    }

    .fixedbtn {
        position: absolute;
        top: -40px;
        left: 0;
        z-index: 1030;
    }

        .fixedbtn.topfixedicon {
            position: fixed !important;
            top: 10px !important;
            z-index: 99999 !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 24px;
            height: 24px;
            -webkit-transition: all 0.4s;
            transition: all 0.4s;
            left: 70%;
        }

            .fixedbtn.topfixedicon::after {
                font-family: FontAwesome;
                content: "\f00d";
                left: 0;
                top: -6px;
                position: absolute;
                font-size: 22px;
                color: var(--primary-color);
            }

    .headermenu .navbar-header {
        display: block;
    }

    .menufixed .navbar-toggle {
        background-color: transparent;
        border-color: transparent;
        margin: 3px;
        padding: 3px;
        position: relative;
        top: 20px;
        z-index: 999;
    }

    .fixedbtn.topfixedicon span {
        display: none !important;
    }

    .headermenu .navbar-inverse .navbar-nav {
        margin: 0;
        float: left;
        width: 100%;
        padding: 20px 0 0;
    }

    .headermenu .navbar-toggle .icon-bar {
        background: var(--button-color);
    }

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

        .headermenu .navbar-inverse .navbar-toggle:focus,
        .headermenu .navbar-inverse .navbar-toggle:hover {
            background-color: transparent;
        }

        .headermenu .navbar-inverse .navbar-toggle {
            border-color: transparent;
            margin: 0 10px 0 0;
        }

        .headermenu .navbar-inverse .container-fluid {
            padding: 0 15px;
            text-align: center;
            background: #3e3e3e;
        }

        .headermenu .navbar-inverse .navbar-nav > li {
            display: block;
            text-align: left;
            margin: 0 90px 18px 0 !important;
            border-bottom: 1px solid #E1E1E1;
            padding: 0 0 8px;
        }

            .headermenu .navbar-inverse .navbar-nav > li > a {
                font-size: 16px;
                padding: 0 0 8px;
                color: var(--primary-color);
                margin: 0;
                border-bottom: none;
                font-weight: 500;
                text-align: center;
            }

    .headermenu .navbar-inverse {
        background-color: var(--pure);
        box-shadow: 0 0 5px #B0B0B0;
    }

        .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 {
            background: transparent;
            color: var(--secondary-color);
            border-bottom: none;
        }

        .headermenu .navbar-inverse .navbar-collapse {
            border: none !important;
        }


    .side-collapse-container {
        width: 100%;
        position: relative;
        left: 0;
        transition: left .4s;
    }

        .side-collapse-container.out {
            left: 200px;
        }

    .headermenu .side-collapse {
        top: 0;
        bottom: 0;
        left: 0;
        width: 75%;
        position: fixed;
        overflow: hidden;
        transition: width .4s;
        padding-top: 30px;
        z-index: 9999;
    }

    .side-collapse.in {
        width: 0;
    }

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

    .headermenu .navbar-collapse p {
        display: inline-block;
        padding: 40px 0 30px;
        width: 100%;
    }


    .headermenu .navbar-inverse .afternavbar.navbar-nav {
        padding: 0;
    }

    .headermenu .signupmobile {
        display: block;
        float: left;
    }

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

    .navbar-toggle {
        display: block;
    }

    .afterfeedback {
        display: block !important;
    }

    .aftersignupmobile {
        display: block;
    }

        .aftersignupmobile p {
            font-size: 14px;
            font-weight: 700;
            line-height: 19px;
            color: var(--secondary-color);
            display: none;
        }

            .aftersignupmobile p i {
                font-style: normal;
                display: block;
                text-align: left;
            }

    .btnafterlogin {
        display: block;
    }

    /*.sliderwrapper {
        height: 490px;
    }*/

    .sliderwrapper {
        background-position: 92% top;
    }

    .slider_text h1 {
        font-size: 22px;
        line-height: 29px;
        padding: 0 0 14px;
    }

        .slider_text h1:before {
            width: 120px;
        }

    .slider_text_btm p {
        font-size: 28px;
        line-height: 36px;
    }

        .slider_text_btm p.slider_text_dis span {
            font-size: 18px;
        }

        .slider_text_btm p.slider_text_dis {
            font-size: 18px;
            line-height: 23px;
        }

    .slider_text .slider_heading01 {
        font-size: 22px;
        line-height: 29px;
        padding: 0 0 14px;
    }

    .signup {
        display: none;
    }

    .topheader {
        padding: 22px 0 22px;
    }

    .rightheader {
        padding: 0;
    }

    .captionpart {
        padding: 0;
    }

        .captionpart h1 {
            font-size: 33px;
            line-height: 40px;
        }

    .bookingsearch {
        padding: 15px 0 0;
    }

        .bookingsearch .searchbtn {
            height: 50px;
        }

    .partialradiogroup .css-qfz70r-MuiFormGroup-root {
        gap: 16px;
    }

    .easemytripwrap {
        background-color: var(--button-color);
        padding: 40px 0 46px;
    }

        .easemytripwrap:before {
            display: none;
        }

    .easemytripart {
        gap: 30px;
    }

        .easemytripart .toptitle {
            padding: 0;
            flex-basis: 60%;
        }

    .easemytripsec {
        padding: 45px 0 0;
    }

    .easemytripbox {
        width: 80px;
        height: 108px;
        padding: 0;
        gap: 0;
        background-color: transparent;
    }

        .easemytripbox span {
            width: 80px;
            height: 80px;
            background-position: center -12081px;
            background-size: 60px;
            background-color: var(--secondary-color);
            border-radius: 20px;
        }

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

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

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

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

        .easemytripbox h3 {
            font-size: 15px;
            color: #000;
            padding: 10px 0 0;
        }

    .destinationbox {
        width: 190px;
        height: 190px;
        background-size: 190px;
    }

        .destinationbox.destinationbox2 {
            background-position: center -213px;
        }

        .destinationbox.destinationbox3 {
            background-position: center -425px;
        }

        .destinationbox.destinationbox4 {
            background-position: center -638px;
        }

        .destinationbox.destinationbox5 {
            background-position: center -851px;
        }

        .destinationbox.destinationbox6 {
            background-position: center -1063px;
        }

        .destinationbox.destinationbox7 {
            background-position: center -1276px;
        }

        .destinationbox.destinationbox8 {
            background-position: center -1488px;
        }

        .destinationbox.destinationbox9 {
            background-position: center -1700px;
        }

        .destinationbox.destinationbox10 {
            background-position: center -1913px;
        }

        .destinationbox.destinationbox11 {
            background-position: center -2126px;
        }

        .destinationbox.destinationbox12 {
            background-position: center -2338px;
        }

        .destinationbox.destinationbox13 {
            background-position: center -2550px;
        }

    .popupblock03 {
        width: 610px;
    }

    .toptitle h3 {
        font-size: 28px;
        line-height: 37px !important;
    }

    .offerdeals .owl-nav {
        right: 10px;
    }

    .destinationslider .owl-nav {
        right: 10px;
    }

    .superbusarea .owl-nav {
        right: 10px;
    }

    .exloreslider .owl-nav {
        right: 10px;
    }

    .eventbutton a {
        padding: 7px 30px;
    }


    .offerdeals {
        padding: 55px 0 0;
    }

    .offerbox {
        width: 400px;
        height: 191px;
        background-size: 400px;
    }

    .offercontent p {
        font-size: 22px;
        left: -20px;
        top: 81px;
    }

    .offerdetails {
        padding: 20px 60px 0 116px;
    }

        .offerdetails span {
            font-size: 19px;
            line-height: 26px;
        }

        .offerdetails i {
            font-size: 16px;
            padding: 12px 0 18px;
        }

    .offerbox02 .offerdetails {
        padding: 20px 40px 0 30px;
    }

    .citywraper {
        display: none;
    }

    .chooseusfacility::after {
        display: none;
    }

    .superbus {
        padding: 55px 0 0;
    }

    /*loginpopup*/

    .loginsecmainform {
        padding: 0 0 15px;
    }

    .loginpesdata {
        padding: 0 0 20px;
    }

    .logincstmrdata label {
        padding: 0 0 10px;
    }

    /*****Popup Home Page*****/

    .popupblock02 {
        width: 620px;
        height: 652px;
    }

    #thumbs {
        top: 260px;
    }

    .supertabs label {
        padding: 0 0 15px;
        font-size: 12px !important;
    }

    .supertabpart {
        padding: 25px 30px 0;
    }

    .sprtabbing p {
        font-size: 14px;
        line-height: 20px;
        padding: 20px 30px 0 0;
    }

    .amenities-sprtab {
        flex-basis: 30%;
    }

    .tabreview {
        padding: 24px 0;
    }

    .reviewname span {
        font-size: 15px;
    }

    .reviewicon {
        width: 27%;
    }

    .reviewcont p {
        line-height: 22px;
        padding: 6px 20px 0 0;
    }

    .busroutepointbox::after {
        width: 108px;
    }

    /*****Popup Home Page End*****/

    .choosecontent {
        padding: 55px 0 65px;
    }

    .chooseusrow {
        padding: 42px 0 0;
        gap: 20px;
        float: none;
        justify-content: center;
        flex-wrap: wrap;
    }

    .chooseuscard {
        width: 48%;
        height: 290px;
    }

    .amenitieswrapper {
        padding: 60px 0 0;
    }

    .amenitiesrow {
        padding: 42px 0 0;
    }

    .applicationwrapper {
        overflow: hidden;
    }

        .applicationwrapper:after {
            background-size: 640px;
            left: -90px;
            bottom: -40px;
        }

    .qrwrapper {
        padding: 40px 0 0;
    }

    .qrcontent a img {
        width: 100%;
        max-width: 158px;
    }

    .appsection span {
        flex-basis: 35%;
    }

    .exloreindia {
        padding: 60px 0 0;
    }

    .exlorebox {
        width: 290px;
        /*height: 335px;
        background-size: 290px;*/
    }

    .exlorecontent {
        bottom: 35px;
        left: 20px;
    }

        .exlorecontent p {
            font-size: 18px;
            line-height: 26px;
            padding: 0 100px 20px 0;
        }

        .exlorecontent a {
            font-size: 14px;
            padding: 6px 21px;
        }

    .superbuslogo {
        padding: 0 0 55px;
    }

        .superbuslogo img {
            max-width: 250px;
        }

    .superbusjourney {
        padding: 65px 0 30px;
    }

    .journeycontent p {
        padding: 0 0 35px;
        display: inline-block;
    }

    .journeycontent::before {
        display: none;
    }

    .journeycontent::after {
        width: 479px;
        height: 24px;
        background-size: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: auto;
    }

    .navfooter03 {
        width: 16%;
    }

    .downloadpart {
        background-size: 4500px;
        background-position: center -1305px;
    }

    .footerapp {
        padding: 0;
    }

    .footertoppart {
        padding: 180px 0 60px;
    }

    .socialpart {
        padding: 0 0 40px;
    }

    /* Modify Ticket*****/

    .panel-heading {
        font-size: 30px;
    }


    .modifi_ticket_input {
        padding: 30px;
    }

        .modifi_ticket_input .managepnr button {
            margin: 10px 0 0;
        }


    /* start media query AvailbleRoutes page style*****/

    .customer_disc {
        padding: 30px 0 0;
    }

    .route_tabbing_details {
        height: 700px;
    }

    .popupblockpart.popupblockpart01 {
        height: 666px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 250px;
        }

    .reviewtabbing.sprtabbing .spreview .noroute {
        margin: 10px 0 0;
    }

    .popupblockpart.popupblockpart01 .sprbdtab {
        height: 205px;
    }

    .popupblockpart.popupblockpart01 .supertabs .sprtabbing {
        max-height: 235px;
    }

    .fromtopoint_sub {
        flex-basis: 73%;
    }

    .bookingdbmain {
        padding: 15px 20px;
    }

    .bookingroutenm {
        padding: 30px 20px 40px;
    }

    .bookingdbseat {
        padding: 20px 20px 30px;
    }

    .bookingdbinr {
        padding: 25px 20px 0;
    }

    .dbinrnum {
        font-size: 16px;
    }

    .bookpayment {
        gap: 20px;
    }

        .bookpayment button {
            padding: 9px 40px;
        }

    .bookpartnxtbtn {
        padding: 25px 28px 10px 0;
    }

        .bookpartnxtbtn button {
            padding: 12px 50px;
        }

    .bustiming {
        width: 174%;
    }

    .busfairdetails {
        width: 29%;
    }

    .scrollindicatormbl {
        width: 100%;
        float: left;
        overflow-x: auto;
        padding: 0;
    }

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

    .mobilefilter .seatindicator {
        width: max-content;
    }

    .route_tabbing_details .supertabs ul li a {
        font-size: 15px;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtablist {
        gap: 17px 18px;
        padding: 10px 0 0;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab {
        padding: 6px 0;
    }

    .bookingbdcityarea span {
        font-size: 15px !important;
    }

    .bookingbdcityarea .bookingbdcityarea_span {
        padding: 3px 0 0 30px;
        font-size: 14px !important;
    }

    .bdpointooltip i {
        font-size: 8px;
        width: 15px;
        height: 15px;
        margin: 6px 0 0;
    }

    .bookingbdcityarea .mapbdpoints {
        font-size: 12px !important;
        padding: 7px 0 0 45px;
        background-position: 30px -6569px;
    }

    .bookingbdtime {
        font-size: 14px;
    }

    .bookingbdpoint {
        padding: 0 0 15px;
    }

        .bookingbdpoint .busboldlabel {
            padding: 15px 20px 15px;
        }

    .bookingbdscroll {
        padding: 0 10px 0 0;
    }

    .bookingcontinue button {
        padding: 11px 44px;
    }

    .bookingbdpart {
        padding: 25px 10px 0 15px;
    }

    .busesdatafound {
        display: none;
    }

    .modifyincontent {
        display: none;
    }

    .mobilefilterpart {
        display: block;
    }

    .scrollindicator {
        display: none;
    }

    .routerightcontent .modifyincontent {
        display: block;
    }

    .modifycity {
        width: 100%;
    }

    .modifydate {
        width: 53%;
        text-align: center;
        padding: 20px 10px 0;
    }

    .modifybutton {
        width: 43%;
        padding: 20px 0 0;
        float: right;
    }

    .routedateslider::before {
        left: 20px;
        top: 19px;
        background-size: 130px;
        width: 130px;
        height: 35px;
    }

    .busroutemhead {
        font-size: 13px;
    }

    .busroutetab {
        font-size: 13px;
    }

    .sortbytype {
        gap: 3px;
    }

        .sortbytype p {
            font-size: 13px;
        }

    .busroutetimetable {
        padding: 20px 20px 0;
        gap: 10px;
    }

    .busroutedatatime {
        width: 69%;
    }

    .busroutefacilities {
        padding: 20px 0 0;
    }

    .modifyamenities {
        padding: 0 0 0 20px;
    }

    .routebuscount {
        padding: 46px 0 0;
        flex-direction: column-reverse;
        gap: 15px;
        align-items: center;
    }

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

        .available_discounts h4 {
            padding: 14px 20px 13px;
            border-radius: 30px;
            text-align: center;
        }

    .busfacilitiestab .nav-tabs .nav-link {
        padding: 0 15px 0 0;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button .nav-link {
        padding: 4px 16px;
        font-size: 13px;
    }

    .passengerbox.passengersubdetails {
        max-height: 560px;
        overflow-y: auto;
        padding: 30px 30px 30px;
    }

    .updatetrippopup .modifyinput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 40px;
    }

    .updatetrippopup .modifybookingsearch .modifyinput input {
        height: 40px;
    }

    .updatetrippopup .modifybutton button {
        height: 40px;
    }

    .seatpricefilter ul {
        font-size: 14px;
    }

        .seatpricefilter ul li {
            padding: 2px 10px 2px;
            margin: 0 0 0 7px;
            font-size: 12px;
        }

    .nonrefund {
        font-size: 13px;
    }

    .lowerdeckchart, .upperdeckchart {
        width: 100%;
        float: left;
        overflow-x: auto;
    }

        .lowerdeckchart::-webkit-scrollbar, .upperdeckchart::-webkit-scrollbar {
            width: 0px !important;
            height: 0px !important;
            display: none;
        }

    .seatchartwo {
        padding: 0;
    }

    .busroutevialist span {
        width: 6%;
    }

    .busfacilitiestab .nav-tabs {
        padding: 15px 20px 0;
    }

        .busfacilitiestab .nav-tabs .nav-item {
            padding: 0;
        }

        .busfacilitiestab .nav-tabs .nav-link::after {
            height: 15px;
            top: 2px;
            right: 7px;
        }

        .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
            float: right;
            padding: 15px 0 0;
            margin: 0;
        }

    .seatpricefilter {
        padding: 11px 20px;
    }

    .seatdeckbook {
        padding: 15px 20px 0;
        flex-direction: column;
    }

    .busfacilitiestab .tab-content .tab-pane {
        padding: 25px 0 0;
    }

    .passcontactdata label {
        font-size: 14px;
        padding: 0 0 5px 10px;
    }

    .passengerdetails input {
        height: 46px;
        padding: 0 0 0 16px;
        font-size: 14px;
    }

    .passgender .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input, .gststate .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        padding: 0 18px;
        height: 44px;
    }

    .bookinrdetails p i {
        display: contents;
    }

    .gststate {
        padding: 0 0 10px;
    }

    .pg_gateway img {
        max-width: 355px;
    }

    .customerinfohead label {
        padding: 10px 0 0;
    }

    .passengerbox.gstdetails {
        padding: 20px 0px 20px;
    }

    .bookinrtotal {
        padding: 20px 0 40px;
    }

    .custfinal_head {
        font-size: 17px;
        padding: 0 0 15px;
    }

    .passengerbox.payment_gateway label {
        padding: 25px 0;
    }

        .passengerbox.payment_gateway label .MuiTypography-body1 {
            font-size: 15px;
            background-position: left -6439px;
            padding: 6px 0 6px 39px;
            background-size: 40px;
            width: 86%;
        }

    .passengerbox .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 4px 12px 0 0 !important;
    }

    .hotdeal_title {
        font-size: 17px;
    }

    .custroutebox {
        width: 49%;
    }

    .paydetails {
        width: 48%;
    }

    .custoffer {
        padding: 35px 0 0;
    }

    .passengeroutepart .passengerbox {
        padding: 0;
        margin: 0;
    }

    .paybusname .paybuspart {
        font-size: 15px;
    }

    .paybusname .busnmnumber {
        font-size: 15px;
    }

    .paycustinfo {
        padding: 20px 20px 0;
    }

    .paydatadetails {
        font-size: 15px;
    }

    .paydetailsdata {
        font-size: 15px;
    }

    .paycustroutedata {
        padding: 0 0 16px;
    }

    .passengerbox {
        padding: 40px 30px;
    }

    .onewayreturntitle label {
        font-size: 21px;
        padding: 0 0 14px;
    }

        .onewayreturntitle label span {
            height: 25px;
            padding: 0 30px;
            background-size: 30px;
        }

    .psngrestro {
        gap: 10px 13px;
    }

    .amenitiescstmr {
        padding: 4px 16px;
    }

    .viewroutedetails {
        padding: 40px 0 0;
    }

    .returnseprator {
        padding: 50px 0;
    }

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

        .returnseprateicon.returnseprateicon02 {
            display: none;
        }

    .custjrny_popup_onward {
        flex-basis: 100%;
        padding: 0 0 30px;
    }

        .custjrny_popup_onward.custjrny_popup_farecount {
            flex-basis: 100%;
            padding: 30px 0 0;
        }

    /* end media query AvailbleRoutes page style*****/

    .modifyinputflex {
        gap: 20px;
    }

    .modifydetailsinput {
        width: 50%;
    }

        .modifydetailsinput.modifydetailsinputbutton {
            padding: 30px 0 0;
            gap: 20px;
        }

            .modifydetailsinput.modifydetailsinputbutton button {
                padding: 12px 35px;
            }

    .inputblock .form-group {
        width: 32%;
    }

    .inputblock {
        gap: 10px;
        flex-wrap: wrap;
    }

    /****My Booking Page CSS****/

    .partialradiogroup .css-1hpqosy-MuiFormControlLabel-root {
        padding: 0;
    }

    .modify_popup_main .css-qfz70r-MuiFormGroup-root {
        padding: 15px 0 20px;
        gap: 15px;
    }

    .modifypopupwrapper {
        padding: 20px 20px 0;
    }

    .partialclose i {
        font-size: 24px;
    }

    .logintest .loginconfirmpopup h4 {
        font-weight: 700;
        padding: 0 0 40px;
    }

    .termsdatapart .fix_contentwidth .panel-body {
        margin: 35px 0 0;
    }

    .book-heading {
        font-size: 34px;
        line-height: 40px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails {
        padding: 40px 30px 30px;
    }

    .mybooking_tabsarea02 .bookingmaincont {
        padding: 0 30px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails02 {
        padding: 40px 0 30px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails03 {
        padding: 10px 0 30px;
    }

    .mybooking-tabs .tab-list > li {
        padding: 0 0 16px;
        margin: 0 35px 0 0;
    }

        .mybooking-tabs .tab-list > li > h3 {
            font-size: 17px;
        }

    .bookingbusname {
        padding: 26px 30px 26px;
    }

    .mybooking_tabsarea03 .bookingbusname {
        padding: 26px 0 26px;
    }

    .mybooking_tabsarea03 .bookingmaincont {
        padding: 40px 0 0;
    }

    .bookingmaincont {
        padding: 40px 30px 0;
    }

    .bookingdatedetails .panel-heading {
        font-size: 36px;
    }

    .bookingroutename p {
        padding: 10px 0 0;
    }

    .bookingjrnydetails02 {
        padding: 15px 0 30px;
    }

    .bookingjrnydetails03 .bookingroutename p {
        padding: 13px 0 0;
    }

    .bookingjrnydetails03 .bookingroutename label {
        font-size: 17px !important;
        padding: 11px 0 0 !important;
    }

    .bookingticketbtn {
        width: 66%;
        padding: 0;
    }

    .bookingticketbtn {
        width: 66%;
    }

    .bookingticket {
        padding: 37px 30px 40px;
    }

    .bookingticketbtn {
        width: 66%;
    }

        .bookingticketbtn .mybookmodify::after {
            display: none;
        }

        .bookingticketbtn .mybookticket::after {
            display: block;
        }

    .mybooking_tabsarea03 .bookingbusname {
        display: block;
    }

    .mybooking_tabsarea .bookingbusname {
        border-bottom: 1px solid #e1e1e1;
    }

    .mybooking_tabsarea03 {
        padding: 0 30px !important;
    }

        .mybooking_tabsarea03 h4 {
            display: block;
        }

        .mybooking_tabsarea03 .bookingbusname a {
            display: inline-block;
            font-weight: 400;
            padding: 0;
        }

    .bookingmainarea {
        padding: 0 0 30px;
    }

    .bookingmainbox02 {
        padding: 25px 0 0;
    }

    .mybooking_tabspart {
        width: 100%;
    }

    .bookingmaincont03 .bookingmainbox {
        width: 100%;
    }

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

    .bookingmaincont03 .bookingmainbox02 {
        display: none;
    }

    .bookingfeedback textarea {
        width: 60%;
        height: 360px;
    }

    /* ****** My Profile Start ****** */

    .bookingmaincont.bookingmainprofile {
        padding: 0;
    }

    .cstmrprofilepart {
        width: 52%;
    }

    .profileblock .profilemenu {
        width: 38%;
    }

    .bookingmainprofile .bookingmainarea {
        margin: 25px 0 0px !important;
        padding: 40px 30px 40px;
    }

    .bookingmainprofile .profile-heading {
        font-size: 34px;
        line-height: 39px;
        width: auto;
    }

    .bookingpartcont {
        font-size: 16px;
        line-height: 24px;
        display: block;
    }

    .bookingroutename p {
        padding: 13px 0 0;
    }

    .bookingroutedetails {
        width: 73%;
    }

    .bookingmainprofile .bookingmainbox02 {
        padding: 32px 0 0;
    }

    .bookingmainbox02 .bookingpartcont {
        padding: 0;
    }

    .profileinfo {
        padding: 35px 30px 35px;
    }

    .psngrpersinfo {
        padding: 35px 30px 35px;
    }

    .psngrnameinfo {
        padding: 0 0 30px;
    }

    .profilenotification {
        width: 100%;
    }

    .profilent p {
        font-size: 14px;
        padding: 25px 130px 25px 10px;
    }

    .profilent .close {
        padding: 20px 0 0;
    }

    .profileupcoming .bookingroutename {
        width: 31%;
    }

    .profileupcoming .bookingticketbtn p {
        width: 50%;
    }

    .profilepsngr {
        padding: 0 0 0 110px;
    }

    /* ****** My Profile End ****** */

    /******Header Login/Signup Modal Style******/

    .popupleft img {
        max-width: 321px;
        height: 528px;
    }

    .logincontent {
        padding: 0 42px 25px 62px;
    }

    .loginfg {
        height: 42px;
    }

    .logingooglebtn {
        background-position: center -4461px;
        background-size: 46px;
    }

    .googlelink .loginbtnfbk {
        background-position: center -4423px;
        height: 42px;
        background-size: 44px;
    }

    .loginpopuptxt {
        padding: 15px 0 0;
    }

    .popuserdetail p {
        line-height: 22px;
        font-size: 16px;
        padding: 0 0 16px;
    }

    .popupclosebutton {
        padding: 14px 14px 0 0;
    }

        .popupclosebutton i {
            font-size: 20px;
        }

    .popuserdetail input {
        height: 40px;
    }

    .popuserdetail.popuserdetailbutton button {
        height: 40px;
    }

    .googlelink p {
        padding: 25px 0 15px;
    }

    .loginbtnicon a {
        height: 40px;
        background-position: center -6119px;
    }

    .loginbtnicon .loginbtnfbk {
        background-position: center -6345px;
    }

    .loginpopupotp label {
        font-size: 15px;
    }

    .resendotplink {
        padding: 12px 0 0;
    }

        .resendotplink a {
            font-size: 15px;
        }

    .popuserdetailotp p {
        padding: 0 0 11px;
    }

    .loginconfirmpopup {
        padding: 55px 0 55px;
    }

        .loginconfirmpopup h3 {
            font-size: 23px;
            line-height: 30px;
            padding: 0 0 40px;
        }

    .popupconfirmotp {
        width: 90px;
        height: 90px;
        font-size: 55px;
        line-height: 100px;
    }

    .loginconfirmpopup p {
        padding: 45px 0 0;
        font-size: 15px;
        line-height: 22px;
    }

    .logincstmrdata {
        padding: 25px 25px 50px;
    }

    .popuserdetail .passengertitle.hotdealbox label {
        font-size: 14px;
    }

    .popuserdetail .passengertitle.hotdealbox a {
        font-size: 14px;
        padding: 0 0 0 5px;
    }

    .web_input input {
        height: 40px;
    }

    .web_input label {
        font-size: 15px;
        padding: 25px 0 8px;
    }

    /******bus charter page css******/

    .fix_contentwidth .panel-primary > .panel-heading {
        padding: 0;
    }

    .charterinput .col-lg-6 label {
        padding: 20px 0 10px;
    }

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 82px !important;
        padding: 0 0 0 5px !important;
    }

    .charterinput .col-lg-6 textarea {
        height: 60px;
    }

    .mrgbtmlastbtn p {
        font-size: 13px;
        line-height: 19px;
        padding: 0 0 0 30px;
    }

    .mrgbtmlastbtn label::before {
        width: 18px;
        height: 18px;
    }

    .agntpgcaptcha .btn-primary {
        padding: 9px 35px 9px;
    }

    .buschartermainpage {
        padding: 0 20px 30px;
    }

    .buscharterimage p {
        top: 35px;
        font-size: 20px;
        line-height: 28px;
    }

    /****** About Us ******/

    .aboutus_page_title {
        font-size: 26px;
    }

    .aboutarea {
        padding: 25px 0 0;
    }

    .aboutcontent {
        padding: 40px 0 50px;
    }

        .aboutcontent p {
            font-size: 16px;
            line-height: 25px;
        }

    .aboutrightpart p {
        font-size: 16px;
        line-height: 26px;
    }

    .mainpioneers {
        padding: 55px 0 0;
    }

    .pioneerslider {
        padding: 35px 0 0;
    }

    .mainpioneers .aboutus_page_title::after {
        width: 370px;
        height: 17px;
        background-size: 370px;
        top: 8px;
    }

    .pioneerbox {
        width: 240px;
        height: 388px;
        background-size: 240px;
    }

    .aboutsuperlogo img {
        max-width: 280px;
    }

    .aboutsuperpart {
        padding: 60px 0 35px;
    }

        .aboutsuperpart h4 {
            font-size: 22px;
            padding: 50px 0 0;
        }

    .presshonour {
        padding: 60px 0 50px;
    }

    .honour-slide h3 {
        font-size: 22px;
        line-height: 31px;
    }

    .easemytripwrapbook {
        padding: 60px 0 0;
    }

    .bookinglist_tabs {
        margin: 15px 0 40px;
    }

    /****** Cancellation ******/

    .cancelinfo ul li span {
        font-size: 15px;
    }

    .canceldetails ul li span {
        letter-spacing: inherit;
    }

    .inputblock .form-group input {
        height: 48px;
    }

    .inputblock .form-group .input-group-addon {
        top: 63px;
    }

    /****** Terms & Condition ******/

    .fix_contentwidth .panel-body {
        padding: 22px 20px 20px;
        margin: 35px 0;
    }

    /****** Refund Status ******/

    .refunddetails {
        padding: 15px 10px;
    }

    /****** Agnet Registration ******/

    .agentformgroup {
        padding: 5px 10px;
    }

    .agentinput .col-lg-6 input {
        height: 46px;
        font-size: 15px;
    }

    .agentinput .col-lg-6 textarea {
        margin: 0 0 10px;
    }

    /****** Feedback ******/

    .feedback_wrapper {
        padding: 60px 0 40px;
    }

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

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

    .feedtextarea textarea {
        height: 240px;
    }

    .feedbackboxleft .bookcompratestar {
        justify-content: center;
    }

    .feedbackimg {
        display: none;
    }

    .feedbackimgmbl {
        display: block;
        width: 100%;
        float: left;
        text-align: center;
        padding: 30px 0 0;
    }

        .feedbackimgmbl iframe {
            width: 162px;
            height: 268px;
            aspect-ratio: 16/5;
        }

    .feedbackboxleft h4 {
        display: none;
    }

    .feedbacktextmbl {
        display: block !important;
    }
    /****** FAQs ******/

    .busc-heading {
        padding: 45px 0 0;
    }

    .faqwrapper {
        padding: 60px 0;
    }

    .page_title h2 {
        font-size: 30px;
    }

    .faq_main_wrap .tab {
        font-size: 16px;
    }

    .faq_main_wrap .panel .panel_sub_text {
        font-size: 15px;
    }

    .filter-drawer__title {
        font-size: 15px;
        padding: 0 40px 25px 0;
    }

        .filter-drawer__title::after {
            position: absolute;
            left: auto;
        }

    /****** Contact Us ******/

    .contactus_wrapper {
        padding: 50px 0 40px;
    }

    .contactus_main {
        padding: 25px 20px;
    }

    .contactus_bottom_button {
        padding: 25px 0 10px;
        float: left;
    }

    .web_input textarea {
        padding: 25px;
        height: 234px;
    }

    .contactus_contactdetails {
        min-height: 10px;
        padding: 30px 20px;
        background-position: center -1022px;
        background-size: 3400px;
    }

    .contactus_data_left p {
        font-size: 21px;
    }

    .contactus_data_right p {
        font-size: 21px;
    }

    .contactus_tab_main {
        padding: 50px 0 0;
    }

    .contactus_data_right {
        gap: 15px;
    }

        .contactus_data_right span {
            gap: 12px;
        }

    .custjrny_popup_head {
        padding: 35px 20px;
    }

    .custjrny_popup_return {
        border: none;
        padding: 30px 0;
        border-top: 1px solid var(--button-color);
        border-bottom: 1px solid var(--button-color);
    }

    .popup_bustime_fare {
        gap: 20px;
        justify-content: space-between;
        flex-basis: 100%;
    }

    .contactus_tab_main .filter-drawer__title::after {
        position: relative;
    }

    .contactus_tab_main .filter-drawer {
        flex-basis: 47%;
    }

    .contactus_tab_main .faq_content_list .filter_tab_main {
        justify-content: space-between;
        gap: 30px;
    }

    /*Quick Links*/

    .faq_main_wrap.quick_links_wrap {
        padding: 55px 0 10px;
    }

        .faq_main_wrap.quick_links_wrap .panels {
            padding: 0;
        }

    /**** Modify Ticket ****/

    .modifytickets {
        padding: 50px 0 40px;
    }

    .modifyticketspart {
        display: none;
    }

    .buscountmodify {
        display: none;
    }

    .crntbdpoint {
        padding: 0;
    }

    .crntbdpointbox {
        width: 100%;
        border: none;
    }

    .busboldlabelmdfy {
        display: none;
    }

    .busboldlabelmbl {
        display: block;
    }

        .busboldlabelmbl i {
            float: right;
            font-size: 20px;
            padding: 0 10px 0 0;
        }

    .busboldlabelmbl1 {
        display: block;
    }

    .modifyroutepoint {
        flex-direction: column;
        padding: 40px 0 0;
    }

    .modifyrouteleft {
        width: 100%;
        display: none;
    }

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

    .crntbdpointbox .busboldlabel {
        padding: 13px 5px;
        border-bottom: 1px solid #000;
    }

    .modifyroutesec .bookingbdcityarea {
        width: 71%;
    }

    .modifyboarding .bookingbdpart {
        padding: 25px 13px 23px 15px;
    }

    .modifyboarding .bookingbdroute {
        padding: 0 10px 20px 0;
    }

    .modifybdroute {
        padding: 15px 12px 0;
    }

    .modifyrouteleftmbl {
        display: block;
    }

    .collapsible-modify {
        width: 100%;
        float: left;
    }

    .collapsible-bdpoint {
        padding: 0;
        display: inherit;
        font-size: inherit;
        line-height: normal;
    }

    .mfyconfirm button {
        padding: 13px 46px;
    }

    .modifyrouteright {
        padding: 60px 0 0;
    }

    .modifyrouteleftmbl .bookingbdpart {
        padding: 25px 15px 20px;
        border: 1px solid #D9D9D9;
        border-radius: 15px;
    }

    .modifyrouteleft .busboldlabel {
        padding: 13px 5px 13px;
        border-bottom: 1px solid #000;
        margin: 0 0 35px;
    }

    .reserrormsgpart {
        padding: 55px 0 35px;
    }

    .reserrormsg {
        padding: 55px 40px;
        font-size: 20px;
        max-width: 70%;
    }

        .reserrormsg .confirmbackbtn {
            padding: 35px 0 0;
        }

    /**** Reschedule Ticket ****/

    .resticketpart h3 {
        font-size: 16px;
    }

    .reschedulebtn button {
        font-size: 15px;
        padding: 13px 35px;
    }

    .collapsibleres {
        flex-direction: column;
        padding: 30px 25px;
    }

    .rbuspnrnumber {
        display: none;
    }

    .routereschedule_icon {
        display: none;
    }

    .reschedulehead {
        width: 24%;
        padding: 0;
        border-right: none;
    }

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

        .reschedulepart .bookingroutedetails.rbookingdetails {
            width: 75%;
        }

    .ticketreschedule h3 {
        display: none;
    }

    .ticketrespart {
        padding: 0;
    }

    .collapsibleres h5 {
        display: block;
        padding: 25px 0 0;
    }

    .reschedulesec {
        padding: 30px 25px 45px;
    }

    .rescheduleseat h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .reschedulesec .modifydetailsinput input {
        height: 50px;
        font-size: 15px;
    }

    .confirmbackbtn button {
        font-size: 16px;
        padding: 12px 60px;
    }

    /**** Cancel Details ****/

    .cancelticketfare {
        padding: 35px 0 35px;
    }

        .cancelticketfare .payfarepart {
            padding: 40px 0 0;
        }

            .cancelticketfare .payfarepart button {
                font-size: 15px;
                padding: 13px 44px 12px;
            }

    .logintest .loginconfirmpopup {
        padding: 50px 70px 45px;
    }

        .logintest .loginconfirmpopup h4 {
            font-size: 22px;
        }

    /* Bus Charter */

    .charterinput .col-lg-6 .txtDateTime {
        background-position: 110% -7659px;
    }

    /* Blog */

    .blog_main_fullbox_right {
        width: 100%;
    }

    .bookinginput.bookingtodate input {
        background-position: 100% -680px;
    }

    .bookinginput.bookingtodate.bookingtodate_blog input {
        background-position: 100% -680px;
    }
    /* Carrier */

    .carriersliderpart img {
        max-width: 630px;
    }

    .carriersright h1 {
        font-size: 34px;
        line-height: 38px;
    }

    .carriersright {
        padding: 40px 0 0;
    }

    .carrierslider {
        padding: 0 0 38px;
    }

    .carrierwork {
        padding: 60px 0 60px;
    }

    .carrierteam {
        margin: 60px 0 0;
    }

    .carrierform {
        flex-direction: column-reverse;
    }

    .carrierformright {
        flex-basis: 100%;
        width: 100%;
        min-height: 391px;
        background-position: center -20px;
        background-size: 745px;
    }

    .carrierformleft {
        width: 100%;
        padding: 35px;
    }

    .customerpartwrap {
        padding: 55px 0;
    }

    .customerdropdownwrap {
        padding: 30px 0 0;
    }

    .cstmrsuccesstop h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .cstmrsuccesstop span {
        font-size: 15px;
        padding: 0;
    }

    .cstmrsuccessbtm p {
        font-size: 17px;
    }

    /* Carrier Application */

    .carrierappslider {
        padding: 60px 0 0;
    }

    .carrierappsliderpart {
        padding: 40px 0 40px 40px;
    }

        .carrierappsliderpart h2 {
            font-size: 34px;
            line-height: 40px;
        }

        .carrierappsliderpart p {
            font-size: 19px;
        }

    .carrierappaboutsec h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .carrierappaboutpart {
        padding: 30px 0 0;
        gap: 35px;
    }

    .carrieraboutcontent p {
        font-size: 18px;
        line-height: 25px;
    }

    .carrierappaboutright p {
        font-size: 18px;
        line-height: 25px;
    }

    .carrierappabout {
        padding: 45px 0 55px;
    }

    .carrierappapply {
        padding: 50px 0 50px;
    }

    .carrierappapplypart h2 {
        font-size: 30px;
        line-height: 34px;
    }

    .carrierappapplybox {
        padding: 30px 29px 36px;
    }

    .carrierproceedbtn {
        padding: 25px 0 0;
    }

        .carrierproceedbtn a {
            padding: 12px 40px 11px;
        }

    .carrierapproles {
        padding: 50px 0 50px;
    }

    .carrierapproleslide .owl-nav {
        top: -108px;
        right: 5px;
    }

    /* Partnership */

    .partnersliderleft h1 {
        font-size: 34px;
        line-height: 43px;
    }

    .partnersliderleft p {
        font-size: 19px;
    }

    .partnershipcolla {
        padding: 55px 0 0;
    }

    .supercollab {
        padding: 60px 0 0;
    }

    .carriercollab .carrierappapplybox {
        padding: 30px 30px 34px;
    }

    .collab-slide {
        width: 450px;
        height: 346px;
    }

    .collabscont {
        padding: 17px 30px 0 20px;
        height: 199px;
        background-size: 173px;
    }

        .collabscont h3 {
            font-size: 24px;
        }

        .collabscont p {
            font-size: 15px;
        }

        .collabscont span {
            font-size: 16px;
            padding: 15px 0 0;
        }

    /*Blog*/

    .blog_main_fullbox_left {
        width: 100%;
    }

    .blog_filter_content {
        padding: 40px 0 0;
    }

    .page_title h2 {
        padding: 0 0 20px;
    }

    .blog_main_content label .css-ahj2mt-MuiTypography-root {
        padding: 4px 20px;
    }

    .blog_box_dropdown {
        width: 320px;
    }

        .blog_box_dropdown .css-16awh2u-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
            font-size: 14px;
        }

    .blogwrapper {
        padding: 0 0 40px;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 60px 0 38px;
    }

    .emtlogo img {
        max-width: 420px;
    }

    .emtsection {
        padding: 45px 0 0;
    }

        .emtsection span {
            font-size: 22px;
        }

    .emtcont {
        padding: 40px 0 0;
        gap: 40px;
    }

        .emtcont img {
            max-width: 240px;
        }

    .emtsection p {
        padding: 45px 0;
    }

    .emtsection p {
        font-size: 18px;
        line-height: 28px;
    }

    .emtbutton {
        gap: 35px;
    }

        .emtbutton a {
            font-size: 20px;
            border-radius: 10px;
        }

    /*Customer info final*/

    .paymentroutebox {
        flex-direction: column;
        gap: 40px;
    }

    .payfaredetails {
        width: 100%;
        gap: 40px;
    }

    .custroutebox {
        width: 100%;
    }

    .cust_final {
        padding: 60px 0 20px;
    }

    .custfaredetails {
        padding: 0;
    }

    /*Thank You*/

    .thanksbox {
        width: 90%;
        padding: 35px 30px;
    }

    .thankspage {
        padding: 55px 0 35px;
    }

    .thanksbox h3 {
        font-size: 18px;
        line-height: 27px;
    }

    .thanksbox img {
        max-width: 110px;
    }

    .thanksbox p {
        font-size: 16px;
    }

    .thanksbox label {
        font-size: 16px;
    }

    /*Top Bus Route*/

    .toproutes_boxes p {
        font-size: 15px;
        bottom: 15px;
    }

    .top_route_link {
        padding: 45px 0 25px;
    }

    .top_pune {
        background-position: 92% top;
    }

    .top_mumbai {
        background-position: 92% top;
    }

    .top_mangalore {
        background-position: 92% top;
    }

    .top_hyderabad {
        background-position: 92% top;
    }

    .top_goa {
        background-position: 92% top;
    }

    .top_ahmedabad {
        background-position: 92% top;
    }

    .top_shirdi {
        background-position: 92% top;
    }

    .top_nagpur {
        background-position: 92% top;
    }

    .top_mysore {
        background-position: 92% top;
    }

    .top_indore {
        background-position: 92% top;
    }

    .toptitle h2, .toptitle h1 {
        font-size: 28px;
        line-height: 37px;
    }

    .top_routes_textbox {
        padding: 30px 0 0;
    }

        .top_routes_textbox p {
            padding: 18px 0 0;
        }

        .top_routes_textbox ul {
            padding-top: 12px;
        }

    .top_routes_choice {
        padding: 45px 0 55px;
    }

    .top_routes_super {
        padding: 35px 0 0;
    }

    .top_routes_box {
        width: 270px;
        height: 210px;
    }

    .amenities_toproute {
        padding: 55px 0 !important;
    }

    .top_routes_faq {
        padding: 55px 0 0;
    }

    .faq_content_toproute {
        padding: 10px 0 0;
    }

        .faq_content_toproute .filter-drawer__title {
            font-size: 15px;
            padding: 0 30px 20px 0;
        }

    .filter-drawer {
        padding: 25px 25px 0px;
    }

    /*blog New*/

    .slidertop.slidertopblog {
        margin: 0;
    }

    .blogcomfortleft.blogcomfortleft02 {
        width: 60% !important;
    }

    .blogcontent {
        padding: 120px 0 0;
    }

    .testimonial-head h2 {
        padding: 0;
    }

    .blogcontentleft.blogdetacontentleft {
        padding: 0 0 15px;
    }

    .blogcomfortparts .slick-prev, .blogcomfortparts .slick-next {
        top: -11%;
        right: 58px;
        left: auto;
    }

    .blogcomfortparts .slick-next {
        right: 0;
        left: auto;
    }

    .slider-text-bg.blogtext {
        top: 25px;
    }

        .slider-text-bg.blogtext .bannertitle {
            font-size: 60px;
            padding: 0;
        }

    .blogpostsbox {
        width: 100%;
    }

    /*blog details css*/

    .blogdetop {
        padding: 30px 0 0;
    }

    .exlorecontent.exlorecontent_inner p {
        font-size: 18px;
    }
}

@media only screen and (max-width:639px) {
    .journeycontent svg {
        width: 440px;
    }

    .journeycontent p {
        padding: 0 0 25px;
    }

    .superbus-slide a .super_bus_img {
        width: 410px;
        height: 310px;
        background-size: 400px;
    }

        .superbus-slide a .super_bus_img.super_bus_img2 {
            background-position: center -332px;
        }

    .faqwrapper_home .faq_main_wrap .faqmaintabs {
        gap: 10px;
        border: none;
    }

    .blogwrapper {
        padding: 0 0 28px;
    }

    .faqwrapper_home .faq_main_wrap .panels {
        padding: 0;
    }

    .faqwrapper_home .faq_main_wrap .tabs {
        padding: 0 0 10px;
    }

    .faqwrapper.faqwrapper_home {
        padding: 48px 0 0;
    }

    .carousel .slide .sliderpopup {
        max-width: 450px;
    }

    .carousel .slide img {
        max-width: 570px;
    }

    .captionpart h2 {
        font-size: 16px;
        width: 100%;
    }

    .discountpopup {
        padding: 40px 30px;
    }

    .searchbtn.discount {
        /*padding: 5px 16px;*/
        font-size: 15px;
    }

    /**** Connecting Route Style Start*****/

    .connecting_bus_details {
        flex-basis: 100%;
    }

    .connecting_route_details {
        flex-wrap: wrap;
        row-gap: 10px;
    }

        .connecting_route_details .bustime.busstarttime {
            flex-basis: 33%;
        }

        .connecting_route_details .bustime.busroutearrow {
            padding: 0px 0px 0;
            flex-basis: 33%;
        }

        .connecting_route_details .bustime.busendtime {
            flex-basis: 33%;
        }

        .connecting_route_details .busseatmodify {
            flex-basis: 70%;
        }

        .connecting_route_details .busendtime {
            text-align: right;
        }

        .connecting_route_details .bustime.busdelaytime {
            flex-basis: 50%;
        }

    .buslighttext.buslighttext-C {
        font-size: 15px;
        font-weight: 500;
        color: var(--primary-color);
    }

    /**** Connecting Route Style End*****/

    /*Validation*/

    #demo .css-3yjvh5-MuiPaper-root-MuiAlert-root {
        top: 20px;
    }

    .validation-unsuccess p {
        font-size: 15px;
        padding: 12px 20px 12px 20px;
    }

        .validation-unsuccess p i {
            font-size: 11px;
            margin: 0 8px 0 0;
            padding: 2px 0 0 1px;
            width: 18px;
            height: 18px;
        }

    .validation-success p {
        font-size: 14px;
        padding: 12px 25px 12px 25px;
    }

        .validation-success p i {
            font-size: 11px;
            margin: 0 8px 0 0;
            padding: 2px 0 0 1px;
            width: 18px;
            height: 18px;
        }

    .validation-alert p {
        font-size: 14px;
        padding: 12px 25px 12px 25px;
    }

        .validation-alert p i {
            font-size: 11px;
            margin: 0 8px 0 0;
            padding: 2px 0 0 1px;
            width: 18px;
            height: 18px;
        }

    .login_popup_main .css-3yjvh5-MuiPaper-root-MuiAlert-root {
        padding: 5px 40px !important;
    }

    .login_popup_main .css-1pxa9xg-MuiAlert-message {
        padding: 0 !important;
    }

    .routeimage iframe {
        height: 111px;
    }

    .routedropcity .css-1tb7pjp-MuiInputBase-root-MuiInput-root {
        font-size: 22px;
    }

    .routestitle2 input {
        font-size: 22px;
        background-position: right -11249px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 390px;
    }

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

    .menufixed .navbar-toggle {
        top: 16px;
    }

    .sec-center {
        top: 37px;
    }

    .eventbutton li a {
        padding: 6px 23px;
    }

    .fixedbtn.topfixedicon {
        left: 69%;
    }

    .headermenu .navbar-inverse .navbar-nav > li {
        margin: 0 70px 13px 0 !important;
    }

        .headermenu .navbar-inverse .navbar-nav > li > a {
            padding: 0 0 5px;
        }

    .headermenu .navbar-collapse p {
        padding: 30px 0 30px;
    }

    .cssmenu {
        padding: 0 0 0 30px;
    }

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

    /*.sliderwrapper {
        height: 445px;
        overflow: hidden;
        padding: 25px 0 0;
    }

        .sliderwrapper::after {
            height: 445px;
            background-size: 653px;
        }

        .sliderwrapper ul li img {
            max-width: 500px;
        }*/

    .slider_text h1 {
        font-size: 18px;
        line-height: 24px;
        padding: 0 0 12px;
    }

    .slider_text_btm p {
        font-size: 24px;
        line-height: 30px;
    }

        .slider_text_btm p.slider_text_dis {
            font-size: 17px;
            line-height: 21px;
            padding: 6px 0 0;
        }

    .slider_text_btm .slider_note {
        padding: 6px 0 0;
    }

    .slider_text_btm p.slider_text_dis span {
        font-size: 17px;
    }

    .slider_text .slider_heading01 {
        font-size: 18px;
        line-height: 24px;
        padding: 0 0 12px;
    }

    .slider_content {
        top: 18px;
        height: 285px;
    }

    .slider_iframe iframe {
        width: 180px;
        height: 80px;
    }

    .slider_iframe {
        right: -31px;
        top: -4px;
    }

    .sliderwrapper {
        background-position: 88% top;
        background-size: 1120px;
        height: 310px;
    }

    .carousel-caption {
        bottom: 17px !important;
    }

    .captionpart h1 {
        font-size: 30px;
        line-height: 39px;
    }

    .captionpart p {
        padding: 6px 0 0;
        font-size: 17px;
    }

    .bookinginput span {
        left: 43px;
    }

    .bookinginput .redclr {
        left: 44px;
    }

    .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 0px 4px 1px 0 !important;
    }

    .partialradiogroup .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
        font-size: 17px;
    }

    .bookinginput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        font-size: 19px;
        padding: 0 0 0 42px;
        height: 44px !important;
        background-position: 19px -384px;
        background-size: 54px;
    }

    .fromdatecity {
        height: 44px;
    }

    .bookinginput.bookingfromdate::before {
        top: 8px;
    }

    .bookinginput.bookingtodate::after {
        top: 9px;
    }

    .bookinginput.bookingfromdate::after {
        top: 9px;
        height: 30px;
    }

    .bookinginput.bookingfromdate input {
        padding: 0 0 0 20px;
    }

    .fromdatecity::after {
        top: 8px;
    }

    .cityswapicon {
        top: 8px;
    }

    .bookinginput input {
        height: 44px;
    }

    .bookinginput.bookingtodate input {
        font-size: 19px;
        padding: 0 0 0 44px;
        background-position: 17px -769px;
        background-size: 54px;
    }

    .bookinginput.bookingfromdate input {
        font-size: 19px;
        height: 44px;
    }

    .bookingsearch {
        padding: 10px 0 0;
    }

        .bookingsearch .searchbtn {
            float: none;
            width: 30%;
            height: 44px;
        }

    .viewupcoming .bookingsearch {
        padding: 0;
    }

    .superbuslider {
        padding: 50px 0 0;
    }

    .popupblock03 {
        width: 460px;
    }

    .routetabpart {
        padding: 0 25px;
        top: -72px;
    }

    .eventarea {
        padding: 100px 20px 35px;
    }

        .eventarea:after {
            width: 140px;
            height: 37px;
            background-size: 140px;
        }

    .mobileventarea .toptitle h3 {
        font-size: 24px;
    }

    .mobileventarea .toptitle p {
        font-size: 14px;
    }

    .toptitle h3 {
        font-size: 26px;
        line-height: 34px !important;
    }

    .toptitle p {
        padding: 4px 0 0 !important;
        font-size: 16px;
        line-height: 24px;
    }


    .eventpart {
        padding: 55px 0 0;
    }

    .eventbutton a {
        padding: 5px 22px;
        font-size: 13px;
    }

    .topdestination {
        padding: 45px 0 0;
    }

    .destinationarea {
        padding: 33px 0 0;
    }

    .routetabarea {
        padding: 22px 25px 26px;
    }

    .routepoptab {
        width: 44%;
    }

    .routepoptab02 {
        width: 48%;
    }

    .routepopsearch {
        padding: 28px 0 0;
    }

    .destinationslider .owl-nav {
        display: none;
    }

    .offerdeals {
        padding: 45px 0 0;
    }

        .offerdeals .owl-nav {
            display: none;
        }

    .offerslider {
        padding: 33px 0 0;
    }

    .offerbox {
        width: 340px;
        height: 162px;
        background-size: 340px;
    }

    .offercontent p {
        font-size: 18px;
        left: -15px;
        top: 65px;
    }

    .offerdetails {
        padding: 15px 45px 0 91px;
    }

        .offerdetails span {
            font-size: 17px;
            line-height: 23px;
        }

        .offerdetails i {
            font-size: 14px;
            padding: 8px 0 12px;
            line-height: 20px;
        }

        .offerdetails a {
            font-size: 13px;
            padding: 4px 80px 4px 10px;
            background-position: 92% -1327px;
        }

    .offerbox02 .offerdetails {
        padding: 16px 20px 0 20px;
    }

        .offerbox02 .offerdetails a {
            font-size: 13px;
            padding: 1px 18px;
        }

    .superbus {
        padding: 50px 0 0;
    }

    .superbusbox {
        width: 350px;
        height: 272px;
        padding: 20px 0 0 20px;
        background-size: 350px;
    }

        .superbusbox p {
            font-size: 20px;
            line-height: 28px;
        }

    .superbusdetails {
        padding: 22px 0 0;
    }

        .superbusdetails a {
            padding: 4px 14px 4px;
            font-size: 15px;
        }

        .superbusdetails .superbusleeper {
            padding: 4px 17px 4px;
        }

    .superbuspart {
        padding: 28px 0 0;
    }

        .superbuspart a {
            width: 80px;
            height: 80px;
            background-position: center -1530px;
        }

        .superbuspart .superbusbag {
            background-position: center -1764px;
        }

        .superbuspart .superbuslight {
            background-position: center -2001px;
            margin: 0;
        }


    /******Popup Home Page******/

    .popupblock02 {
        width: 460px;
        height: 582px;
        overflow-y: auto;
    }

    .amenities-sprtab {
        flex-basis: 48%;
    }


    .supertabpart {
        width: 100%;
        padding: 25px 15px 0;
        height: 330px;
    }

    .supertabs input[type="radio"]:checked + label::after {
        width: 50px;
    }

    .amenities-sprtab {
        flex-basis: 39%;
    }

        .amenities-sprtab p {
            padding: 5px 0 5px 41px !important;
            background-position: left -7px;
            background-size: 32px;
        }

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

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

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

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

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

    .tabreview {
        padding: 24px 0;
        display: block;
    }

    .reviewicon {
        width: 100%;
        justify-content: flex-start;
        gap: 20px;
    }

    .reviewcont {
        width: 90%;
    }

        .reviewcont p {
            padding: 10px 0 0;
        }


    /******Popup Home Page End******/

    .choosewrapper {
        margin: 60px 0 0;
    }

    .chooseuscard {
        width: 100%;
        height: 155px;
        padding: 30px 0 0 25px;
    }

    .chooseuscardimage {
        height: 92px;
        width: 92px;
        display: block;
        float: left;
    }

    .chooseuscard p {
        padding: 0 18px 0;
        width: 70%;
        float: left;
        text-align: left;
    }

    .chooseuscard span {
        padding: 14px 10px 0 18px;
        float: left;
        width: 78%;
        text-align: left;
    }

    .choosecontent {
        padding: 50px 0 60px;
    }

    .chooseusrow {
        padding: 35px 0 0;
    }

    .amenitieswrapper {
        padding: 50px 0 0;
    }

    .amenitiesrow {
        padding: 35px 0 0;
    }

    .applicationwrapper {
        margin: 60px 0 0;
    }

        .applicationwrapper:after {
            background-size: 640px 91%;
            left: -300px;
            bottom: -330px;
            width: 810px;
            transform: rotate(-37deg);
        }

    .appsection {
        padding: 25px 0 0;
    }

        .appsection span {
            flex-basis: 100%;
        }

    .qrcontent {
        display: block;
        text-align: center;
    }

    .qrmobile {
        width: 356px;
        margin: 0 auto;
        text-align: center;
    }

    .qrmobilelink {
        padding: 20px 0 0;
    }

        .qrmobilelink h3 {
            font-size: 19px;
            padding: 0 0 17px;
            text-align: center;
        }

    .qrscanner {
        display: none;
    }

    .qrcontent a {
        padding: 0 5px 0;
    }

    .exloreindia {
        padding: 50px 0 0;
    }

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

    .exloreslider {
        padding: 35px 0 0;
    }

    .exlorebox {
        width: 230px;
        /*height: 266px;*/
        /*background-size: 230px;*/
    }

    .exlorecontent {
        bottom: 25px;
    }

        .exlorecontent p {
            font-size: 16px;
            line-height: 22px;
            padding: 0 50px 16px 0;
        }

        .exlorecontent a {
            font-size: 13px;
            padding: 4px 15px;
        }

    .superbusjourney {
        padding: 60px 0 25px;
        overflow: hidden;
    }

    .superbuslogo {
        padding: 0 0 45px;
    }

        .superbuslogo img {
            max-width: 240px;
        }

    .downloadpart {
        padding: 40px 20px;
        background-size: 3700px;
        background-position: center -1055px;
    }

    .downloadapparea {
        padding: 19px 0 0;
    }

        .downloadapparea h3 {
            font-size: 22px;
            line-height: 27px;
        }

    .downloadqr {
        padding: 17px 0 0;
    }

        .downloadqr a {
            width: 120px;
            height: 36px;
            background-size: 120px;
            background-position: center -7px;
        }

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

    .footertoppart {
        padding: 150px 0 60px;
    }

    .footerlogo a img {
        width: 100%;
        max-width: 205px;
    }


    .socialicon p {
        font-size: 15px;
        padding: 0 0 10px;
    }

    .socialicon a {
        font-size: 21px;
        line-height: 24px;
        padding: 0 23px 0 0;
    }

    .navfooter03 {
        width: 21%;
    }

    .footeraddress {
        padding: 35px 0 0;
    }

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

    .footertravelslink {
        padding: 36px 0 34px;
    }

    /* start media query AvailbleRoutes page style*****/

    .passengerbox.payment_gateway label .MuiTypography-body1 {
        width: 85%;
    }

    .popupblockpart.popupblockpart01 .productImage {
        height: auto;
    }

    .popupblockpart.popupblockpart01 .sprtabbing .noroute p {
        font-size: 14px;
        line-height: 21px;
        font-weight: 500;
    }

    .routedateslider iframe {
        border-radius: 10px;
    }

    .busroutetimetable {
        justify-content: space-between;
    }

    .busfairdetails {
        width: 17%;
    }

    .bookingdbinr {
        display: block;
        text-align: center;
    }

    .bookpayment {
        display: block;
        width: 100%;
    }

        .bookpayment span {
            display: block;
            padding: 15px 0 20px;
        }

        .bookpayment button {
            padding: 9px 45px;
        }

    .modifydate {
        padding: 20px 0 0;
    }

    .superroutetabs {
        overflow-x: auto;
    }

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

    .route_tabbing_details .supertabs ul {
        width: max-content;
        gap: 40px;
    }

    .busfacilitiestab .nav-tabs .nav-item {
        padding: 0;
    }

    #thumbs {
        top: 180px;
    }

        #thumbs img {
            height: 56px;
            width: 56px;
            margin: 0 6px;
        }

    .popupblockpart.popupblockpart01 #thumbs {
        top: 170px;
    }

    .popupblockpart.popupblockpart01 {
        width: 640px;
        height: 588px;
    }

    .route_tabbing_details {
        height: 620px;
    }

    .popupbdpoint {
        padding: 0 20px 0 25px;
    }

    .popupblockpart.popupblockpart01 .popupbdpoint {
        height: 120px;
    }

    .popupblockpart.popupblockpart01 .supertabs .sprtabbing {
        max-height: 255px;
        padding: 20px 0 0;
    }

    .fromtopoint {
        padding: 10px 0 10px;
    }

    .route_tabbing_details .supertabpart {
        height: 345px;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtablist {
        gap: 15px;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab img {
        width: 100%;
        max-width: 30px;
    }

    .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_amenities p {
        line-height: 21px;
        font-size: 14px;
        font-weight: 500;
    }

    .sprbdtab {
        border: none;
    }

    .busroutevialist .vialist ul {
        width: 100% !important;
    }

    .reviewicon {
        padding: 0 0 20px;
    }

    .route_tabbing_details #thumbs {
        top: 270px;
    }

    .superbdarea {
        width: 100%;
    }

    .popupblockpart.popupblockpart01 .sprbdtab {
        display: block;
        height: 225px;
    }

    .superbdarea02 {
        border-left: none;
        padding: 9px 0 0;
    }

    .amenities-sprtablist {
        gap: 15px 0;
    }

    .passengerbox {
        padding: 30px 20px 38px;
        margin: 0;
    }

    .viewroutedetails {
        padding: 38px 0 0;
    }

    .payfarepart {
        display: block;
        padding: 30px 0 10px;
        text-align: center;
    }

        .payfarepart button {
            padding: 9px 50px;
        }

    .faredetails p {
        padding: 0 0 35px;
    }

    .bookinrtotal {
        padding: 20px 0 30px;
        float: left;
        display: block;
        text-align: center;
    }

        .bookinrtotal .bookinrbtn {
            text-align: center;
            width: 100%;
            padding: 30px 0 0;
        }

    .bookinrbtn button {
        padding: 10px 42px;
    }

    .gststate {
        width: 100%;
        padding: 5px 0 20px;
    }

    .passengerbox.passengersubdetails {
        padding: 25px 20px 25px;
    }

    .passgender .css-qfz70r-MuiFormGroup-root {
        gap: 10px;
    }

    .passgender .css-1hpqosy-MuiFormControlLabel-root {
        gap: 0;
    }

    .passgender .css-ahj2mt-MuiTypography-root {
        font-size: 14px;
    }

    .psngrtdetails {
        font-size: 16px;
    }

    .passcontactdata .passemail {
        padding: 0 0 20px;
    }

    .passnamedetails {
        display: block;
    }

    .passname {
        margin: 0 0 20px;
    }

    .passgenderage {
        padding: 15px 0 0;
    }

    .bookinrdetails .passcount {
        font-size: 18px;
    }

    .bookinrdetails p {
        font-size: 14px;
        line-height: 20px;
    }

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

    .seatpricefilter {
        width: max-content;
        gap: 40px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        float: left;
        width: 100%;
        justify-content: space-between;
        padding: 15px 0 0;
    }

        .busfacilitiestab .nav-tabs .nav-item.nav-item-button .nav-link {
            float: right;
        }

    .modifyinputpart label {
        font-size: 13px;
        padding: 10px 0 0;
    }

    .routedetail {
        padding: 0;
    }

    .busroutedatatime {
        display: none;
    }

    .busroutedatatimembl {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 25px 20px 0;
    }

    .buslighttext.buslighttext_small {
        text-align: center;
    }

    .buslighttext.buslighttextbold {
        text-align: center;
    }

    .bustiming {
        width: 76%;
    }

    .busnametype {
        width: 100%;
    }

    .busratting {
        display: none;
    }

    .busrattingmbl {
        display: inline-block;
        padding: 0;
    }

    .cancellation-list-title {
        font-size: 13px;
        padding: 10px 10px;
    }

    .cancellation-list {
        font-size: 12px;
        padding: 8px 15px;
    }

    .amenities-tab-section {
        padding: 20px 10px;
    }

    .amenities-tab-box p {
        font-size: 14px;
        padding-left: 5px;
    }

    .amenities-tab-list {
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }

    .boarding-point-tab, .dropping-point-tab {
        width: 100%;
        float: left;
        padding: 0 0 15px;
    }

    .boarding-list-type {
        padding: 20px 0 0;
        height: 150px;
    }


    .routepoint {
        flex-wrap: wrap;
        gap: 10px 10px;
    }

    .bookingservicefair {
        flex-wrap: wrap;
        gap: 10px 10px;
    }

    .boardingpointchart {
        width: 100%;
    }

    .droppingpointchart {
        width: 100%;
        margin: 20px 0 0;
    }

    .bookingservicedetails, .bookingfairdetails {
        width: 100%;
    }

    .customerinfowrapper {
        padding: 0;
    }

        .customerinfowrapper .customer-route-time {
            font-size: 14px;
        }

            .customerinfowrapper .customer-route-time .bus-route-date {
                padding: 0 5px 0 0;
            }

            .customerinfowrapper .customer-route-time .bus-fix-number {
                padding: 0 0 0 5px;
            }

            .customerinfowrapper .customer-route-time .bus-fix-number {
                border-left: none;
                padding: 0;
                width: 100%;
            }

    .passengernumber {
        padding: 0 0 10px;
    }

    .passengerfillbox {
        flex-wrap: wrap;
    }

    .passname {
        width: 100%;
        margin: 0 0 12px;
    }

    .passgender {
        width: 49%;
    }

    .passage {
        width: 49%;
    }

    .passengerbox.gstdetails {
        padding: 16px 0;
    }

    .passcontactdata {
        flex-wrap: wrap;
    }

        .passcontactdata .passemail {
            width: 100%;
        }

        .passcontactdata .passphone {
            width: 100%;
        }

    .pg_gateway img {
        max-width: 215px;
    }

    .bookingbdpoint {
        width: 100%;
        border-right: none;
    }

    .bdpointooltip i {
        margin: 0 0 0;
    }

    .bookingcontinue button {
        padding: 8px 34px;
    }

    .paydetails {
        width: 100%;
    }

    .custroutebox {
        width: 100%;
    }

    .paymentroutebox {
        flex-wrap: wrap;
        gap: 20px;
    }

    .custoffer {
        padding: 15px 0 0;
    }

    .cust_final {
        padding: 60px 0 20px;
    }

    .psngrfareamount h2 {
        font-size: 22px;
    }

    .psngrfareamount {
        padding: 0 0 20px;
    }

    .restroute_point_popup.css-zw3mfo-MuiModal-root-MuiDialog-root {
        width: 65%;
    }

    .passengertitle {
        font-size: 18px;
    }

    .restroute_point_popup .dbroutehead {
        font-size: 18px;
    }

    .restroute_point_popup .dbpointnm_data .dbroutehead {
        font-size: 15px;
    }

    button.okbtn {
        padding: 10px 46px;
    }

    /* end media query AvailbleRoutes page style*****/

    /*ModifyTicket css*/

    .modifyroutepoint .modifyboarding .bookingbdroute {
        padding: 0 0 20px !important;
    }

    .modifyroutepoint .bookingbdroute {
        padding: 0 0 20px;
    }

    .panel-heading {
        font-size: 26px;
    }


    .modifi_ticket_input .managepnr button {
        margin: 0;
        padding: 12px 40px;
    }

    .modifi_ticket_input .managepnr input {
        height: 46px;
    }

    .modifi_ticket_input {
        padding: 30px 20px;
        gap: 20px;
    }

        .modifi_ticket_input .managepnr label {
            font-size: 15px;
            padding: 0 0 6px 10px;
        }

    .managewrapper {
        padding: 0 0 10px;
    }

    .managetitle {
        font-size: 18px;
        padding: 10px 0;
        margin: 0;
        text-align: left;
    }

    .managepnr.managebutton {
        padding: 10px 0 0;
    }

    .managepnr label::after {
        right: 15px;
    }

    .managepnr label {
        font-size: 16px;
    }

    .modify_popup_main .css-ypiqx9-MuiDialogContent-root {
        padding: 10px;
    }

    .modifyinputflex {
        flex-wrap: wrap;
    }

    .modifydetailsinput {
        width: 100%;
    }

    .modify_popup_main .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
        font-size: 15px;
        margin-right: 15px;
        padding: 2px 0 0 4px;
    }

    .modifydetailsinput {
        padding: 10px 0 0;
    }

    .modifyarticledetails {
        padding: 25px 0 35px;
    }

    .modify_popup_main .css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
        padding: 0 !important;
    }

    .modifydetailsinput input {
        height: 40px;
    }

    .partialdatatitle span {
        font-size: 13px;
    }

    .partialdatadetails p {
        font-size: 13px;
        padding: 0;
    }

    .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
        padding: 2px;
    }

    .modifytickets {
        padding: 45px 0 35px;
    }

    .modifyroutepoint {
        padding: 30px 0 0;
    }

    .mfyconfirm button {
        padding: 11px 40px;
    }

    /*ModifyTicket css*/


    /* ****** My Profile Start ****** */

    .profilepsngr {
        padding: 0 0 0 95px;
    }

    .profileupcoming {
        width: 100%;
    }

    .popupblock {
        width: 450px;
        height: 690px;
    }

        .popupblock img {
            padding: 40px 0 0;
            max-width: 300px;
        }

    .popupbutton {
        padding: 26px 0 0;
    }

    .profilewrapper {
        padding: 50px 15px 35px;
    }

    .cstmrprofilepart {
        width: 60%;
    }

    .profileblock .profilemenu {
        width: 45%;
    }

    .customerprofile {
        padding: 0 0 25px;
    }

    .profileblock .profilemenu li {
        padding: 10px 0 10px 50px;
        background-position: 5px -542px
    }

    .profileblock .profilemenu .pdropmenu02 {
        background-position: 5px -1070px;
    }

    .profileblock .profilemenu .pdropmenu03 {
        background-position: 5px -804px;
    }

    .profileblock .profilemenu .pdropmenu04 {
        background-position: 5px -674px;
    }

    .profileblock .profilemenu .pdropmenu05 {
        background-position: 5px -937px;
    }

    .profileblock .profilemenu .pdropmenu06 {
        background-position: 5px -1335px;
    }

    .profileblock .profilemenu .pdropmenu07 {
        background-position: 5px -1465px;
    }

    .profileblock .profilemenu .pdropmenu08 {
        background-position: 5px -1598px;
    }

    .profileblock .profiletabpart {
        padding: 45px 0 0;
    }

    .profilemainh {
        font-size: 18px;
        padding: 0 0 16px;
    }

    .profilelocalhead {
        font-size: 16px;
    }

    .viewupcoming a {
        font-size: 15px;
    }

    .bookingmainprofile .bookingmainarea {
        width: 100%;
    }

    .bookingmainprofile .bookingmainarea {
        margin: 22px 0 0px !important;
        padding: 30px 22px 30px;
    }

    .bookingmainprofile .panel-heading {
        font-size: 30px;
        line-height: 36px;
    }

    .bookingroutename label {
        font-size: 14px !important;
    }

    .bookingroutename p {
        padding: 11px 0 0;
        font-size: 14px;
        line-height: 19px;
    }

    .bookingroutename span {
        font-size: 13px;
    }

    .bookingbusicon {
        width: 36px;
        height: 27px;
        margin: 22px 0 0;
        background-size: 36px;
    }

    .bookingmainprofile .bookingmainbox02 {
        padding: 29px 0 0;
        width: auto;
    }

    .bookingmainprofile .bookingmainbox {
        width: 75%;
    }

    .profileinfo {
        padding: 30px 22px 30px;
        width: 100%;
    }

    .profilepsngrname {
        font-size: 15px;
    }

    .prifilepsngr p {
        font-size: 14px;
        font-weight: 400;
        padding: 4px 0 0;
    }

    .profileupcoming .noroute {
        padding: 30px 0 0;
    }

    .profileinfopage {
        padding: 20px 0 0;
    }

    .profilepersonalinfo .viewupcoming {
        padding: 0 6px 0 0;
    }

    .profilepsngrname {
        font-size: 14px;
    }

    .psngrnameinfo {
        padding: 0 0 25px;
    }

    .profilepsdata {
        width: 100%;
        padding: 0 0 25px;
    }

    .profiletravel {
        padding: 5px 22px 40px;
    }

    .profiletravelicon a img {
        max-width: 180px;
    }

    .psngrpersinfo {
        width: 100%;
        padding: 30px 22px 35px;
    }

    .psngrnameinfo {
        padding: 0;
        display: block;
        float: left;
    }

    .psngerprofiledata {
        padding: 0 0 17px;
    }

    .profilepsdata input {
        height: 46px;
        font-size: 15px;
        padding: 0 0 0 25px;
    }

    .profilegender {
        padding: 0;
    }

    /* ****** My Profile End ****** */


    /*ContactUS page css******************/

    .contactuscol .addrow {
        padding: 0 5px;
    }

    .contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        gap: 70px;
    }

    .contactus_tab_main .faq_main_wrap .panels {
        padding: 20px 25px 25px;
    }

    .contactmainwrap {
        gap: 45px;
    }

    .contactus_tab_main .faq_content_list .filter_tab_main {
        gap: 20px;
    }

    /*ContactUS page css******************/


    /****feedback page css******/

    .feedback_wrapper {
        padding: 55px 0 0;
    }

    .feedbkinput .col-lg-6 {
        width: 100%;
    }

    .agntpgcaptcha .col-lg-6 {
        width: 100%;
    }

    .feedbkinput {
        gap: 5px 10px;
    }

    .feedbackmainbox {
        padding: 30px;
    }

    .feedbackstar {
        padding: 25px 0 0;
    }

    .feedbackboxright h3 {
        font-size: 16px;
    }

    .feedbackboxleft h4 {
        font-size: 15px;
    }

    .feedbackboxright {
        padding: 30px 0 0;
    }

    .feedcheckbox {
        padding: 20px 0 0;
        float: left;
        display: block;
    }

    .feedbackcheckbox {
        float: left;
        padding: 0 6px 14px 0;
    }

    .feedtextarea {
        padding: 15px 0 0;
    }

        .feedtextarea textarea {
            height: 220px;
            font-size: 15px;
        }

    .feedbackboxright .blog_main_content .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        width: 100%;
        flex-direction: inherit;
    }

    /****feedback page css******/


    /****Bus Charter css******/

    .busc-heading {
        padding: 40px 0 0;
    }

    .buscharterimage img {
        display: none;
    }

    .mblbuscharter {
        display: block !important;
    }

    .buscharterimage p {
        display: none;
        left: 0;
    }

    .mblbuschartertxt {
        display: block !important;
        text-align: center;
        width: 100%;
    }

    .charterinput .col-lg-6 {
        width: 100%;
    }

        .charterinput .col-lg-6 .txtDateTime {
            background-position: 103% -6074px;
            background-size: 50px;
        }

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 110px !important;
        padding: 0 0 0 20px !important;
    }

    .mrgbtmlastbtn {
        padding: 40px 0 0;
        text-align: center;
    }

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

    .agntpgcaptcha .btn-primary {
        float: none;
    }

    .mrgbtmlastbtn p i {
        display: inherit;
    }


    /*agent registration css*/

    .agentinput {
        padding: 10px 0 0;
    }

        .agentinput .col-lg-6 {
            width: 100%;
        }

            .agentinput .col-lg-6 label {
                font-size: 15px;
                padding: 5px 0;
            }

            .agentinput .col-lg-6 input {
                height: 40px;
            }
    /*agent registration css*/

    /*pay online css*/

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

        .payonlinetop h4 {
            font-size: 20px;
            padding: 0 0 10px;
            margin: 0 0 15px;
        }

        .payonlinetop ul li span {
            font-size: 14px;
            padding-left: 8px;
        }

    .inputblock {
        justify-content: left;
        gap: 8px;
        flex-wrap: wrap;
    }

        .inputblock .form-group {
            width: 100%;
        }

            .inputblock .form-group label {
                font-size: 14px;
                padding: 5px 0;
            }

            .inputblock .form-group input {
                height: 40px;
                font-size: 14px;
            }

    .panel-body .togglebutton a {
        font-size: 14px;
    }

    .panel-body .togglebutton .btn-primary {
        font-size: 15px;
        padding: 10px 20px;
        margin: 15px 0 0;
    }

    /*pay online css*/

    /******Header Login/Signup Modal Style******/

    .profileinputdetails {
        padding: 15px 0 0;
    }

    .login_popup_main .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        border-radius: 0;
    }

    .popupleft {
        width: 100%;
    }

        .popupleft img {
            width: 100%;
            display: none;
            float: left;
            max-width: 100%;
            height: auto;
        }

    .loginbusmbl {
        display: block !important;
        width: 100%;
    }

    .popupright {
        border-radius: 20px 20px 0 0;
        margin: -33px 0 0;
        width: 100%;
        background-color: var(--secondary-color);
    }

    .logincstmrdata {
        padding: 15px 30px 40px;
    }

    .loginpesdata {
        padding: 0 0 22px;
    }

    .profileinputdetails.profileinputdetailsbtn button {
        font-size: 14px;
        padding: 6px 30px;
    }

    .signinpopupmain .popupright {
        margin: 0;
    }

    .popupclosebutton i {
        font-size: 22px;
    }

    .logincontent {
        padding: 0 50px 40px;
    }

    .loginfg .nsm7Bb-HzV7m-LgbsSe svg {
        width: 22px !important;
        height: 22px !important;
    }

    .popuserdetail p {
        text-align: center;
        padding: 0 0 35px;
    }

    .loginconfirmpopup {
        padding: 50px 0 50px;
    }

        .loginconfirmpopup h3 {
            font-size: 20px;
            padding: 0 0 35px;
        }

    .css-ki1hdl-MuiAlert-action {
        left: 380px;
        top: 7px;
    }

    .loginpesdata {
        width: 100%;
        display: block;
        padding: 0;
        float: left;
    }

        .loginpesdata .popuserdetail {
            width: 100%;
            padding: 0 0 20px;
        }

    .loginlogo img {
        max-width: 150px;
    }

    /*My Booking css*/

    .bookingsubmit .bookingroutename {
        width: auto !important;
    }

    .bookingroutedetails {
        width: 77%;
    }

    .bookingdatedetails {
        width: 19%;
        padding: 0 6px 0 0;
    }

    .bookingroutename {
        width: 42%;
    }

    .bookingmainbox02 .bookingroutename {
        width: 100% !important;
    }

    .book-heading {
        font-size: 30px;
        line-height: 34px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails {
        padding: 35px 22px 30px;
    }

    .mybooking_tabsarea02 .bookingmaincont {
        padding: 0 22px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails02 {
        padding: 30px 0 30px;
    }

    .mybooking_tabsarea02 .bookingjrnydetails03 {
        padding: 20px 0 30px;
    }

    .mybooking_tabsarea02 .bookingmainbox02 {
        padding: 30px 0 0;
    }

    .mybooking_tabsarea02 .bookingticket {
        padding: 27px 0 41px;
    }

    .bookingdatedetails .panel-heading {
        font-size: 30px;
    }

    .mybooking_tabsarea03 {
        padding: 0 22px !important;
    }

    .bookingbusname {
        padding: 22px;
    }

    .bookingticket {
        padding: 27px 30px 40px;
    }

    .bookingticketbtn {
        width: 100%;
        padding: 0 0 25px;
    }

        .bookingticketbtn p {
            width: 50%;
        }

            .bookingticketbtn p::after {
                right: 15%;
            }

        .bookingticketbtn .mybookmodify:after {
            display: none
        }

    .bookingqrarea img {
        max-width: 180px;
    }

    .bookingroutename.bookingroutename03 span {
        line-height: 21px;
    }

    .profileupcoming .bookingdwnticket {
        border: none;
    }

    .bookingdwnticket {
        width: 100%;
        text-align: center;
        display: inline-block;
        padding: 35px 0 0;
        border-top: 1px solid #e1e1e1;
    }

        .bookingdwnticket a {
            padding: 9px 43px 9px;
            display: inline-block;
            vertical-align: middle;
        }

    .mybooking_tabsarea03 .bookingbusname {
        padding: 22px 0;
    }

    .mybooking_tabsarea03 .bookingmaincont {
        padding: 30px 0 5px;
    }

    .bookingmaincont03 .bookingmainarea {
        padding: 0;
    }

    .bookingroutename label {
        font-size: 14px !important;
    }

    .bookingroutename p {
        font-size: 14px;
    }

    .bookingmaincont {
        padding: 30px 22px 0;
    }

    .btnpart {
        gap: 10px;
    }



    .bookingsubmit {
        padding: 35px 22px 40px;
        flex-wrap: wrap;
        gap: 20px;
    }

    .bookingbusicon {
        width: 36px;
        height: 27px;
        margin: 22px 0 0;
        background-size: 36px;
    }

    .bookingjrnydetails02 .bookingroutename p {
        font-size: 14px;
    }

    .bookingjrnydetails02 .bookingpartcont {
        font-size: 22px;
        line-height: 29px;
    }

    .bookingjrnydetails02 .bookingroutename span {
        font-size: 14px;
        padding: 13px 0 0 16px;
        background-position: left -6562px;
    }

    .bookingjrnydetails02 .bookingroutename a {
        font-size: 14px;
        background-position: left -6566px;
        padding: 9px 0 0 16px;
    }

    .bookingjrnydetails03 .bookingroutename label {
        font-size: 14px !important;
    }

    .bookingjrnydetails03 .bookingroutename p {
        padding: 11px 0 0;
    }

    .bookingfeedback textarea {
        width: 70%;
    }


    /**** About Us ****/

    .aboutwraper {
        padding: 50px 0 0;
    }

    .aboutus_page_title {
        font-size: 24px;
    }

    .aboutcontent p {
        font-size: 15px;
        line-height: 24px;
        padding: 24px 0 0 !important;
    }

    .aboutrightpart p {
        font-size: 15px;
        line-height: 23px;
        font-weight: 500;
    }

    .mainpioneers {
        padding: 50px 0 0;
        overflow: hidden;
    }

        .mainpioneers .aboutus_page_title::after {
            width: 320px;
            height: 16px;
            background-size: 320px;
            top: 8px;
            right: -160px;
        }

    .pioneerbox {
        height: 347px;
    }

    .pioneercontent {
        height: 100px;
    }

        .pioneercontent h3 {
            font-size: 18px;
            line-height: 29px;
        }

            .pioneercontent h3 i {
                display: contents;
            }

        .pioneercontent p {
            font-size: 15px;
            padding: 5px 0 0;
        }

    .aboutsuperlogo img {
        max-width: 250px;
    }

    .aboutsuperpart h4 {
        font-size: 20px;
        padding: 45px 0 0;
    }

    .presshonour {
        padding: 50px 0 46px;
        margin: 0 0 40px;
    }

    .honourslide {
        padding: 32px 0 0;
    }

    .honour-slide h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .honourpart p {
        font-size: 16px;
        line-height: 25px;
        color: var(--primary-color);
        font-weight: 500;
    }

    .easemytripwrapbook {
        padding: 50px 0 0;
    }

    .easemytripwrapmdfy {
        display: block;
    }

    .bookinglist_tabs {
        margin: 15px 0 30px;
    }

    /**** Terms & Conditions ****/

    .termsdata {
        padding: 0 15px;
    }

    .conditionsdata {
        padding: 12px 0 10px;
    }

        .conditionsdata h3 {
            font-size: 21px;
        }

    /****** Refund Status ******/

    .refunddetails .refunddata {
        width: 100%;
        padding: 0 0 25px;
    }

        .refunddetails .refunddata input {
            height: 46px;
            font-size: 15px;
        }

        .refunddetails .refunddata label {
            padding: 0px 0 8px 10px;
        }

    /****** Cancellation ******/

    .inputblock .form-group .input-group-addon {
        top: 45px;
        right: 16px;
    }

    /****** Cancel Details ******/

    .cancelticketfare {
        padding: 50px 0 30px;
    }

        .cancelticketfare .faredetails {
            padding: 40px 30px 60px;
        }

        .cancelticketfare .cust_savegst {
            padding: 10px 0 60px;
        }

    .logintest .loginconfirmpopup h4 {
        line-height: 27px;
        font-size: 20px;
    }

    .popupconfirmotp {
        margin: 0 0 30px;
    }

    .logintest .payfarepart button {
        padding: 11px 40px 10px;
    }

    .logintest .loginconfirmpopup {
        padding: 40px 50px 35px;
    }

    .logintest .css-i7kv6a-MuiDialogContent-root {
        padding: 0 0 40px;
    }

    /****** Bus Charter ******/

    .logintest .css-3yjvh5-MuiPaper-root-MuiAlert-root {
        width: 90%;
    }

    .logintest .css-1pxa9xg-MuiAlert-message {
        width: 415px;
    }

    .css-1pxa9xg-MuiAlert-message {
        display: flex;
        justify-content: center;
    }

    .bushireconfirmpopup {
        padding: 25px 0 25px;
    }

        .bushireconfirmpopup h3 {
            font-size: 20px;
        }

    /****** FAQs ******/

    .faqmainpart {
        gap: 30px;
    }

    .faqroute {
        width: 16.3%;
    }

    .faqwrapper {
        padding: 55px 0;
    }

    .page_title h2 {
        font-size: 26px;
    }

    .faq_main_wrap .tabs {
        border-bottom: none;
        overflow-x: auto;
        padding: 0 0 20px;
    }

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

    .faq_main_wrap .faqmaintabs {
        width: max-content;
        border-bottom: 1px solid #E1E1E1;
        gap: 45px;
    }

    .contactus_wrapper {
        padding: 50px 0 40px;
    }

    .contactus_top_part01 {
        display: block;
    }

        .contactus_top_part01 .web_input {
            flex-basis: 100%;
        }

    .contactus_top_part02 {
        display: block;
    }

    .contactus_top_part_right {
        margin: 35px 0 0;
        float: left;
        width: 100%;
    }

    .contactus_bottom_button {
        float: left;
    }

    .contactus_tab_main label .css-ahj2mt-MuiTypography-root {
        font-size: 18px;
        padding: 0 0 14px;
    }

    .contactus_tab_main .filter-drawer__title {
        padding: 10px 20px 10px;
        font-size: 18px;
    }

    .contactus_data {
        display: block;
    }

    .contactus_contactdetails {
        background-position: center -964px;
    }

    .contactus_data_left p {
        font-size: 18px;
    }

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

    .contactus_data_right {
        width: 100%;
        text-align: center;
        display: block;
        padding: 25px 0 0;
    }

        .contactus_data_right p {
            font-size: 18px;
            padding: 0 0 15px;
        }

        .contactus_data_right span {
            width: 100%;
            justify-content: center;
        }

    .popup_route_listing {
        padding: 35px 0 35px;
        height: 160px;
    }

    .customtabbing .reviewicon {
        padding: 0;
    }

    .customtabbing .reviewcont {
        display: none;
    }

    .custjrny_popup_onward.custjrny_popup_farecount {
        padding: 20px 0 0;
    }

    .custjrny_popup_routedetails {
        padding: 40px 20px 40px;
    }

    .custjrny_popup_onwardjrny {
        padding: 25px 14px 40px;
    }

    .faqrouteboxtitle {
        padding: 17px 20px;
    }

    .faqroutepart {
        padding: 17px 20px 22px;
    }

    .faqrouteboxbus h4 {
        font-size: 14px;
    }

    .faqrouteboxtitle button {
        padding: 6px 16px 5px 37px;
        background-position: 13px -11465px;
        font-size: 12px;
    }

    /* Quick Links */

    .faq_main_wrap.quick_links_wrap {
        padding: 50px 0 0;
    }

    /* Reschedule Ticket */

    .resticketpart {
        padding: 50px 25px 41px;
    }

        .resticketpart h3 {
            font-size: 18px;
            line-height: 27px;
        }

    .reschedulebtn {
        gap: 15px;
        padding: 28px 0 0;
        flex-direction: column-reverse;
    }

        .reschedulebtn button {
            font-size: 14px;
            padding: 9px 0;
            width: 233px;
        }

    .ticketrespart {
        flex-direction: column;
    }

    .rescheduleseat {
        width: 100%;
        padding: 0 0 20px;
    }

    .rescheduleinseat {
        width: 100%;
        padding: 30px 0 0;
        border-top: 1px solid var(--button-color);
    }

        .rescheduleinseat:before {
            display: none;
        }

    .confirmbackbtn {
        gap: 15px;
    }

        .confirmbackbtn button {
            font-size: 15px;
        }

    .rescheduleimg {
        padding: 50px 0 0;
    }

        .rescheduleimg iframe {
            width: 180px;
            height: 325px;
        }

    /* Modify Ticket */

    .reserrormsg {
        padding: 50px 40px;
    }

    /* Carrier */

    .carriersliderpart img {
        max-width: 470px;
    }

    .carriersright:before {
        left: -370px;
        top: -50px;
        height: 88px;
        width: 972px;
        background-size: 850px;
    }

    .carriersright h1 {
        font-size: 32px;
        line-height: 36px;
    }

    .carrierslider:before {
        width: 100%;
        height: 500px;
    }

    .carriersright p {
        font-size: 18px;
    }

    .carrierworkbox {
        padding: 40px 0 20px;
    }

    .carrierformleft {
        padding: 30px;
    }

    .carrierformright {
        min-height: 345px;
        background-position: center top;
        background-size: cover;
    }

    .formboxpart label {
        display: none;
    }

    .carrierteampart h3 {
        font-size: 17px;
        line-height: 27px;
        text-align: center;
    }

    .carrierteampart img {
        display: none;
    }

    .carrierteampart {
        padding: 40px 0;
        justify-content: center;
    }

    .cstmrsuccessm {
        padding: 30px 0 0;
    }

    .cstmrsuccesstop {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 5px;
    }

    .cstmrsuccessbtm p span {
        display: block;
        padding: 11px 0 0 17px;
        background-image: url(/VRLVijayanandTravels/images/icon01.svg);
        background-position: left -14434px;
        background-repeat: no-repeat;
    }

    .cstmrdropdown .css-16awh2u-MuiAutocomplete-root {
        width: 180px;
    }

    .cstmrsuccessbtm p i {
        display: none;
    }

    .carrierapplybtn a {
        padding: 10px 40px 9px;
    }

    /* Carrier Application */

    .carrierappslider {
        padding: 55px 0 0;
    }

    .carrierappsliderpart h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .carrierappsliderpart h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .carrierappsliderpart p {
        font-size: 18px;
        padding: 10px 0 0;
    }

        .carrierappsliderpart p span {
            display: block;
            padding: 60px 0 0 17px;
            background-image: url(/VRLVijayanandTravels/images/icon01.svg);
            background-position: left -14384px;
            background-repeat: no-repeat;
        }

        .carrierappsliderpart p i {
            display: none;
        }

    .carrierappsliderpart:after {
        background-size: 200px 650px;
        width: 140px;
    }

    .carrieraboutcontent p {
        font-size: 16px;
        line-height: 22px;
        flex-basis: 96%;
    }

    .carrieraboutcontent span {
        margin: 8px 0 0;
    }

    .carrierappaboutsec h2 {
        font-size: 24px;
        line-height: 26px;
    }

    .carrierappaboutleft h3 {
        font-size: 18px;
    }

    .carrierappaboutpart {
        padding: 25px 0 0;
        gap: 40px;
    }

    .carrierappaboutleft.carrierappaboutright h3 {
        padding: 0 0 7px;
    }

    .carrierappaboutright p {
        font-size: 16px;
        line-height: 24px;
    }

    .carrierappabout {
        padding: 45px 0 50px;
    }

    .carrierappapply {
        padding: 45px 0 55px;
    }

    .carrierappapplypart h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .carrierappapplybox {
        padding: 25px 24px 30px;
    }

        .carrierappapplybox p {
            font-size: 16px;
            line-height: 23px;
            padding: 0 0 22px;
        }

    .appapplyboxleft {
        gap: 16px;
        flex-direction: column;
    }

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

        .appapplyboxcont label {
            display: none;
        }

        .appapplyboxcont input {
            font-size: 14px;
            padding: 0 22px;
            height: 42px;
        }

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

    .appapplyboxcontresume:after {
        right: 20px;
        top: 12px;
        width: 19px;
        height: 18px;
        background-position: 95% -9519px;
        background-size: 42px;
    }

    .appapplyboxtextarea {
        flex-basis: 100%;
        padding: 0;
        width: 100%;
    }

        .appapplyboxtextarea textarea {
            font-size: 14px;
            padding: 15px 20px;
            height: 124px;
        }

    .carrierproceedbtn {
        padding: 20px 0 0;
    }

        .carrierproceedbtn a {
            padding: 10px 37px 9px;
        }

    .carrierapproles {
        padding: 45px 0 45px;
    }

    .carrierapproleslide {
        padding: 30px 15px 0;
    }

    .roles-slide {
        width: 230px;
        height: 280px;
        background-size: 244px;
        padding: 26px 22px 20px;
    }

    /*.rolesbox h1 {
        font-size: 28px;
        line-height: 32px;
    }*/

    .rolesbox {
        flex-direction: column-reverse;
        gap: 8px;
    }

        .rolesbox span {
            line-height: 14px;
            font-size: 14px;
        }



    .rolesapply a {
        padding: 0 26px 0px 0;
        font-size: 13px;
        color: var(--button-color) !important;
        background-color: transparent;
        background-image: url(/VRLVijayanandTravels/images/icon01.svg);
        background-position: -10px -14760px;
        background-repeat: no-repeat;
        text-decoration: underline !important;
    }

    .roles-slide p {
        font-size: 13px;
        flex-direction: column;
        padding: 6px 0 0;
    }

        .roles-slide p i {
            display: none;
        }

        .roles-slide p label {
            display: block;
            padding: 10px 0 0 14px;
            background-image: url(/VRLVijayanandTravels/images/icon01.svg);
            background-position: left -14599px;
            background-repeat: no-repeat;
        }

    /* Partnership */

    .partnersliderbus {
        width: 470px;
        height: 290px;
        background-size: 470px;
        float: left;
        background-position: -40px bottom;
    }

    .partnershipslider:before {
        left: auto;
        bottom: auto;
        top: 270px;
        right: 10px;
        width: 450px;
        height: 21px;
        background-size: 450px;
        background-position: right bottom;
    }

    .partnersliderleft h1 {
        font-size: 32px;
        line-height: 39px;
    }

    .partnersliderleft p {
        font-size: 17px;
    }

    .partnersliderleft a {
        padding: 11px 32px 10px;
    }

    .partnershipcolla {
        padding: 50px 0 0;
    }

    .collabspart {
        padding: 35px 0 18px;
    }

    .supercollab {
        padding: 50px 0 0;
    }

    .supercollabslide .owl-prev, .supercollabslide .owl-next {
        right: 35px;
        width: 20px;
        height: 26px;
    }

        .supercollabslide .owl-prev:before, .supercollabslide .owl-next:before {
            font-size: 20px;
        }

    .supercollabslide .owl-next {
        right: 0 !important;
    }

    .supercollabslide .owl-nav {
        top: -95px;
        right: 10px;
    }

    /*Blog*/

    .blog_main_fullbox_left {
        width: 100%;
    }

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

    .blog_box_title h5 {
        font-size: 16px;
        color: var(--primary-color);
    }

    .blog_main_wrap {
        padding: 60px 0 0;
    }

        .blog_main_wrap .page_title h2 {
            /* display: none; */
            font-size: 24px;
        }

        .blog_main_wrap .blogpage_title {
            display: block !important;
        }

    .blog_filter_content {
        padding: 25px 0 0;
    }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 50px 0 28px;
    }

    .emtlogo img {
        max-width: 400px;
    }

    .emtsection span {
        font-size: 20px;
    }

    .emtcont {
        padding: 30px 0 0;
        gap: 30px;
    }

        .emtcont img {
            max-width: 190px;
        }

    .emtsection p {
        padding: 40px 0;
    }

        .emtsection p i {
            display: inline;
        }

    .emtbutton {
        gap: 30px;
        padding: 0 0 45px;
    }

        .emtbutton a {
            font-size: 18px;
            padding: 8px 40px !important;
        }

    .popup1rs {
        float: left;
        text-align: center;
        width: 100%;
        padding: 5px 0 40px;
    }

    .otppopup .css-i7kv6a-MuiDialogContent-root {
        padding: 0;
        width: 340px;
    }

    /*Thank You*/

    .thanksbox {
        width: 100%;
        padding: 35px 20px;
    }

    .thankspage {
        padding: 48px 0 28px;
    }

    .thanksbox h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .thanksbox p {
        font-size: 15px;
        line-height: 22px;
    }

    .thanksbox label {
        font-size: 15px;
        line-height: 22px;
    }

    /*Top Bus Route*/

    .toproutes_boxes {
        flex-basis: 47%;
    }

    .top_route_link .toptitle {
        padding: 0 0 25px;
    }

    .top_route_link {
        padding: 42px 0 22px;
    }

    .top_pune {
        background-position: center;
        background-size: 1120px;
        height: 310px;
    }

    .top_mumbai {
        background-position: center;
        background-size: 1120px;
        height: 310px;
    }

    .top_mangalore {
        background-position: center;
        background-size: 1120px;
        height: 310px;
    }

    .top_hyderabad {
        background-position: center;
        background-size: 1120px;
        height: 310px;
    }

    .top_goa {
        background-position: center;
        background-size: 1120px;
        height: 310px;
    }

    .top_ahmedabad {
        background-position: center;
        background-size: 1120px;
        height: 310px;
    }

    .top_shirdi {
        background-position: center;
        background-size: 1120px;
        height: 310px;
    }

    .top_nagpur {
        background-position: center;
        background-size: 1120px;
        height: 310px;
    }

    .top_mysore {
        background-position: center;
        background-size: 1120px;
        height: 310px;
    }

    .top_indore {
        background-position: center;
        background-size: 1120px;
        height: 310px;
    }

    .toptitle h2, .toptitle h1 {
        font-size: 26px;
        line-height: 34px;
    }

    .top_routes_textbox {
        padding: 25px 0 0;
    }

        .top_routes_textbox ul {
            padding-top: 10px;
            padding-left: 20px;
        }

    .top_routes_choice {
        padding: 40px 0 50px;
    }

    .amenities_toproute {
        padding: 48px 0 !important;
    }

    .top_routes_faq {
        padding: 48px 0 0;
    }

    .faq_content_toproute {
        padding: 5px 0 0;
    }

        .faq_content_toproute .filter-drawer__title {
            font-size: 14px;
        }

    .faq_content_list.faq_content_toproute .filter_tab_main {
        padding: 20px 0 0;
    }

    /*blog New*/

    .bannerblog {
        min-height: 150px;
    }

    .blogcomfortleft.blogcomfortleft02 {
        width: 80% !important;
    }

    .testimonial-itinerary-img {
        padding: 45px 0 0;
    }

    .slider-text-bg.blogtext {
        top: 35px;
    }

        .slider-text-bg.blogtext .bannertitle {
            font-size: 36px;
            line-height: 36px;
            padding: 0;
        }

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

    .blogmenuright {
        width: 100%;
    }

    .blogmenu {
        width: 75%;
    }

    /*blog details css*/

    .blogdetitle {
        font-size: 22px;
    }

        .blogdetitle span {
            display: inline;
        }

    .blogdetamenu ul li a {
        padding: 0 8px 0 20px;
        margin-right: 5px;
        font-size: 13px;
        background-position: left -256px;
        background-size: 20px;
    }

        .blogdetamenu ul li a:after {
            top: 0;
            height: 20px;
        }

        .blogdetamenu ul li a.blogdetacomm {
            padding: 0 10px 0 24px;
            background-position: left -405px;
        }

            .blogdetamenu ul li a.blogdetacomm:after {
                display: none;
            }

    .blogdetamenuright {
        width: 100%;
    }

    .blogdetacomfort {
        margin: 20px 0 0;
    }

    .blogcontitle {
        font-size: 24px;
    }

    /*blog details css*/

    .exlorearea {
        padding: 0 15px;
    }

    .exlorecontent.exlorecontent_inner p {
        font-size: 16px;
        padding: 0 20px 15px 0;
    }
}

@media only screen and (max-width:579px) {
    /*.banner_modal .modal-dialog {
        width: 550px !important;
    }*/

    .offerslider .owl-carousel .owl-item img {
        max-width: 380px;
    }

    .passengerbox.payment_gateway label {
        flex-basis: 60%;
    }

    .connecting_route_main {
        padding: 0px 10px 0;
    }

    .lowerdeckchart, .upperdeckchart {
        width: 100%;
        float: none;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        clear: both;
        height: 100%;
    }

    .seatchartone, .seatchartwo {
        height: 100% !important;
        float: none;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .seatchartdeta {
        height: 100%;
    }

    .lowerdeckseat, .upperdeckseat {
        width: 100% !important;
        float: left;
        height: 250px;
        padding: 0 0 0 20px;
    }

    /*.lowerdeckchart, .upperdeckchart {
        width: 100%;
        float: none;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        clear: both;
        height: 100%;
    }

    .seatchartone, .seatchartwo {
        width: 100% !important;
        height: 100% !important;
        float: none;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .seatchartdeta {
        height: 100%;
    }

    .lowerdeckseat, .upperdeckseat {
        width: 100% !important;
        float: left;
        height: 250px;
        padding: 0 0 0 20px;
    }*/

    .lowerdeckseat {
        background-image: none;
    }
}

@media only screen and (max-width:549px) {
    /*.banner_modal .modal-dialog {
        width: 480px !important;
    }*/

    .offerslider .owl-carousel .owl-item img {
        max-width: 360px;
    }

    .lowerdeckseat, .upperdeckseat {
        padding: 0 0 0 10px;
    }

    .indexpopup img {
        max-width: 400px;
    }

    .indexpopup .css-1e6y48t-MuiButtonBase-root-MuiButton-root i {
        font-size: 20px;
    }

    .indexpopup .css-bdhsul-MuiTypography-root-MuiDialogTitle-root {
        top: 0;
    }

    /*Popup Style For Responsive*/
}

@media only screen and (max-width:479px) {
    .exlorearea {
        padding: 0;
    }

    .journeycontent svg {
        width: 400px;
    }

    .superbus-slide a .super_bus_img {
        width: 340px;
        height: 264px;
        background-size: 340px;
    }

        .superbus-slide a .super_bus_img.super_bus_img2 {
            background-position: center -282px;
        }

    .blog_main_title {
        padding: 10px 0 20px;
    }

    .blog_main_fullbox_right {
        padding: 40px 0 0;
    }

    .blog_main_image img {
        display: none;
    }

    .blog_main_image .blog_mbl_img {
        display: inline-block !important;
    }

    .faqwrapper_home .filter-drawer__title {
        padding: 0 16px 12px 0;
    }

    .faqwrapper_home .faq_main_wrap .tabs {
        padding: 0 0 5px;
    }

    .faqwrapper_home .faq_content_list .filter_tab_main {
        padding: 15px 0 0;
    }

    .faqwrapper_home .filter-drawer {
        padding: 12px 15px 0px;
    }

    .faqwrapper_home .faq_content_list .filter-drawer__content p {
        font-size: 14px;
    }

    .faqwrapper.faqwrapper_home {
        padding: 40px 0 0;
    }

    .faqwrapper_home .faq_main_wrap .tab {
        padding: 8px 16px;
        font-size: 12px;
    }

    .faqwrapper_home .faq_main_wrap .faqmaintabs {
        gap: 6px;
    }

    .faqwrapper_home .page_title h2 {
        padding: 0 0 16px;
    }

    .faq_content_toproute .filter-drawer {
        padding: 12px 15px 0px;
    }

    .faq_content_toproute .filter-drawer__title {
        padding: 0 16px 12px 0;
    }

    .sliderwrapper {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .slider_text_btm p {
        font-size: 22px;
        line-height: 26px;
    }

        .slider_text_btm p.slider_text_dis {
            font-size: 14px;
            line-height: 19px;
            padding: 2px 0 0;
        }

    .slider_text_btm .slider_note {
        padding: 2px 0 0;
    }

    .slider_content {
        top: 10px;
        height: 382px;
    }

    .slider_text_btm p.slider_text_dis span {
        font-size: 14px;
    }

    .userdetails label {
        font-size: 16px;
        line-height: 22px;
    }

    .carousel .slide img {
        max-width: 400px;
    }

    .userdetailsarea {
        gap: 12px;
    }

        .userdetailsarea span {
            font-size: 14px;
            padding: 3px 14px 2px;
        }

    .carousel .slide .VRL_Banner {
        max-width: 100%;
    }

    .dslistpopup .css-1e6y48t-MuiButtonBase-root-MuiButton-root {
        right: 10px;
        top: 10px;
        font-size: 18px;
    }

    .userreports {
        padding: 15px 5px 10px;
        gap: 35px;
    }

    .userreportsdata {
        gap: 6px;
        flex-direction: column;
    }

    .userreportsname {
        font-size: 15px;
        width: 100%;
    }

    .userreportscity {
        gap: 10px;
        width: 100%;
    }

        .userreportscity span {
            font-size: 14px;
        }

        .userreportscity i {
            width: 20px;
            height: 13px;
            background-position: 0 4px;
            background-size: 20px;
        }

    .userreports h4 {
        font-size: 18px;
        padding: 0;
    }

    .sliderwrapper .fade {
        padding: 0;
    }

    .carousel .slide .sliderpopup {
        max-width: 320px;
    }

    .popup1rs {
        padding: 0 0 32px;
    }

    .indexpopup .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        max-height: calc(100% - 20px);
    }

    .searchbtn.discount i {
        font-size: 18px;
        line-height: 0px;
    }

    .tcdiscount h3 {
        font-size: 20px;
    }

    .discountpopup {
        padding: 35px 15px;
    }

    .discountparts {
        padding: 24px 0 0;
    }

        .discountparts h4 {
            font-size: 15px;
        }

        .discountparts ul {
            padding: 0 0 0 26px;
        }

            .discountparts ul li {
                padding: 12px 0 0;
            }

                .discountparts ul li span {
                    padding: 6px 0 0;
                    font-size: 14px;
                }

    /**** Get link popup  Style Start*****/

    .link_popup .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation24.MuiDialog-paper.MuiDialog-paperScrollPaper.MuiDialog-paperWidthXl.css-2rbg70-MuiPaper-root-MuiDialog-paper {
        max-width: 100% !important;
        margin: 10px !important;
    }

    .loginbkpopup .captchin img {
        max-width: 190px;
    }

    /**** Connecting Route Style Start*****/

    .connecting_route_main .bustime.busroutearrow {
        width: 0;
    }

    .connecting_route_details .bustime.busdelaytime {
        flex-basis: 100%;
    }


    /**** Connecting Route Style End*****/
    /*.sliderwrapper:before {
        height: 196px;
        clip-path: polygon(0 0, 190% 15%, 100% 100%, 0% 100%);
        z-index: 1;
    }*/

    .sliderwrapper:before {
        display: none;
    }

    .slider_text h1 {
        font-size: 15px;
        line-height: 19px;
        padding: 0 0 10px;
    }

        .slider_text h1:before {
            width: 73px;
            height: 1px;
        }

    .slider_text .slider_heading01 {
        font-size: 15px;
        line-height: 19px;
        padding: 0 0 10px;
    }

    .slider_iframe {
        right: -27px;
        top: -3px;
    }

        .slider_iframe iframe {
            width: 160px;
            height: 80px;
        }

    .eventarea:after {
        right: 17px;
        top: 14px;
        width: 140px;
        height: 37px;
        background-size: 80px;
    }

    .qrdetails {
        padding: 0 0 40px;
    }

    .routeimage iframe {
        height: 72px;
    }

    .routepopsearch button {
        padding: 8px 32px;
        font-size: 12px;
    }

    .qrgicon {
        padding: 40px 0 0;
    }

    .css-zzms1-MuiSnackbar-root {
        left: 0 !important;
        right: 0 !important;
    }

    .css-ki1hdl-MuiAlert-action {
        left: auto;
        top: 7px;
        right: 55px;
    }

    .loginline span {
        width: 93%;
        padding: 0 0 0 4px;
    }

    .bookinginput .redclr {
        bottom: -3px;
        font-size: 12px;
    }

    .bookingcity {
        padding: 0;
    }

    .banner_modal .modal {
        overflow: hidden !important;
    }

    .section-dropdown ul li {
        padding: 3px 0;
    }

        .section-dropdown ul li a {
            font-size: 14px;
        }

    .afterloginicon .section-dropdown {
        padding: 15px 20px;
        height: 288px;
        width: 190px;
        top: 40px;
    }

    .section-dropdown02 {
        width: 297px;
        height: 196px;
        top: 40px;
    }

    .afterloginicon .nt-dropdown {
        width: 296px;
    }

    .nt-dropdown .profilent p {
        padding: 18px 60px 18px 0;
    }

    .sec-center {
        top: 26px;
        right: 12px;
    }

    .afterloginicon .dropdown:checked + label, .afterloginicon .dropdown:not(:checked) + label {
        background-position: center -6px;
        margin: 0 !important;
        height: 23px;
        width: 23px;
        background-size: 40px;
    }

    .afterloginicon02 .dropdown02:checked + label, .afterloginicon02 .dropdown02:not(:checked) + label {
        background-position: center -149px;
        margin: 0 0 0 8px !important;
        height: 23px;
        width: 23px;
        background-size: 40px;
    }

    .menufixed .navbar-toggle {
        top: 8px;
    }

    .panel-heading {
        font-size: 22px;
    }

    .managewrapper {
        padding: 42px 0 35px;
    }

        .managewrapper .panel-heading {
            margin: 0;
        }

    .headermenu .navbar-inverse .navbar-nav > li {
        margin: 0 60px 10px 0 !important;
    }

        .headermenu .navbar-inverse .navbar-nav > li > a {
            font-size: 15px;
            padding: 0 0 2px;
        }

    .headermenu .navbar-collapse p {
        font-size: 13px;
        padding: 15px 0 25px;
    }

    .fixedbtn.topfixedicon {
        left: 67%;
    }

    .cssmenu {
        padding: 0 0 0 20px;
    }

    .leftheader a img {
        max-width: 130px;
    }

    .easemytripwrap {
        padding: 35px 0 46px;
    }

    .easemytripartlogo img {
        max-width: 110px;
    }

    .easemytripart {
        gap: 16px;
        align-items: center;
    }

        .easemytripart .toptitle h3 {
            font-size: 18px;
            line-height: 25px !important;
        }

        .easemytripart .toptitle p {
            font-size: 14px;
            line-height: 20px;
        }

    .easemytripsec {
        gap: 28px;
        justify-content: center;
    }

    .easemytripbox {
        flex-basis: 27%;
    }

        .easemytripbox h3 {
            font-size: 14px;
        }

    /*.sliderwrapper {
        height: 360px;
        padding: 25px 0 0;
    }

        .sliderwrapper ul li img {
            max-width: 340px;
            z-index: 1;
            position: relative;
        }

        .sliderwrapper::after {
            height: 360px;
            background-size: 527px;
        }*/

    .popupblock03 {
        width: 300px;
    }

    .routetabpart {
        padding: 0 10px;
        top: -52px;
    }

        .routetabpart p {
            font-size: 14px;
            line-height: 19px;
            letter-spacing: 0.5px;
        }

    .routetabarea {
        padding: 20px 20px 34px;
    }

    .routetabbing {
        width: 100%;
        display: block;
    }

    .routepoptab {
        width: 100% !important;
        float: left;
    }

    .routepoptab02 {
        padding: 22px 0 0;
    }

    .collapsibleroute .routestitle {
        font-size: 19px;
    }

    .routepart_icon i {
        font-size: 18px;
    }

    .routestitle2 {
        font-size: 19px;
        background-position: right -8917px;
        background-size: 42px;
    }

    .routedropcity label {
        font-size: 19px;
    }

    .routedropcity ul {
        height: 115px;
    }

    .popupblock03 span {
        right: 8px;
        top: 1px;
        font-size: 26px;
    }

    .routepoptab p {
        font-size: 14px;
    }

    .eventpart {
        padding: 50px 0 0;
    }

    .destinationarea {
        padding: 28px 0 0;
    }

    .superbuslider {
        padding: 45px 0 0;
    }

    .captionpart p {
        font-size: 16px;
    }

    .datetabbing {
        gap: 9px;
    }

        .datetabbing button {
            padding: 4px 12px;
            font-size: 13px;
        }

    .bookingsearch {
        padding: 8px 0 0;
    }

    .bookingform {
        padding: 20px 0 22px;
    }

    .modify_popup_main .css-qfz70r-MuiFormGroup-root {
        padding: 15px 0 15px;
        gap: 10px;
    }

    .modifyarticledetails {
        padding: 20px 0 35px;
    }

    .modifydetailsinput label {
        font-size: 15px;
    }

    .modifydetailsinput input {
        font-size: 14px;
    }

    .css-qfz70r-MuiFormGroup-root .css-hyxlzm .MuiSvgIcon-root {
        width: 20px;
        height: 20px;
    }

    .partialradiogroup .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
        font-size: 14px;
    }

    .bookinginput .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
        height: 41px !important;
        font-size: 16px;
    }

    .fromdatecity {
        height: 41px;
    }

    .bookinginput span {
        bottom: -4px;
        font-size: 13px;
    }

    .bookinginput {
        width: 100%;
        padding: 0 0 11px !important;
    }

    .bookingcity.bookingdate {
        padding: 0 0 11px;
    }

    .bookinginput.bookingtodate, .bookinginput.bookingfromdate {
        padding: 0 !important;
        width: 50%;
    }

    .bookinginput input {
        height: 40px;
    }

    .bookinginput.bookingtodate input {
        font-size: 16px;
        padding: 2px 0 0 43px;
        background-position: 18px -683px;
        background-size: 48px;
    }

    .bookinginput.bookingtodate.bookingtodate_blog input {
        background-position: 100% -680px;
    }

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

        .bookinginput.bookingfromdate input {
            font-size: 16px;
            height: 40px;
            padding: 2px 0 0 20px;
        }

        .bookinginput.bookingfromdate::before {
            top: 8px;
            font-size: 17px;
            right: 12px;
        }

        .bookinginput.bookingfromdate::after {
            height: 24px;
            left: 4px;
        }

    .bookinginput.bookingtodate::after {
        top: 8px;
        font-size: 17px;
        right: 12px;
    }

    .fromdatecity::after {
        top: 8px;
        font-size: 17px;
        right: 15px;
    }

    .bookingsearch .searchbtn {
        width: 40%;
        height: 40px;
        font-size: 14px;
    }

    .cityswapicon {
        top: 30px;
        left: auto;
        right: 30px;
    }

    .eventarea {
        padding: 62px 15px 26px;
    }

    .mobileventarea .toptitle {
        width: 64%;
    }

        .mobileventarea .toptitle h3 {
            font-size: 16px;
            display: inline-block;
            line-height: 26px !important;
        }

        .mobileventarea .toptitle p {
            font-size: 12px;
            line-height: 16px;
            padding: 0 !important;
        }

    .eventbutton {
        padding: 29px 0 0;
    }

        .eventbutton li a {
            padding: 5px 16px;
            font-size: 12px;
        }

    .toptitle h3 {
        font-size: 24px;
        line-height: 31px !important;
    }

    .toptitle p {
        font-size: 15px;
        line-height: 21px;
    }

    .destinationslider02 {
        display: block;
        padding: 15px 0 0;
    }

    .destinationbox {
        width: 147px;
        height: 147px;
        background-size: 147px;
    }

        .destinationbox.destinationbox2 {
            background-position: center -164px;
        }

        .destinationbox.destinationbox3 {
            background-position: center -329px;
        }

        .destinationbox.destinationbox4 {
            background-position: center -493px;
        }

        .destinationbox.destinationbox5 {
            background-position: center -658px;
        }

        .destinationbox.destinationbox6 {
            background-position: center -823px;
        }

        .destinationbox.destinationbox7 {
            background-position: center -987px;
        }

        .destinationbox.destinationbox8 {
            background-position: center -1152px;
        }

        .destinationbox.destinationbox9 {
            background-position: center -1316px;
        }

        .destinationbox.destinationbox10 {
            background-position: center -1480px;
        }

        .destinationbox.destinationbox11 {
            background-position: center -1645px;
        }

        .destinationbox.destinationbox12 {
            background-position: center -1809px;
        }

        .destinationbox.destinationbox13 {
            background-position: center -1973px;
        }

        .destinationbox span {
            bottom: 8px;
            font-size: 14px;
            line-height: 20px;
        }

    .offerslider .owl-carousel .owl-item img {
        max-width: 330px;
    }

    .offerbox {
        width: 260px;
        height: 124px;
        background-size: 260px;
    }

    .offercontent p {
        font-size: 14px;
        left: -11px;
        top: 47px;
    }

    .offerdetails {
        padding: 5px 35px 0 70px;
    }

        .offerdetails span {
            font-size: 14px;
            line-height: 20px !important;
        }

        .offerdetails i {
            font-size: 13px;
            padding: 6px 0 10px;
            line-height: 18px;
        }

        .offerdetails a {
            font-size: 11px;
            padding: 0 60px 0 8px;
            background-position: 92% -903px;
            background-size: 34px;
            line-height: 22px;
        }

    .superbusarea .owl-nav {
        display: none;
    }

    .exloreindia {
        padding: 45px 0 0;
    }

    .choosewrapper {
        margin: 50px 0 0;
    }

    .superbusgallery {
        display: block;
        width: 100%;
        float: left;
        padding: 30px 0 0;
        position: relative;
        z-index: 1;
    }

    .superbusbutton {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

        .superbusbutton a {
            color: #000;
            font-size: 11px;
            font-weight: 400;
            padding: 3px 10px;
            border-radius: 30px;
            border: 1px solid var(--secondary-color);
            background-color: transparent;
        }

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

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

    .superbusglry01 img {
        max-width: 210px;
        width: 100%;
    }

    .superbusglry02 img {
        max-width: 118px;
        width: 100%;
    }

    .superbusglry02 .sbusicon3 {
        padding: 16px 0 0;
    }

    .superbusglry01 {
        width: 62%;
        float: left;
        text-align: center;
    }

    .superbusglry02 {
        width: 38%;
        float: left;
        text-align: center;
    }

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

        .superbusglrybtn a {
            background-color: var(--secondary-color);
            color: var(--tertiary-color);
            border-radius: 50px;
            font-size: 12px;
            font-weight: 400;
            padding: 7px 20px;
            display: inline-block;
            vertical-align: middle;
        }

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

    .loginlogo {
        display: none;
    }

    .loginsecformhead {
        display: none;
    }

    .loginsecformheadmbl {
        display: block;
    }

    .loginsecmainform {
        padding: 0 0 35px;
        text-align: center;
        display: block;
    }

    .secpopupimgmbl {
        display: block;
    }

    /******Popup Home Page******/

    .amenities-sprtab {
        flex-basis: 48%;
    }

    #thumbs {
        top: 108px;
    }

        #thumbs img {
            height: 40px;
            width: 40px;
            margin: 0 5px;
        }

    .popupblock02 {
        width: 300px;
        height: 520px;
    }

    .supertabpart {
        padding: 25px 15px 0;
        height: 360px;
    }

    .amenities-sprtab p {
        padding: 5px 0 5px 26px !important;
        background-position: left 0px;
        font-size: 11px;
        background-size: 20px;
    }

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

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

        .amenities-sprtab p.amini04 {
            background-position: 6px -248px;
        }

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

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

    .sprtabbing p {
        font-size: 12px;
    }

    .amenities-sprtablist {
        gap: 10px 0;
    }

    .sprbdtab {
        border: none;
    }

    .superbdarea02 {
        border-left: none;
        padding: 25px 0 0;
    }

    .superbdarea {
        width: 100%;
    }

        .superbdarea h4 {
            padding: 10px 0;
        }

    .popupbdpointpart {
        padding: 15px 0px 0;
    }

    .popupbdpoint {
        padding: 0 10px 0 0;
    }

    .popuprtpoint {
        overflow-y: hidden;
    }

    /******Popup Home Page End******/

    .amenitiesrow {
        gap: 14px 0;
    }

    .toptitle h3 i {
        display: block;
    }

    .toptitlehide {
        display: none;
    }

    .choosetoptitle {
        display: block;
    }

    .chooseuscard {
        width: 340px;
        height: 340px;
        padding: 60px 0 0;
    }

    .chooseuscardimage {
        display: inline-block;
        float: none;
    }

    .chooseuscard p {
        padding: 15px 0 0;
        width: auto;
        float: none;
        text-align: center;
    }

    .chooseuscard span {
        padding: 14px 12px 0 12px;
        float: left;
        width: auto;
        text-align: center;
    }

    .amenitiespart .toptitle h3 i {
        text-transform: capitalize;
    }

    .amenitiescard {
        height: auto;
        width: 30.4%;
        padding: 0;
        background-color: transparent;
        text-align: center;
    }

        .amenitiescard em {
            width: 80px;
            height: 80px;
            background-color: var(--button-color);
            background-position: center -4421px;
        }

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

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

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

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

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

        .amenitiescard span {
            padding: 0;
            display: block;
            text-align: center;
            font-size: 10px;
        }

    body .amenitieswrapper .container {
        padding: 0;
    }

    .applicationwrapper {
        margin: 42px 0 0;
    }

    .amenitieswrapper {
        padding: 45px 0 0;
    }

    .applicationwrapper:after {
        background-size: 480px;
        left: -250px;
        bottom: -270px;
        width: 480px;
        transform: rotate(-43deg);
    }

    .choosecontent {
        padding: 45px 0 50px;
    }

    .appsection {
        gap: 13px 40px;
        text-align: left;
        width: 72%;
        margin: 0 auto;
    }

        .appsection span {
            text-align: left;
        }

    .qrcontent a {
        padding: 5px;
    }

    .qrmobilelink {
        padding: 15px 0 0;
    }

    .qrmobile {
        width: 298px;
    }

    .qrcode {
        background-position: center 0px;
        width: 295px;
        height: 270px;
        background-size: 280px;
    }

    .qrmobilelink h3 {
        font-size: 16px;
        line-height: 25px;
    }

    .number-wrapper input {
        padding: 0 0 0 25px;
        height: 40px;
    }

    .number-wrapper button {
        width: 140px;
        height: 40px;
        font-size: 13px;
    }

    .qrcontent a img {
        max-width: 135px;
    }

    .qrscanner {
        display: none;
    }

    .exloreslider {
        display: none;
    }

    .mblexplorepart {
        display: block;
        width: 100%;
        float: left;
        padding: 28px 0 0;
    }

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

        .mblexplorebtn a {
            color: #000;
            font-size: 11px;
            font-weight: 400;
            padding: 2px 11px;
            border-radius: 11px;
            border: 1px solid var(--secondary-color);
            background-color: transparent;
        }

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

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

    .mblexploreglry {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

        .mblexploreglry.mblexploreglry2 {
            padding: 15px 0 0;
            gap: 0 19px;
            justify-content: center;
        }

            .mblexploreglry.mblexploreglry2 img {
                width: 100%;
                max-width: 140px;
            }


        .mblexploreglry img {
            width: 100%;
            max-width: 300px;
            position: relative;
        }

    .mblexplorecontent {
        position: absolute;
        left: 0;
        bottom: 38px;
        text-align: left;
        padding: 0 0 0 30px;
        width: 73%;
    }

        .mblexplorecontent p {
            font-size: 22px;
            line-height: 28px;
            color: var(--pure);
            font-weight: 700;
            padding: 0 0 15px 0;
        }

        .mblexplorecontent a {
            font-size: 12px;
            font-weight: 400;
            color: #000;
            background-color: var(--button-color);
            border-radius: 20px;
            display: inline-block;
            padding: 4px 15px;
        }

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

    .exploretext {
        position: relative;
    }

    .mblexploretext {
        position: absolute;
        left: 16px;
        bottom: 16px;
        text-align: left;
        padding: 0 38px 0 0;
    }

        .mblexploretext p {
            font-size: 11px;
            font-weight: 700;
            line-height: 15px;
            color: var(--pure);
        }

        .mblexploretext.mblexploretext2 {
            padding: 0 12px 0 0;
        }

    .routedateslider iframe {
        border-radius: 12px;
    }

    .superbusjourney {
        padding: 50px 0 20px;
    }

    .superbuslogo {
        padding: 0 0 40px;
        position: relative;
    }

        .superbuslogo::before {
            position: absolute;
            left: 0;
            top: 40px;
            bottom: 0;
            width: 20%;
            height: 2px;
            background-color: var(--secondary-color);
            content: "";
        }

        .superbuslogo::after {
            position: absolute;
            right: 0;
            top: 40px;
            bottom: 0;
            width: 20%;
            height: 2px;
            background-color: var(--secondary-color);
            content: "";
        }

        .superbuslogo img {
            max-width: 176px;
        }

    .journeycontent p {
        font-size: 20px;
    }

    .downloadpart {
        background-size: 830px;
        background-position: center 150px;
    }

    .downloadapparea {
        padding: 0;
        width: 100%;
        text-align: center;
    }

        .downloadapparea h3 {
            padding: 0 0 29px;
            font-size: 26px;
        }

    .downloadqr {
        padding: 13px 0 0;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

        .downloadqr a {
            width: 168px;
            height: 50px;
            background-size: 168px;
            background-position: center -10px;
        }

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

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

    .footerwrapper {
        margin: -65px 0 0;
    }

    .footertoppart {
        padding: 115px 0 40px;
    }

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

        .footerlogo a img {
            max-width: 200px;
        }

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

    .topfooterwrapper {
        padding: 0;
    }

        .topfooterwrapper h4 {
            font-size: 14px;
            margin: 0;
            padding: 0;
        }

    .navfooter {
        width: 100% !important;
        float: left !important;
    }

    .navfooteritem {
        border-bottom: 1px solid #e1e1e1;
        padding: 20px 0 0;
    }

    .navfooteritem2 {
        padding: 20px 0 0;
    }


    .navfooter .nav02 h4 {
        cursor: pointer;
    }

    .navfooter ul {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s ease-out;
        margin: 10px 0 10px;
    }

    .navfooter .nav02 h4::after {
        position: absolute;
        content: "\f067";
        right: 0;
        color: var(--pure);
        font-size: 14px;
        top: 19px;
        font-family: fontawesome;
    }

    .navfooter .nav02.open h4:after {
        content: "\f068";
    }

    .navfooter .nav02.open ul {
        height: auto;
        max-height: 500px;
        transition: max-height 1s ease-in !important;
    }

    .footeraddress {
        padding: 0;
    }

    .addressbottom {
        width: 100%;
    }

    .footerapp {
        text-align: center;
    }

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

    .footerappbtn {
        padding: 0 0 10px;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

        .footerappbtn a {
            background-position: center -10px;
            width: 168px;
            height: 50px;
            background-size: 168px;
        }

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

    .footertravelslink {
        padding: 30px 0 29px;
    }


    /******Header Login/Signup Modal Style******/

    .popupright {
        margin: -29px 0 0;
    }

    .login_popup_main.css-zw3mfo-MuiModal-root-MuiDialog-root {
        top: 77px;
    }

    .popupclosebutton {
        padding: 15px 15px 0;
    }

        .popupclosebutton i {
            font-size: 20px;
        }

    .logincontent {
        padding: 0 30px 40px;
    }

    .login_popup_main .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        top: 0;
        position: absolute;
        max-height: 100%;
    }

    .popuserdetail p i {
        display: initial;
    }

    .popuserdetail p {
        padding: 0 35px 25px;
    }

    .loginpopupotp {
        padding: 0 0 16px;
    }

        .loginpopupotp button {
            font-size: 14px;
        }

    .resendotplink a {
        font-size: 13px;
    }

    .popuserdetail.profileinputradio label {
        padding: 0 0 6px;
    }

    .popuserdetail.profileinputdata label.css-1hpqosy-MuiFormControlLabel-root {
        padding: 0 10px 0 0;
    }

    .popuserdetail.profileinputdata .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        width: 16px;
        height: 16px;
    }

    .popuserdetail.profileinputdata .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
        padding: 0 10px 0 8px;
    }

    .popuserdetail label {
        font-size: 14px;
    }

    .hotdealbox label::before {
        width: 18px;
        height: 18px;
    }

    .popuserdetail .passengertitle.hotdealbox label {
        font-size: 13px;
    }

    .popuserdetail .passengertitle.hotdealbox a {
        font-size: 13px;
        padding: 0 0 0 3px;
    }

    .profileinputdetails.profileinputdetailsbtn button {
        padding: 10px 0;
        width: 100%;
    }

    .viewroutedetails button {
        padding: 10px 17px 9px 35px;
        background-image: url(/VRLVijayanandTravels/images/icon01.svg);
        background-position: 10px -11030px;
        background-repeat: no-repeat;
        font-size: 12px;
    }

    /* start media query AvailbleRoutes page style*****/

    .customer_disc img {
        display: none;
    }

    .customer_disc_mbl {
        display: block !important;
    }

    .available_discounts h4 {
        padding: 12px 18px 11px;
        font-size: 14px;
    }

    .passengerbox.payment_gateway label .MuiTypography-body1 {
        font-size: 14px;
    }

    .amenities-sprtablist .noroute {
        margin: 10px 0 0;
    }

    .routedateslider iframe {
        border-radius: 6px;
    }

    .popupblockpart.popupblockpart01 .supertabs .sprtabbing {
        max-height: 241px;
        padding: 10px 0 0;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab {
        flex-basis: 47%;
    }

    .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_amenities p {
        line-height: 20px;
        font-size: 13px;
    }

    .route_tabbing_details .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_amenities p {
        padding: 22px 0 !important;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab img {
        max-width: 24px;
    }

    .restroute_point_popup .dbroutespan a {
        font-size: 12px;
        background-position: left 1px;
        padding: 0 0 0 15px;
    }

    .bookingdb {
        display: block;
        float: left;
    }

    .bookingroutenm {
        padding: 0 16px 26px 10px;
    }

    .bookingdb::after {
        top: 35px;
        margin: 0;
        width: 1px;
        height: 94%;
        right: auto;
        left: 15px;
    }

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

        .dbpointnm:last-child {
            text-align: inherit;
        }

        .dbpointnm .dbroutehead_top {
            width: 50%;
            float: left;
        }

        .dbpointnm .dbpointnm_data {
            width: 50%;
            float: left;
            text-align: right;
            padding: 0;
        }

    .dbroutehead {
        font-size: 13px;
        line-height: 21px;
    }

        .dbroutehead i {
            color: var(--primary-color);
            font-weight: 400;
        }

    .dbroutehead_top {
        position: relative;
        padding: 0 0 0 35px;
    }

        .dbroutehead_top:before {
            position: absolute;
            content: '';
            left: 0;
            top: 5px;
            background-image: url(/VRLVijayanandTravels/images/icon01.svg);
            background-position: -17px -9050px;
            background-repeat: no-repeat;
            width: 30px;
            height: 30px;
        }

    .dbpointnm .dbpointnm_data::after {
        display: none;
    }

    .bookingdbseat {
        padding: 15px;
    }

    .bookpayment span {
        font-size: 14px;
    }

    .dbroutespan {
        padding: 3px 0 9px;
    }

    .bookingdbhead {
        font-size: 13px;
        color: var(--secondary-color);
    }

    .bookingdbmain button {
        font-size: 13px;
    }

    .modifybookingform {
        padding: 20px 0 20px;
    }

    .routebustypeamenity {
        padding: 20px 0 0;
        margin: 30px 0 0;
    }

    .routepickupcheckbox.routepickupcheckbox_amenities p {
        font-size: 13px;
    }

    .routepickupcheckbox.routepickupcheckbox_amenities label {
        padding: 1px 14px 2px;
    }

    .busroutevialist {
        height: 235px;
    }

        .busroutevialist .vialist {
            overflow-y: auto;
            height: 220px;
        }

    .bustime.busroutearrow {
        width: 59%;
        text-align: center;
    }

    .superbdarea02 {
        padding: 15px 0 0;
    }

    .route_tabbing_details .supertabpart {
        height: 325px;
    }

    .busroutevialist .vialist ul li::after {
        right: 8px;
        top: 3px;
        font-size: 10px;
    }

    .route_tabbing_details .supertabs ul li a {
        font-size: 13px;
    }

    .route_tabbing_details .supertabs ul {
        gap: 26px;
    }

    .sprtabbing h3 {
        font-size: 12px;
    }

    .sprbustype span {
        font-size: 11px;
        padding: 4px 8px 3px;
    }

    .reviewname span {
        font-size: 14px;
        padding: 0 0 3px;
    }

    .supertabs .sprtabbing {
        padding: 15px 0 0;
    }

    .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_about p {
        font-size: 12px;
        line-height: 21px;
        padding: 20px 0 0 0;
        text-align: left;
    }

    .bookingbdroute {
        gap: 15px;
    }

    .bookingbdpart {
        padding: 15px 15px 0;
    }

    .bookingcontinue {
        padding: 35px 15px 10px;
    }

        .bookingcontinue button {
            padding: 6px 24px;
            font-size: 12px;
        }

    .bookingbdtime {
        font-size: 13px;
    }

    .bookingbdcity {
        gap: 10px;
    }

    .bookingbdcityarea span {
        font-size: 14px !important;
    }

    .bookingbdcityarea .bookingbdcityarea_span {
        font-size: 13px !important;
    }

    .bookingbdcityarea .mapbdpoints {
        padding: 4px 0 0 41px;
        background-position: 28px -6572px;
    }

    .bookingbdcityarea .css-ahj2mt-MuiTypography-root {
        padding: 3px 0 0;
        font-size: 14px;
        color: var(--secondary-color);
    }

    .routedateslider img {
        display: none;
    }

    .onewaybookmblimg {
        display: block !important;
    }

    .routedateslider::before {
        left: 15px;
        top: 15px;
        background-size: 80px;
        width: 80px;
        height: 22px;
    }

    .customerroutedata {
        padding: 35px 0 0;
    }

    .passcontactcheckbox label {
        font-size: 11px;
        line-height: 15px;
        padding: 2px 0 0;
        width: 74%;
        float: left;
        align-items: center;
        color: #000;
    }

    .passcontactcheckbox .cus_wicon {
        display: block;
        background-image: url(/VRLVijayanandTravels/images/whatsapp.svg);
        background-position: 100% 0px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        float: right;
    }

    .passcontactcheckbox label::before {
        content: "";
        width: 24px !important;
        height: 18px !important;
        background-color: var(--tertiary-color);
        border: 1px solid var(--secondary-color);
        margin-right: 0;
        border-radius: 4px;
    }

    .psngrestro {
        gap: 10px;
    }

    .passengerbox {
        padding: 22px 16px 22px;
    }

    .passengerdetails input {
        height: 40px;
        font-size: 12px;
    }

    .passcontactcheckbox {
        padding: 20px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .passgender .css-ahj2mt-MuiTypography-root {
        font-size: 13px;
    }

    .bookinrtotal {
        display: block;
    }

    .passengerdetails {
        padding: 0;
    }

    .bookinrtotal {
        padding: 10px 0 30px;
    }

    .psngrtdetails {
        display: none;
    }

    .passcontactdata .passemail {
        padding: 0 0 15px;
    }

    .seatpricefilter {
        width: max-content;
        float: left;
        padding: 16px 15px;
    }

    .bookpartnxtbtn {
        padding: 35px 0 15px;
        justify-content: center;
    }

        .bookpartnxtbtn button {
            padding: 8px 44px;
        }

    .modifyswapcity {
        top: 16px;
        left: auto;
        right: 20px;
        transform: rotate(90deg);
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab i {
        font-size: 12px;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtab {
        padding: 5px 0;
    }

    .popupblockpart.popupblockpart01 .amenities-sprtablist {
        padding: 0;
    }

    .popupblockpart.popupblockpart01 .sprtabbing.sprtabbing_amenities p {
        line-height: 17px;
        font-size: 14px;
    }

    .popupblockpart.popupblockpart01 .sprtabbing p {
        font-size: 13px;
        line-height: 17px;
    }

        .popupblockpart.popupblockpart01 .sprtabbing p.fromtopoint_subadd {
            font-size: 13px;
            padding: 5px 0 0;
        }

    .route_tabbing_details {
        height: 518px;
        padding: 30px 0 0;
    }

    .busendtime {
        text-align: right;
    }

    .popupblockpart.popupblockpart01 .supertabs label {
        font-size: 12px;
    }

        .popupblockpart.popupblockpart01 .supertabs label.dropdate {
            font-size: 12px;
        }

    .route_tabbing_details #thumbs {
        top: 180px;
    }

    .popupblockpart.popupblockpart01 {
        width: 480px;
        height: 495px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 115px;
        }

    .popupblockpart01 #thumbs img {
        height: 40px;
    }

    .busroutevialist span {
        width: 19%;
    }

    .busroutevialist .vialist {
        width: 81%;
    }

        .busroutevialist .vialist ul li {
            font-size: 13px;
            padding: 0 25px 0 0;
        }

    .tabreview {
        padding: 12px 0;
    }

    .bustiming {
        justify-content: space-between;
    }

    .busdetails {
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }

    .modifyinputpart label {
        font-size: 13px;
        padding: 9px 10px 0 0;
    }

    .modifytocity.modifyfromcity {
        width: 100%;
    }

    .modifyinput.modifytocity.modifyfromcity {
        float: left;
        padding: 15px 0 0;
    }

    .updatetrippopup .modifytocity {
        width: 100%;
    }

        .updatetrippopup .modifytocity.modifyfromcity {
            width: 100%;
        }

    .updatetrippopup .modifycity {
        display: block;
    }

    .updatetrippopup .modifyfromcity .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon {
        width: 100%;
    }

    .modifydate {
        width: 100%;
        padding: 15px 0 0;
    }

    .modifybutton {
        width: 100%;
        padding: 15px 0 0;
    }

    .mobilefilter {
        padding: 25px 0 0;
    }

    .buscountnumber p {
        font-size: 12px;
        padding: 11px 12px 9px;
    }

        .buscountnumber p.buscountaddroute {
            padding: 10px 12px 9px;
        }

    .routebuscount {
        padding: 38px 0 0;
    }

    .routerightcontent .modifyincontent {
        padding: 30px 0 0;
    }

    .modifyincontent {
        font-size: 13px;
    }

    .modifytocity {
        width: 100%;
    }

    .modifycity {
        width: 100%;
        float: left;
        background-color: transparent;
        border-radius: 0;
    }

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

    .modifyfromcity .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon {
        width: 86%;
    }

    .modifyinputpart label {
        font-size: 13px;
        padding: 9px 10px 0 0;
    }

    .bustype {
        width: 47%;
    }

    .busroutetimetable {
        padding: 20px 15px 0;
    }

    .busroutedatatimembl {
        padding: 20px 15px 0;
    }

    .bustiming {
        width: 90%;
    }

    .busfairdetails {
        width: 16%;
    }

    .buslighttext.buslighttextbold {
        font-size: 12px;
    }

    .bustype {
        width: 40%;
    }

    .busfairdetails span {
        font-size: 14px;
    }

        .busfairdetails span i {
            font-size: 13px;
        }

    .busfairdetails .savingamount {
        font-size: 12px;
    }

    .busroutevia {
        padding: 2px 0;
    }

    .busroutetimetable .busfairdetails .lighttext {
        display: block;
        padding: 0;
    }

    .modifytodate span.datepicker_arrow {
        font-size: 22px;
    }

    .busfacilitiestab .nav-tabs {
        padding: 5px 15px 0;
    }

        .busfacilitiestab .nav-tabs .nav-item {
            display: inline-block;
            padding: 0 0 3px;
        }

    .busfacilitiestab .nav-tabs {
        padding: 10px 15px 0;
    }

    /*.buscountnumber {
        float: left;
        width: 100%;
    }*/

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

    .busfairdetails p {
        display: block;
        padding: 0 10px 0 0;
    }

        .busfairdetails p.savingamount {
            padding: 0;
        }

    .routedata {
        padding: 0 0 25px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button .nav-link {
        margin: 2px 0 2px;
        padding: 4px 28px;
        font-size: 14px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button i {
        padding: 5px 15px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button i {
        font-size: 16px;
        line-height: 22px;
    }

    .boarding-list label {
        padding: 0 10px 0 0;
        width: auto;
        float: none;
        display: block;
    }

    .busseatleft .windowseat {
        font-size: 12px;
    }

    .updatetrippopup .modifytodate {
        width: 100%;
    }

    .modifyinput.modifytodate.modifyfromdate {
        padding: 20px 0 0;
    }

    .updatetrippopup .modifydate {
        display: block;
    }

    .busfacilitiestab .tab-pane {
        padding: 20px 0 0;
    }

    .testimonials-tab-section i {
        font-size: 40px;
    }

    .testimonials-tab-section .slider__txt {
        font-size: 14px;
        line-height: 20px;
        text-align: justify;
    }

    .testimonials-tab-section .slider__nav {
        width: 10px;
        height: 10px;
        margin: 0px 5px;
    }

    .lowerdeckseat, .upperdeckseat {
        height: 230px;
    }

    .cancellation-title {
        font-size: 16px;
        padding: 10px 10px;
    }

    .journeydate {
        padding: 0 10px 0 0;
        width: 100%;
    }

    .restroute_point_popup .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: 0 !important;
    }

    .viewbusroutepart .passengertitle {
        padding: 0 0 20px;
    }

    .bookingdbchange.bookingdbchange01 {
        padding: 0;
    }

    .css-ypiqx9-MuiDialogContent-root {
        padding: 15px 12px;
    }

    .bookingconfirmbtn button {
        font-size: 14px;
        padding: 8px 15px;
    }

    .seatitle {
        margin: 10px 0 10px;
        width: 100%;
        font-size: 13px;
    }

        .seatitle::before {
            width: 70px;
            height: 25px;
        }

        .seatitle::after {
            width: 70px;
            height: 25px;
        }

    .routepoint {
        padding: 0 0 20px;
    }

        .routepoint .css-qkv3hr-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
            font-size: 13px;
        }

    .busroutefacilities {
        padding: 20px 0 0;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button {
        padding: 18px 0 0;
    }

    .modifyamenities {
        padding: 0 0 10px 15px;
    }

    .serviceboxdetail p {
        font-size: 14px;
        width: 100%;
        padding: 0;
    }

        .serviceboxdetail p::after {
            right: auto;
            left: auto;
            margin: 0 0 0 5px;
        }

    .serviceboxdetail label {
        font-size: 14px;
        width: 100%;
        padding: 0;
    }

    .serviceboxdetail {
        padding: 4px 10px;
    }

    .seatpricefilter ul li {
        margin: 0 3px;
        font-size: 12px;
    }

    .seatpricefilter ul {
        font-size: 12px;
    }

    .noroute p {
        font-size: 12px;
    }

    .pg_gateway img {
        max-width: 190px;
    }

    .passcount {
        font-size: 14px;
        padding: 0 0 17px;
        float: left;
    }

    .passgenderage {
        display: flex;
        flex-direction: column-reverse;
        gap: 25px;
        padding: 0;
    }

        .passgenderage .passcount {
            padding: 0;
        }

    .passgender {
        width: 100%;
        padding: 0;
    }

    .passage {
        width: 100%;
    }

        .passage .passcount {
            display: none;
        }

    .customerinfohead label {
        font-size: 20px;
    }

    .passengertitle {
        font-size: 16px;
    }

    .passcontactdata label {
        display: none;
    }

    .gststate {
        padding: 5px 0 7px;
    }

        .passgender .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input, .gststate .css-xsu6ln-MuiAutocomplete-root .MuiInput-root .MuiInput-input {
            height: 38px;
        }

    .bookinrdetails .passcount {
        color: #000;
        width: 100%;
    }

    .bookinrdetails p {
        font-size: 13px;
        line-height: 19px;
    }

    .cust_final {
        padding: 40px 0 20px;
    }

    .passengeroutepart .passengerbox .passengerboxfinal {
        padding: 25px 0 0;
        margin: 30px 0 0;
    }

    .passengeroutepart label {
        width: 100%;
    }

    .paybusname {
        padding: 0 15px 17px;
    }

        .paybusname .paybuspart {
            font-size: 13px;
        }

        .paybusname .busnmnumber {
            font-size: 13px;
        }

    .paydatadetails {
        font-size: 12px;
    }

    .paydetailsdata {
        font-size: 13px;
        line-height: 19px;
    }

    .paycustroutedata {
        padding: 0 0 20px;
    }

    .paycustinfo {
        padding: 18px 15px 0;
    }

    .psngram01 .bookingdb::after {
        width: 1px;
    }

    .payticketfare {
        padding: 24px 20px 23px;
    }

        .payticketfare h5 {
            font-size: 15px;
        }

    .psngrfareamount h2 {
        font-size: 18px;
    }

    .cust_saving {
        padding: 15px 0 0;
    }

        .cust_saving span {
            font-size: 13px;
        }

    .payableam {
        padding: 24px 0 20px;
    }

        .payableam h2 {
            font-size: 13px;
        }

    .faredetails p {
        padding: 0 0 20px;
    }

    .payfarepart {
        padding: 25px 0 10px;
    }

    .faredetails p {
        text-align: center;
    }

    .payfarepart p i {
        display: contents;
    }

    .search-wrapper input {
        padding: 0 0 0 30px;
    }

    .busfacilitiestab .tab-content .tab-pane {
        padding: 46px 0 0;
    }

    .bookingdbchange {
        padding: 0;
    }

    .busboldlabel {
        font-size: 12px;
    }

    .bookingbdpoint .busboldlabel {
        padding: 13px 15px 13px;
        font-size: 14px;
    }

    .busnametype .busboldlabel {
        font-size: 14px;
    }

    .buslighttext {
        font-size: 13px;
    }

    .busseatmodify .buslighttext {
        font-size: 15px;
    }

    .busseatmodify .windowseat {
        font-size: 14px;
    }

    .amenities-icon-box {
        padding: 6px 10px;
    }

    .restroute_point_popup.css-zw3mfo-MuiModal-root-MuiDialog-root {
        width: 100%;
    }

    .psngrpopright .dbroutehead_top:before {
        display: none;
    }

    .psngrpopright .dbpointnm .dbroutehead_top {
        width: auto;
        float: none;
        padding: 0;
    }

    .psngrpopright .dbpointnm .dbpointnm_data {
        text-align: left;
        width: auto;
    }

    .restroute_point_popup .dbroutehead {
        font-size: 16px;
    }

    .restroute_point_popup .psngrpopright .dbpointnm_data .dbroutehead {
        font-size: 13px;
        line-height: 20px;
    }

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

    .bookingdbchange01 .passcount {
        padding: 0;
    }

    .passgender .css-qfz70r-MuiFormGroup-root {
        padding: 0 0 0 25px;
        width: 80%;
        gap: 15px;
        float: left;
    }

    .passengerbox .passgender .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
        padding: 0 4px 0 0 !important;
    }

    .passengernumber {
        padding: 0 0 25px;
    }

    .passengerbox.passengersubdetails {
        padding: 25px 20px 5px;
    }

    button.okbtn {
        padding: 8px 40px;
    }

    .restroute_point_popup .dbpointnm {
        padding: 0 0 30px 26px;
    }

    .onewayreturntitle label {
        font-size: 18px;
    }

        .onewayreturntitle label span {
            height: 21px;
            padding: 0 24px;
            background-size: 26px;
            width: 26px;
        }

    .amenitiescstmr {
        padding: 2px 10px;
    }

        .amenitiescstmr i {
            font-size: 15px;
        }

    .returnseprator {
        padding: 45px 0 40px;
    }

    .psngrouteicon img {
        width: 100%;
        max-width: 150px;
    }

    .passengerbox.gstamenity {
        padding: 10px 10px 0;
        border: none;
    }

    /* end media query AvailbleRoutes page style*****/

    /* ****** My Profile start ****** */

    .popup-content {
        height: 1000%;
        overflow-y: auto;
        position: absolute;
        z-index: 2;
        width: 100%;
        top: 0;
    }

    .popupblock {
        width: 100%;
        height: 100%;
    }

        .popupblock img {
            max-width: 260px;
            padding: 40px 0 0;
        }

        .popupblock a {
            padding: 8px 20px 7px 43px;
            font-size: 14px;
            background-position: 18px -7982px;
            background-size: 40px;
        }

    .profilebtmpopup {
        padding: 0 0 38px;
        float: left;
        margin: 0;
    }

        .profilebtmpopup h2 {
            font-size: 25px;
            padding: 15px 0 12px;
            line-height: 33px;
        }

        .profilebtmpopup label {
            font-size: 13px;
            line-height: 18px;
        }

    .popupbutton {
        padding: 40px 0 0;
    }

    .profilepsdata input {
        height: 40px;
        font-size: 14px;
        padding: 0 0 0 15px;
    }

    .profileinfosave {
        width: 100%;
        text-align: center;
        padding: 5px 0 20px;
    }

        .profileinfosave button {
            padding: 10px 46px;
        }

    .profilewrapper {
        padding: 45px 16px 25px;
    }

    .profileblock .profilemenu {
        width: 100%;
    }

    .customerprofile {
        display: none;
    }

    .cprofilemobile {
        display: block !important;
        text-align: left;
    }

    .cstmrdatashow {
        position: absolute;
        top: 55px;
        right: 22px;
    }

        .cstmrdatashow a {
            color: var(--secondary-color);
            font-size: 11px;
            font-weight: 400;
        }

    .profileblock .profilemenu .profilefirst01 {
        border-top: none;
    }

    .profileblock .profilemenu li {
        padding: 15px 0 15px 50px;
        background-position: 5px -537px;
        position: relative;
    }

    .profilemenu li::after {
        position: absolute;
        content: "\f054";
        right: 0;
        top: 16px;
        font-size: 16px;
        color: var(--primary-color);
        line-height: normal;
        font-family: FontAwesome;
    }

    .profileblock .profilemenu .pdropmenu02 {
        background-position: 5px -1065px;
    }

    .profileblock .profilemenu .pdropmenu03 {
        background-position: 5px -799px;
    }

    .profileblock .profilemenu .pdropmenu04 {
        background-position: 5px -669px;
    }

    .profileblock .profilemenu .pdropmenu05 {
        background-position: 5px -932px;
    }

    .profileblock .profilemenu .pdropmenu06 {
        background-position: 5px -1330px;
    }

    .profileblock .profilemenu .pdropmenu07 {
        background-position: 5px -1460px;
    }

    .profileblock .profilemenu .pdropmenu08 {
        background-position: 5px -1594px;
        border: none;
    }

    .profileblock .profiletabpart {
        padding: 20px 0 35px;
        border-top: 1px solid #e1e1e1;
    }

    .profileupcoming .noroute {
        padding: 25px 0 0;
    }

    .profilertmdata {
        width: 100%;
        background-color: var(--pure);
        box-shadow: 0 4px 4px rgba(0 0 0 / 25%);
        border-radius: 20px;
    }

    .bookingmainprofile .bookingmainarea {
        display: none;
    }

    .profileupcoming {
        width: 100%;
    }

    .prmenudesk {
        padding: 11px 15px;
        background-color: #F0F0F0;
        border-radius: 20px;
    }

    .profilepersonalinfo {
        position: absolute;
        top: -13px;
        right: 5px;
        width: auto;
    }

    .viewupcoming .bookingsearch .searchbtn {
        width: auto;
        font-size: 12px;
    }

    .psngrpersinfo {
        margin: 18px 0 0;
        padding: 30px 22px 15px;
    }

        .psngrpersinfo .psngrpersinfoedit {
            font-size: 14px;
            right: 30px;
        }

    .profilepsdata {
        padding: 0 0 20px;
    }

    .psngerprofiledata {
        padding: 0 0 10px;
        font-size: 14px;
    }

    .sbusprofileroute {
        width: 100%;
        padding: 15px 15px 20px;
    }

    .sbusprofile {
        display: flex;
        justify-content: space-between;
        border-radius: 20px 20px 0 0;
        background-color: var(--secondary-color);
        padding: 15px 20px 15px;
    }

    .sbusprofileleft h4 {
        font-size: 18px;
        font-weight: 500;
        color: var(--pure);
    }

    .sbusprofileleft p {
        font-size: 10px;
        font-weight: 500;
        color: var(--pure);
    }

    .sbusprofileright {
        padding: 8px 0 0;
    }

        .sbusprofileright button {
            background-color: var(--button-color);
            border-radius: 19px;
            border: none;
            font-size: 10px;
            color: #000;
            padding: 5px 8px 5px 25px;
            background-image: url(/VRLVijayanandTravels/images/profileicon01.png);
            background-position: 10px -215px;
            background-repeat: no-repeat;
        }

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

    .pnameseatleft:last-child {
        text-align: right;
    }

    .pnameseatleft span {
        color: #666;
        font-size: 12px;
        font-weight: 400;
    }

    .pnameseatleft p {
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 400;
    }

    .pcityarea {
        width: 100%;
        padding: 10px 0 0;
    }

    .pcityarealeft label {
        color: var(--primary-color);
        font-size: 14px;
        font-weight: 700;
    }

    .pcityarearight {
        text-align: right;
    }

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

    .pcityarealeft {
        width: 43%;
    }

        .pcityarealeft:nth-child(2) {
            width: 12%;
            text-align: center;
        }

    .profilelocalhead {
        display: none;
    }

    .profilelocalhead02 {
        display: block !important;
        color: var(--primary-color);
        font-size: 14px;
        font-weight: 600;
    }

    .viewupcoming a {
        font-size: 13px;
    }

    .profilepersonalinfo .viewupcoming {
        padding: 0;
    }

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

        .profilercity span {
            font-size: 12px;
            font-weight: 500;
            color: var(--primary-color);
            width: 44%;
        }

            .profilercity span:last-child {
                text-align: right;
            }

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

    .prttime span {
        color: #666;
        font-size: 11px;
        font-weight: 400;
        display: block;
    }

    .proute2 {
        text-align: right;
    }

    .profileupcoming .bookingticketbtn p {
        padding: 10px 10px 10px 20px;
    }

    .profilepersonalinfo .profilelocalhead {
        display: none;
    }

    .bookingmaincont.bookingmainprofile {
        padding: 20px 0 0;
    }

    .profileinfo {
        display: none;
    }

    .profileblock .profilemenu .active {
        background-color: transparent;
    }

    .prmenudesk02 {
        background-color: #F0F0F0;
        border-radius: 20px;
        float: left;
        padding: 11px 15px !important;
    }

    .profilemenu02 {
        display: flex !important;
    }

    .profiletabname a {
        font-size: 14px;
        font-weight: 400;
        color: #000;
        display: inline-block;
        vertical-align: sub;
        padding: 0 0 0 10px;
    }

    .profilemainhmbl {
        display: block;
    }

    .profilemainhide {
        display: none;
    }

    .profiletabname08 {
        display: none;
    }

    .profilertmdata {
        display: block;
    }

    .profiletabarea {
        display: block;
    }

    .noroute {
        margin: 10px 0 0;
    }

    .profileblock {
        display: flex;
        flex-direction: column-reverse;
    }

    .profiletravel {
        padding: 0;
        border: none;
        width: 100%;
        margin: 0 !important;
    }

        .profiletravel .profiletravelicon {
            padding: 25px 0 0;
        }

    .profilemainh02 {
        display: none;
    }

    .profilemainh {
        font-size: 18px;
        color: var(--primary-color);
        /*border: none;*/
    }

    .profiletravelicon p img {
        max-width: 150px;
    }

    .profilenotification {
        margin: 20px 0 0;
        padding: 0;
        border: none;
    }

        .profilenotification .profilent p {
            font-size: 13px;
            padding: 20px 90px 20px 8px;
            border: 1px solid var(--secondary-color);
            border-radius: 20px;
        }

        .profilenotification .profilent {
            padding: 0 0 10px;
        }

            .profilenotification .profilent .close {
                padding: 16px 10px 0 0;
            }

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

    .profiletabcont .profileupcoming {
        padding: 0;
    }

    .profiletabbox li {
        padding: 11px 0 11px;
        border-bottom: 1px solid #D9D9D9;
    }

        .profiletabbox li a {
            font-size: 14px;
            font-weight: 500;
            color: #000;
            display: inline-block;
            vertical-align: middle;
            padding: 0 0 0 10px;
        }

    .profiletabname08 {
        border: none;
    }

    .profilepsngr {
        padding: 0;
    }

    /* ****** My Profile End ****** */

    /*ContactUS page css******************/

    .maincontcadd {
        padding: 20px 0 20px;
    }

    .contactuscol .cityaddname {
        margin: 10px 0 10px;
        font-size: 18px;
    }

    .addrow {
        width: 100% !important;
    }

    .contactuscol .addrow {
        padding: 0;
    }

    .contactus_main_topline p {
        font-size: 16px;
        text-align: center;
    }

    .contactus_top_part_right {
        margin: 20px 0 0;
        float: left;
        width: 100%;
    }

    .contactus_data_left p {
        padding: 0 40px;
        font-size: 17px;
        line-height: 26px;
    }

        .contactus_data_left p a {
            display: block;
        }

    .contactus_data_right {
        padding: 25px 0 0;
    }

        .contactus_data_right p {
            font-size: 17px;
            padding: 0 0 10px;
        }

        .contactus_data_right span {
            gap: 10px;
        }

            .contactus_data_right span a {
                height: 34px;
                width: 34px;
                background-size: 40px;
                background-position: center -9478px;
            }

                .contactus_data_right span a.contact_facebook {
                    background-position: center -9605px;
                }

    .web_input textarea {
        padding: 25px;
    }

    .contactus_bottom_button {
        padding: 20px 0 0;
        justify-content: center;
    }

    .blue_btn {
        font-size: 12px;
        padding: 11px 42px;
    }

    .contactus_contactdetails {
        padding: 32px 0;
        background-position: center -722px;
        background-size: 2700px;
    }

    .contactus_tab_main {
        padding: 40px 0 0;
    }

        .contactus_tab_main .faq_main_wrap .panels {
            margin: 25px 0 0;
            border: none;
            padding: 0;
        }

    .popup_routename {
        padding: 0 0 16px;
        flex-wrap: wrap;
    }

    .popup_routename_type {
        padding: 20px 0 0;
    }

    .popup_route_listing {
        flex-wrap: wrap;
        gap: 15px;
        padding: 20px 0;
        height: 180px;
    }

    .popup_fare_amount {
        font-size: 20px;
    }

    .custjrny_popup_farecount .booking_btn {
        padding: 4px 27px;
    }

    .popup_routename_type label.route_bustype {
        padding: 3px 10px;
    }

    .customtabbing .customtab ul li a {
        font-size: 14px;
    }

    .popup_routename_type {
        align-items: flex-start;
        flex-direction: column;
    }

        .popup_routename_type label {
            width: auto;
        }


    .popuptab-content .sprtabbing p {
        padding: 14px 0;
    }

    .customtab ul li a {
        font-size: 13px;
    }

    .route_list_onwarddata {
        flex-basis: 100%;
        gap: 0px;
    }

        .route_list_onwarddata.route_list_onwarddata01 {
            align-items: flex-start;
        }

            .route_list_onwarddata.route_list_onwarddata01 p {
                text-align: left;
            }

    .contactus_tab_main label.active .css-ahj2mt-MuiTypography-root {
        border-bottom: 2px solid var(--secondary-color);
    }

    .contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        gap: 60px;
    }

    .contactus_tab_main .filter-drawer {
        flex-basis: 100%;
    }

    .contactus_tab_main .faq_content_list .filter_tab_main {
        gap: 15px;
    }

    .contactus_tab_main .filter-drawer__content-wrapper {
        padding: 0;
    }

    .contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
        display: block;
        width: 100%;
        border-bottom: 1px solid #E1E1E1;
        overflow-x: auto;
    }

        .contactus_tab_main .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root::-webkit-scrollbar {
            width: 0px !important;
            height: 0px !important;
            display: none;
        }

    .contactmainwrap {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 25px;
    }

    .contactus_tab_main .filter-drawer__title {
        font-size: 17px;
    }

    .contactus_tab_main label .css-ahj2mt-MuiTypography-root {
        padding: 0 0 10px;
    }

    /*ContactUS page css End******************/

    .contactus_wrapper {
        padding: 40px 0 35px;
    }

    .privacypolicydata p {
        padding: 10px 0 0;
    }

    .conditionsdata h3 {
        font-size: 22px;
        margin: 0 0 12px !important;
    }

    .privacydatatime .col-lg-6 {
        text-align: center;
    }

    .privacydatatime .pull-left.privacydataddfz span, .privacydatatime .pull-right.privacydataddfz span {
        font-size: 13px;
        padding: 0 10px;
        text-align: center;
        width: 100%;
        display: inline-block;
        vertical-align: middle;
    }

    .privacydatatime .col-lg-6 {
        text-align: center;
        font-size: 13px;
    }

    .conditionsdata h3 {
        font-size: 20px;
    }

    /*Bus Charter style*****/

    .buscharterimage {
        margin: 40px 0 0;
    }

    .logintest .css-3yjvh5-MuiPaper-root-MuiAlert-root {
        width: 100%;
        padding: 14px 36px !important;
    }

    .bushireconfirmpopup h3 {
        font-size: 16px;
        line-height: 26px;
        padding: 0 20px 48px;
    }

    .bushireconfirmotp {
        width: 98px;
        height: 98px;
        font-size: 60px;
        line-height: 108px;
    }

    .bushireconfirmpopup p {
        padding: 40px 0 0;
        font-size: 12px;
        line-height: 21px;
    }

    .buscharterimage p {
        top: 21px;
        font-size: 16px;
        line-height: 22px;
    }

    .charterjrnytm .MuiAutocomplete-hasPopupIcon input {
        width: 175px !important;
        margin: 0 0 10px;
    }

    .charterinput .col-lg-6 label {
        padding: 15px 0 8px;
    }

    .mrgbtm .redclr {
        font-size: 12px;
    }

    .charterinput .col-lg-6 input {
        font-size: 13px;
    }

    .charterinput .col-lg-6 .txtDateTime {
        background-position: 105% -6074px;
    }

    .captchin img {
        max-width: 230px;
    }

    /*My Booking style*****/

    .easemytripwrapmdfy {
        padding: 0 0 30px;
    }

    .partialdatatitle span {
        flex-basis: 20%;
        padding: 0 0 0 10px;
    }

    .partialdatadetails p {
        flex-basis: 22%;
    }

    .modifyarticletable {
        padding: 0;
    }

    .modifyarticledetails table {
        border: 1px solid #E6E6E6;
    }

    .css-hz1bth-MuiDialog-container .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        margin: 10px;
        padding: 20px;
    }

    .modifydetailsinput.modifydetailsinputbutton button {
        padding: 10px 27px;
        font-size: 13px;
    }

    .modifyarticledetails table thead tr th {
        padding: 8px 0;
        font-size: 14px;
    }

    .modifyarticledetails table tbody tr td {
        padding: 10px 0;
        font-size: 14px;
    }

    .modifyarticletable .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root {
        padding: 6px;
    }

    .modifydetailsinput {
        padding: 10px 0 0;
    }

    .logintest .loginconfirmpopup h4 {
        padding: 0 0 30px;
    }

    .conditionsdata p {
        font-size: 13px;
        line-height: 1.5;
    }

    .termsdata .conditionsdata h3 {
        font-size: 14px;
    }

    .bookingcollapse {
        width: 82%;
    }

    .bookingbusname02 {
        display: block;
        padding: 20px 16px 15px;
    }

    .bookingroutedetails .bookingroutename {
        width: 34%;
    }

    .book-heading {
        font-size: 26px;
        line-height: 31px;
    }

    .bookingmainup {
        display: block;
    }

    .mybookingtabspart {
        padding: 0 !important;
    }

    .mybookingtabspart01 {
        width: 100% !important;
        float: left !important;
    }

    .mybooking_tabsarea01 {
        border-bottom: 1px solid #e1e1e1;
        padding: 20px 0 0;
    }

    .mybookingtabspart01 .nav03 .bookingbusname {
        cursor: pointer;
    }

    .mybookingtabspart01 .bookingmainarea01 {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s ease-out;
        margin: 10px 0 10px;
    }

    .mybookingtabspart01 .nav03 .bookingbusname::after {
        position: absolute;
        content: "\f067";
        right: 0;
        color: var(--pure);
        font-size: 14px;
        top: 19px;
        font-family: fontawesome;
    }

    .mybookingtabspart01 .nav03.open .bookingbusname:after {
        content: "\f068";
    }

    .mybookingtabspart01 .nav03.open .bookingmainarea01 {
        height: auto;
        max-height: 500px;
        transition: max-height 1s ease-in !important;
    }


    .mybooking_tabsarea01 .bookingbusname {
        display: none;
    }

    .mybooking_tabsarea01 .bookingmaincont {
        padding: 0;
    }

    .bookingmainup .bookingbusname {
        display: block;
    }

    .bookingmainarea01 .bookingjrnydetails01 {
        display: none;
    }

    .bookingmainup .bookingjrnydetails {
        padding: 25px 10px;
    }

    .bookingnavmain {
        padding: 30px 10px 0;
    }

    .mybooking-tabs {
        padding: 25px 0 0 !important;
    }

    .mybooking_tabsarea {
        margin: 30px 0 0px !important;
    }

    .mybooking_hideshow {
        display: none;
    }

    .mybooking_tabsarea02 {
        display: block;
    }

        .mybooking_tabsarea02 .bookingjrnydetails {
            padding: 25px 12px 25px;
        }

        .mybooking_tabsarea02 .bookingmaincont {
            padding: 0 12px;
        }

        .mybooking_tabsarea02 .bookingmainbox02 {
            border: none;
        }

        .mybooking_tabsarea02 .bookingjrnydetails02 {
            padding: 25px 0;
        }

        .mybooking_tabsarea02 .bookingjrnydetails03 {
            padding: 10px 0 25px;
        }

        .mybooking_tabsarea02 .bookingticket {
            padding: 15px 0 38px;
        }

    .bookingratestar i {
        font-size: 22px;
        -webkit-text-stroke: 1px #888;
    }

    .bookingroutename .star-rating label {
        font-size: 22px !important;
        -webkit-text-stroke: 1px #888;
        padding: 0 3px !important;
        cursor: pointer;
    }

    .bookingticketbtn {
        padding: 0 0 18px;
    }

        .bookingticketbtn p {
            background-size: 36px;
            background-position: left -6285px;
            padding: 10px 0 10px 19px;
        }

            .bookingticketbtn p a {
                font-size: 12px;
                font-weight: 600;
            }

            .bookingticketbtn p::after {
                right: 4%;
                top: 13px;
                height: 22px;
            }

        .bookingticketbtn .mybookmodify {
            background-position: left -6435px;
        }

        .bookingticketbtn .mybookticket {
            background-position: left -6583px;
        }

        .bookingticketbtn .mybookterms {
            background-position: left -6740px;
            padding: 0 0 0 18px !important;
        }

    .bookingroutename.bookingroutename03 span {
        line-height: 17px;
    }

    .bookingticket {
        padding: 17px 10px 35px;
    }

    .profileupcoming .bookingticket {
        padding: 15px 0 0;
    }

    .mybooking-tabs .tab-list {
        display: flex;
        justify-content: space-between;
    }

        .mybooking-tabs .tab-list > li {
            padding: 0 0 16px;
            margin: 0;
        }

            .mybooking-tabs .tab-list > li > h3 {
                font-size: 15px;
                font-weight: 500;
            }

    .mybooking_tabspart {
        padding: 0;
    }

    .bookingdatedetails .panel-heading {
        font-size: 22px;
        line-height: 32px;
    }

    .bookingpartcont {
        font-size: 13px;
        line-height: 20px;
        display: block;
    }

    .bookingmainbox02 .bookingpartcont {
        font-size: 17px;
    }

    .bookingmainbox02 .bookingroutename span {
        font-size: 16px;
    }

    .bookingroutename label {
        font-size: 12px !important;
    }

    .bookingroutename p {
        font-size: 13px;
        padding: 7px 0 0;
    }

    .bookingroutename span {
        font-size: 12px;
    }

    .bookingbusicon {
        width: 20px;
        height: 15px;
        margin: 27px 0 0;
        background-size: 20px;
    }


    .bookingmaincont {
        padding: 25px 16px 0;
    }

    .bookingbusname {
        padding: 20px 16px;
    }

    .bookpsngrnm {
        width: 50%;
        display: inline-block;
        padding: 12px 0 0;
    }

    .bookingjrnydetails03 .bookingroutename p {
        padding: 0;
        color: #888;
    }

    .bookingjrnydetails03 .bookingroutename label {
        padding: 0 !important;
    }

    .bookpsngrnm02 {
        text-align: right;
    }

    .mybooking_tabsarea03 {
        padding: 0 16px !important;
    }

        .mybooking_tabsarea03 .bookingbusname {
            padding: 18px 0;
        }

        .mybooking_tabsarea03 .bookingmaincont {
            padding: 20px 0 5px;
        }

    .bookingdatedetails {
        width: 28%;
        padding: 0 6px 0 0;
    }

    .bookingroutedetails {
        width: 72%;
    }

    .bookingfeedback textarea {
        width: 92%;
        height: 310px;
        font-size: 15px;
    }

    .bookingjrnydetails02 .bookingroutename {
        width: 100%;
        text-align: left;
    }

    .bookingjrnydetails02 .bookingpartcont {
        font-size: 18px;
        line-height: 25px;
        padding: 7px 0 0;
    }

    .bookingjrnydetails02 .bookingroutename a {
        background-position: left -6568px;
        padding: 7px 0 0 16px;
    }

    .bookingjrnydetails02 .bookingroutename02 {
        padding: 25px 0 0;
    }

    .bookingsbmtxt {
        display: none;
    }

    .bookingsubmit {
        padding: 30px 0 34px;
    }

        .bookingsubmit .bookingdwnticket {
            display: inline-block;
            width: 100%;
            text-align: center;
        }

            .bookingsubmit .bookingdwnticket a {
                padding: 9px 73px 9px;
                display: inline-block;
            }

    .btnpart {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    /* login style*/

    .loginconfirmpopup {
        padding: 45px 0 45px;
    }

        .loginconfirmpopup h3 {
            font-size: 16px;
            line-height: 24px;
            padding: 0 20px 30px;
        }

        .loginconfirmpopup p {
            padding: 40px 10px 0;
            font-size: 14px;
            line-height: 22px;
        }

            .loginconfirmpopup p i {
                font-style: normal;
                display: inline;
            }

    /***** About Us *****/

    .aboutwraper {
        padding: 45px 0 0;
    }

    .aboutarea {
        padding: 0;
    }

        .aboutarea .aboutus_page_title {
            display: block;
            padding: 0 0 20px;
        }

        .aboutarea .aboutcontent .aboutus_page_title {
            padding: 0;
        }

    .aboutus_page_title {
        font-size: 22px;
    }

    .aboutcontent .aboutus_page_title {
        font-size: 16px;
    }

    .aboutcontent {
        padding: 40px 0 40px;
    }

        .aboutcontent p {
            font-size: 14px;
            line-height: 23px;
            padding: 18px 0 0 !important;
        }

    .aboutvision {
        padding: 40px 0;
    }

    .aboutrightpart {
        padding: 30px 0 0;
    }

        .aboutrightpart .aboutus_page_title {
            font-size: 18px;
        }

    .mainpioneers {
        padding: 45px 0 0;
    }

        .mainpioneers .aboutus_page_title::after {
            right: -227px;
            top: 6px;
        }

    .pioneerbox {
        height: 325px;
        width: 220px;
    }

    .pioneercontent {
        height: 81px;
        padding: 19px 0 0 15px;
    }

        .pioneercontent h3 {
            font-size: 16px;
            line-height: 21px;
        }

        .pioneercontent p {
            font-size: 14px;
            padding: 2px 0 0;
            color: #FF9600;
        }

    .aboutgallery {
        padding: 48px 0 0;
    }

    .aboutsuperpart .superbusgallery {
        padding: 12px 0 0;
    }

    .honourslide {
        padding: 26px 0 0;
    }

    .aboutsuperpart {
        padding: 50px 0 50px;
    }

    .aboutsuperlogo img {
        max-width: 220px;
    }

    .aboutsuperpart h4 {
        display: none;
    }

    .honourpart p {
        font-size: 14px;
        line-height: 23px;
    }

        .honourpart p i {
            display: contents;
        }

    .presshonour {
        padding: 40px 0 38px;
        margin: 0 0 15px;
    }

    .honour-slide h3 {
        font-size: 16px;
        line-height: 25px;
    }

    /*Modify Ticket*/

    .managetitle {
        padding: 0 0 10px;
    }

    .modifi_ticket_input {
        padding: 25px 18px;
        margin: 30px 0 0;
    }

        .modifi_ticket_input .managepnr label {
            padding: 0 0 0 10px;
        }

        .modifi_ticket_input .managepnr input {
            height: 40px;
            font-size: 13px;
        }

    .crntbdpointbox .busboldlabel {
        font-size: 16px;
        font-weight: 500;
    }

    .modifyrouteleft .busboldlabel {
        font-size: 16px;
        font-weight: 500;
    }

    .modifytickets {
        padding: 35px 0 35px;
    }

    .bookingbdpart .bookingbdcityarea .css-ahj2mt-MuiTypography-root {
        color: var(--primary-color);
    }

    .bookingbdpart .bookingbdtime {
        font-size: 14px;
    }

    .modifyrouteright img {
        max-width: 256px;
    }

    .mfyconfirm button {
        padding: 9px 37px;
    }

    .modifyrouteleftmbl .bookingbdpart {
        padding: 25px 10px 20px;
    }

    .modifybookticket p i {
        display: inline;
    }

    .reserrormsg {
        max-width: 100%;
    }

    /**** Terms & Conditions ****/

    .conditionsdata {
        font-size: 14px;
        padding: 10px 0;
    }

    .termsdata {
        padding: 0 5px;
    }

    .policyarea .conditionsdata {
        padding: 10px;
    }

    /****** Refund Status ******/

    .refunddetails {
        padding: 10px 0;
    }

        .refunddetails .refunddata {
            padding: 0 0 20px;
        }

            .refunddetails .refunddata input {
                height: 40px;
                font-size: 14px;
            }

            .refunddetails .refunddata label {
                padding: 0px 0 6px 10px;
                font-size: 14px;
            }

    /*Bus Charter*/

    .fix_contentwidth .panel-body {
        margin: 25px 0;
    }

    .charterformgroup h3 {
        font-size: 22px;
    }

    .charterinput {
        padding: 0;
    }

    .charterformgroup.charterformgroup01 {
        padding: 35px 0 0;
    }

    .charterjrnytm .css-16awh2u-MuiAutocomplete-root {
        width: 100%;
    }

    .charterjrnytm .css-1q60rmi-MuiAutocomplete-endAdornment {
        top: 6px;
    }

    .agntpgcaptcha {
        margin: 0;
    }

    /***** Agent Regi. *****/

    .fix_contentwidth .panel-primary > .panel-heading {
        margin: 35px 0 0;
    }

    .agentinput {
        padding: 0;
    }

    .agentformgroup {
        padding: 5px;
    }

    /***** Feedback *****/
    .feedbackwrap {
        padding: 20px 0 0;
    }

    .feedback_top_image {
        background-image: url(/VRLVijayanandTravels/images/feedbackmbl.png);
        background-position: center top;
        background-repeat: no-repeat;
        width: 100%;
        float: left;
        min-height: 282px;
        background-size: cover;
        border-radius: 20px;
    }

        .feedback_top_image img {
            display: none;
        }

    .feedback_wrapper {
        padding: 50px 0 0;
    }

    .feedbackboxleft h4 {
        font-size: 14px;
        padding: 0 0 20px;
    }

    .bookcompratestar {
        justify-content: center;
    }

    .feedbackmainbox {
        padding: 24px 20px;
    }

    .feedbackboxright h3 {
        font-size: 15px;
        padding: 0 0 16px;
    }

    .feedtextarea {
        padding: 3px 0 0;
    }

    .feedproceed {
        padding: 33px 0 0;
    }

    .feedbackimgmbl {
        padding: 20px 0 0;
    }

    .feedbackcheckbox {
        padding: 0 0 14px;
    }

        .feedbackcheckbox:nth-child(2n+1) {
            padding: 0 6px 14px 0;
        }

    .feedtextarea textarea {
        height: 175px;
        font-size: 13px;
        padding: 17px;
    }

    .feedproceed button {
        padding: 12px 43px 10px;
        font-size: 12px;
    }

    /***** FAQs *****/

    .charterformgroup {
        padding: 0;
    }

    .faqroutedetails {
        padding: 0 0 10px;
    }

    .faqroute {
        width: 12.6%;
    }

    .faqwrapper {
        padding: 45px 0 35px;
    }

    .page_title h2 {
        font-size: 22px;
        padding: 0 0 22px;
    }

    .faq_main_wrap .faqmaintabs {
        gap: 35px;
    }

    .faq_main_wrap .panels {
        padding: 0;
    }

    .filter-drawer {
        padding: 25px 12px 0px;
    }

    .filter-drawer__title {
        padding: 0 30px 25px 0;
        font-size: 13px;
    }

    .faq_main_wrap .tab {
        font-size: 15px;
    }

    .faq_content_list .filter-drawer__content {
        padding: 0 0 10px;
    }

    .faq_content_list .filter_tab_main {
        padding: 20px 0 0;
    }

    .faqrouteboxbus {
        padding: 0 15px 0 0;
        width: 58%;
    }

    .faqrouteboxtitle button {
        padding: 6px 13px 5px 31px;
        background-position: 8px -11466px;
        font-size: 11px;
    }

    .faqroutetime {
        padding: 12px 0 0;
    }

    .faqroutepart {
        padding: 15px 12px 20px;
    }

    .faqrouteboxtitle {
        padding: 16px 12px;
    }

    .faqrouteleft label {
        font-size: 24px;
    }

    .faqrouteleft span {
        font-size: 12px;
        line-height: 19px;
    }

    .faqfromroute label {
        font-size: 12px;
    }

    /***** Quick Links *****/

    .quicklinks_main .faq_main_wrap.quick_links_wrap .tabs {
        gap: 40px;
    }

    .faq_main_wrap.quick_links_wrap {
        padding: 45px 0 0;
    }

    /***** Reschedule Ticket *****/
    .reserrormsg {
        padding: 30px;
        font-size: 14px;
    }

        .reserrormsg .confirmbackbtn {
            padding: 30px 0 0;
        }

    .collapsibleres {
        padding: 20px 15px;
    }

    .reschedulehead .book-heading {
        font-size: 28px;
        line-height: 30px;
    }

    .reschedulehead .bookingpartcont {
        font-size: 14px;
        line-height: 21px;
    }

    .reschedulepart .bookingroutedetails.rbookingdetails {
        width: 76%;
    }

    .reschedulepart .bookingroutename label {
        font-size: 14px !important;
    }

    .bookingroutename p {
        font-size: 11px;
    }

    .reschedulepart .bookingroutename span {
        display: none;
    }

    .reschedulepart .bookingroutename .resdatembl {
        display: block !important;
    }

    .reschedulepart .bookingroutename span {
        font-size: 12px;
    }

    .bookingbusicon.rbookbusicon {
        background-size: 22px;
        width: 22px;
        height: 17px;
    }

    .collapsibleres h5 {
        display: block;
        padding: 20px 100px 0 0;
        line-height: 23px;
    }

    .confirmbackbtn {
        gap: 13px;
        padding: 35px 0 0;
    }

        .confirmbackbtn button {
            padding: 12px 40px;
        }

    .rescheduleimg {
        display: none;
    }

    /***** Cancel Details *****/

    .cancelticketfare {
        padding: 40px 0 20px;
    }

        .cancelticketfare .faredetails {
            padding: 28px 18px 30px;
        }

        .cancelticketfare .cust_savegst {
            padding: 10px 0 35px;
        }

        .cancelticketfare .payableam {
            padding: 18px 0 16px;
        }

        .cancelticketfare .payfarepart button {
            font-size: 14px;
            padding: 12px 35px 11px;
        }

    .logintest .loginconfirmpopup h4 {
        line-height: 24px;
        font-size: 18px;
    }

    .logintest .loginconfirmpopup {
        padding: 30px 20px 30px;
        width: 95%;
    }

    .logintest .payfarepart button {
        padding: 8px 30px 7px;
        font-size: 13px;
    }

    .logintest .css-i7kv6a-MuiDialogContent-root {
        padding: 0 0 33px;
    }

    .popupconfirmotp {
        margin: 0 0 25px;
    }

    .logintest .css-1t1j96h-MuiPaper-root-MuiDialog-paper {
        margin: 15px;
    }

    .resseat {
        height: 180px;
    }

    /*Blog*/

    .blog_main_wrap {
        padding: 50px 0 0;
    }

    .blog_filter_content {
        padding: 30px 0 0;
    }

    .blog_button {
        padding: 40px 0 0;
    }

    .blog_box_title {
        padding: 30px 0 30px;
    }

    .blogwrapper {
        padding: 0 0 30px;
    }

    .blog_button button {
        font-size: 13px;
        padding: 9px 33px;
    }

    .blog_main_title h1 {
        font-size: 22px;
    }

    .blog_main_content p {
        font-size: 14px;
    }

    .exloreindia_inner .toptitle h3 {
        font-size: 16px;
    }

    .exloreindia.exloreindia_inner {
        padding: 50px 0 0;
    }

    .blog_sub_title h2 {
        font-size: 16px;
    }

    .blog_filter_content {
        padding: 22px 0 0;
    }

    .blog_main_content .MuiFormGroup-root.css-dmmspl-MuiFormGroup-root {
    }

    .blog_main_content label .css-ahj2mt-MuiTypography-root {
        padding: 3px 18px;
    }

    .blog_box_dropdown {
        width: 380px;
    }

        .blog_box_dropdown .MuiInputBase-input.MuiInput-input {
            padding: 6px 0 5px 20px !important;
        }

    .blog_box {
        flex-basis: 47%;
    }

    .blog_box_content {
        width: 100%;
        padding: 10px 10px 0 10px;
    }

        .blog_box_content p {
            font-size: 12px;
            padding: 0 10px 8px 0;
        }

        .blog_box_content a {
            font-size: 12px;
            padding: 3px 16px;
        }

    /* Carrier */

    .carriersright {
        padding: 20px 0 0;
    }

        .carriersright h1 {
            font-size: 30px;
            line-height: 34px;
        }

        .carriersright p {
            font-size: 16px;
            padding: 8px 0 14px;
        }

        .carriersright a {
            padding: 9px 28px 8px;
        }

    .carriersliderpart {
        padding: 6px 0 0;
    }

        .carriersliderpart img {
            top: 10px;
        }

    .carrierslider {
        padding: 0 0 33px;
    }

        .carrierslider:before {
            height: 445px;
            background-size: contain;
            top: 2px;
        }

    .carriersright:before {
        left: -160px;
        top: -19px;
        height: 88px;
        width: 972px;
        background-size: 500px;
    }

    .carrierworkbg {
        background-size: 1190px;
    }

    .carrierwork {
        padding: 50px 0 50px;
    }

    .carrierworkbox {
        padding: 30px 0 20px;
    }

    .carrierformleft {
        padding: 24px;
    }

    .carrierformright {
        min-height: 255px;
    }

        .carrierformright:after {
            width: 95px;
            height: 132px;
            background-size: 95px;
        }

    .customerpartwrap {
        padding: 45px 0;
    }

    .customerpart .toptitle h3 {
        font-size: 26px;
        padding: 0 20% 0 0;
    }

    .cstmrdropdown .css-16awh2u-MuiAutocomplete-root {
        width: 170px;
    }

    .cstmrdropbox .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.fa.fa-angle-down {
        font-size: 17px;
    }

    .cstmrdropbox .MuiAutocomplete-root.MuiAutocomplete-hasClearIcon.fa-angle-down:before {
        right: 15px;
    }

    .viewclear a {
        font-size: 13px;
    }

    .cstmrsuccessm {
        padding: 28px 0 0;
    }

    .cstmrsuccesstop span {
        font-size: 13px;
    }

    .cstmrsuccesstop h2 {
        line-height: 31px;
    }

    .cstmrsuccessbtm p {
        font-size: 16px;
    }

        .cstmrsuccessbtm p span {
            background-position: left -14435px;
        }

    .formboxpartbtn a {
        padding: 9px 37px 8px;
    }

    .carrierteam {
        margin: 50px 0 0;
    }

    .customerdropdownwrap {
        padding: 22px 0 0;
        gap: 15px;
    }

    .cstmrsuccessbox {
        padding: 16px 0 16px;
    }

    .carrierapplybtn a {
        padding: 9px 40px 8px;
    }

    .carrierbox {
        width: 296px;
        height: 296px;
        padding: 24px 22px 0;
    }

    /* Carrier Application */

    .carrierappslider {
        padding: 40px 0 0;
    }

    .carrierappsliderpart {
        padding: 25px 20px 26px 25px;
    }

        .carrierappsliderpart h2 {
            font-size: 30px;
            line-height: 35px;
            padding: 0 42% 0 0;
        }

        .carrierappsliderpart:after {
            background-size: 200px 670px;
            width: 160px;
        }

    .carrierappabout {
        padding: 35px 0 40px;
    }

    .carrierappaboutsec h2 {
        font-size: 20px;
        line-height: 22px;
    }

    .carrierappaboutleft h3 {
        font-size: 15px;
        line-height: 19px;
    }

    .carrieraboutcont {
        padding: 18px 0 0 10px;
    }

    .carrieraboutcontent {
        gap: 8px;
    }

        .carrieraboutcontent span {
            width: 3px;
            height: 3px;
            margin: 9px 0 0;
        }

        .carrieraboutcontent p {
            font-size: 15px;
            line-height: 21px;
        }

    .carrierappaboutleft.carrierappaboutright h3 {
        padding: 0 0 4px;
    }

    .carrierappaboutright p {
        font-size: 15px;
        line-height: 21px;
        padding: 14px 0 0;
    }

    .carrierappaboutpart {
        padding: 22px 0 0;
        gap: 35px;
    }

    .carrierappapply {
        padding: 70px 0 40px;
    }

    .carrierappapplypart h2 {
        font-size: 26px;
        line-height: 26px;
    }

    .carrierappapplybox p {
        font-size: 14px;
        line-height: 19px;
        padding: 0 0 22px;
    }

    .carrierappapplybox {
        padding: 23px 22px 28px;
    }

    .appapplyboxcont input {
        font-size: 13px;
        padding: 0 20px;
        height: 40px;
    }

    .appapplyboxcontresume input[type=file]::file-selector-button {
        margin-right: 10px;
        font-size: 12px;
        padding: 6px 20px;
    }

    .appapplyboxcontresume input[type=file] {
        padding: 10px 0 0 10px;
    }

    .appapplyboxleft {
        gap: 14px;
    }

    .appapplyboxcontresume:after {
        right: 17px;
        top: 18px;
        width: 17px;
        height: 16px;
        background-position: 95% -8613px;
        background-size: 38px;
    }

    .appapplyboxtextarea label {
        font-size: 14px;
        font-weight: 500;
    }

    .appapplyboxtextarea {
        gap: 4px;
    }

        .appapplyboxtextarea textarea {
            height: 115px;
        }

    .carrierproceedbtn {
        padding: 16px 0 0;
    }

        .carrierproceedbtn a {
            padding: 9px 35px 8px;
        }

    .carrierapproles {
        padding: 40px 0 40px;
    }

    .carrierapproleslide {
        padding: 24px 15px 0;
    }

        .carrierapproleslide .owl-nav {
            top: -102px;
        }

        .carrierapproleslide .owl-prev:before, .carrierapproleslide .owl-next:before {
            font-size: 18px;
        }

        .carrierapproleslide .owl-prev, .carrierapproleslide .owl-next {
            right: 20px;
            width: 18px;
            height: 24px;
        }

    .roles-slide {
        width: 210px;
        height: 250px;
        background-size: 218px;
        padding: 20px 18px 16px;
    }

    .rolesbox h1 {
        font-size: 22px;
        line-height: 26px;
    }



    /* Partnership */

    .partnersliderbus {
        width: 390px;
        height: 240px;
        background-size: 390px;
        background-position: -70px bottom;
    }

    .partnershipslider:after {
        background-size: 250px 880px;
        background-position: left -390px;
    }

    .partnersliderleft h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .partnersliderleft p {
        font-size: 16px;
    }

    .collabsuper {
        background-size: 1190px;
    }

    .partnersliderleft a {
        padding: 9px 44px 8px;
    }

    .partnershipcolla {
        padding: 45px 0 0;
    }

    .collabspart {
        padding: 30px 0 18px;
    }

    .collabsbox {
        width: 296px;
        height: 293px;
        padding: 34px 30px 0;
    }

        .collabsbox h3 {
            padding: 20px 0 10px;
            font-size: 18px;
        }

        .collabsbox p {
            font-size: 14px;
            line-height: 18px;
        }

    .supercollab {
        padding: 45px 0 0;
    }

    .supercollabpart .toptitle h3 {
        font-size: 23px;
    }

    .carriercollab .carrierappapplypart h2 {
        font-size: 24px;
        line-height: 27px;
    }

    .carriercollab .carrierappapplybox {
        padding: 24px 22px 28px;
    }

    .carriercollab .carrierappapplypart h2 {
        padding: 0 0 30px;
    }

    .collab-slide {
        width: 420px;
        height: 326px;
    }

    .collabscont {
        padding: 16px 30px 0;
        height: 189px;
        background-size: 165px;
    }

        .collabscont h3 {
            font-size: 18px;
            line-height: 30px;
        }

        .collabscont p {
            font-size: 14px;
            line-height: 18px;
        }

        .collabscont span {
            font-size: 14px;
        }

    .supercollabslide .owl-nav {
        top: auto;
        right: 0;
        bottom: -10px;
    }

    .supercollabslide .owl-prev, .supercollabslide .owl-next {
        right: 35px;
        width: 25px;
        height: 26px;
        border: 1px solid #666666 !important;
        border-radius: 50%;
    }

        .supercollabslide .owl-prev:before, .supercollabslide .owl-next:before {
            font-size: 18px;
            line-height: 25px;
        }

    /* EMT Desktop */

    .emtwrapparts {
        padding: 40px 0 18px;
    }

    .emtsection {
        padding: 35px 0 0;
    }

        .emtsection span {
            font-size: 16px;
        }

        .emtsection p {
            font-size: 17px;
            line-height: 27px;
            padding: 35px 0 0;
        }

    .emtbutton {
        gap: 15px;
        padding: 0 0 40px;
    }

        .emtbutton a {
            font-size: 16px;
            padding: 7px 30px !important;
        }

    /*Thank You*/

    .thanksbox {
        padding: 35px 15px;
    }

        .thanksbox h3 {
            font-size: 14px;
            line-height: 21px;
            font-weight: 500;
        }

        .thanksbox img {
            max-width: 100px;
        }

        .thanksbox p {
            font-size: 14px;
            line-height: 21px;
        }

        .thanksbox label {
            font-size: 14px;
            line-height: 21px;
        }

    .download_view_btn {
        gap: 10px;
        flex-direction: column;
    }

        .download_view_btn button {
            font-size: 14px;
            padding: 6px 15px 5px;
        }

    .onward_ticket_part {
        gap: 30px;
    }

    .thankspage {
        padding: 40px 0 20px;
    }

    /*Top Bus Route*/

    .top_pune {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .top_mumbai {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .top_mangalore {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .top_hyderabad {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .top_goa {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .top_ahmedabad {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .top_shirdi {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .top_nagpur {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .top_mysore {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .top_indore {
        background-image: url(/VRLVijayanandTravels/images/main_slider_mbl.webp);
        height: 400px;
        background-size: 100%;
        background-position: center -140px;
    }

    .top_pune .fade {
        padding: 0;
    }

    .top_mumbai .fade {
        padding: 0;
    }

    .top_mangalore .fade {
        padding: 0;
    }

    .top_hyderabad .fade {
        padding: 0;
    }

    .top_goa .fade {
        padding: 0;
    }

    .top_ahmedabad .fade {
        padding: 0;
    }

    .top_shirdi .fade {
        padding: 0;
    }

    .top_nagpur .fade {
        padding: 0;
    }

    .top_mysore .fade {
        padding: 0;
    }

    .top_indore .fade {
        padding: 0;
    }

    .toproutes_boxes {
        flex-basis: 100%;
    }

    .toproutes_wrapper {
        gap: 15px;
    }

    .top_route_link .toptitle {
        padding: 0 0 18px;
        text-align: center;
        width: 100%;
    }

    .top_route_link {
        padding: 40px 0 20px;
    }

    .toptitle h2, .toptitle h1 {
        font-size: 24px;
        line-height: 31px;
    }

    .top_routes_textbox {
        padding: 20px 0 0;
    }

        .top_routes_textbox p {
            font-size: 15px;
            line-height: 22px;
            padding: 14px 0 0;
        }

        .top_routes_textbox ul li {
            font-size: 16px;
            line-height: 20px;
        }

            .top_routes_textbox ul li p {
                font-size: 15px;
                line-height: 21px;
                padding: 0 0 0;
            }

    .top_routes_choice {
        padding: 30px 0 42px;
    }

    .top_routes_super {
        gap: 15px;
        padding: 24px 0 0;
    }

    .amenities_toproute {
        padding: 40px 0 !important;
    }

        .amenities_toproute .amenitiescard span {
            color: #fff;
        }

    .top_routes_faq {
        padding: 40px 0 0;
    }

    .faq_content_toproute .filter-drawer__title {
        font-size: 13px;
    }

    .toproute_option {
        padding: 0 0 0 25px;
    }

    .faq_content_list.faq_content_toproute .filter_tab_main {
        padding: 15px 0 0;
    }

    /*blog New*/

    .exlorecontent ul li button {
        padding: 8px 18px !important;
        font-size: 13px !important;
    }

    .slider-text-bg.blogtext {
        top: 28px;
    }

    .panel-group {
        margin-bottom: 0;
    }

    .blogcomfortleft.blogcomfortleft02 {
        width: 100% !important;
    }

    .blogcomfortparts02 {
        gap: 15px;
    }

    .blogcontentleft.blogdetacontentleft {
        padding: 0;
    }

    .testimonial-head h2 {
        font-size: 22px;
    }

    .blogcomfortleft {
        width: 100%;
        /*height: 490px;*/
        /*padding: 10px;*/
    }

        .blogcomfortleft .blognone01 {
            width: 100%;
            padding: 10px;
            width: 370px;
        }

    .blogcomfort img {
        height: 170px;
    }

    .blogdetail.blogdetail02 {
        padding: 20px 0 5px;
    }

    .blogcontenttop.blogcontenttop02 {
        padding: 30px 0 0;
    }

    .blogcontenttop.blogcontenttop03 {
        padding: 30px 0 20px;
    }

        .blogdetail, .blogcontenttop.blogcontenttop03 .blogdetail {
            padding: 35px 0 0;
        }

    .blogcalinn {
        border-radius: 0 15px 0 0;
        height: 59px;
        width: 45px;
        padding: 22px 0 0;
        background-position: center -109px;
        background-size: 18px;
    }

        .blogcalinn span {
            font-size: 13px;
        }

            .blogcalinn span em {
                font-size: 10px;
            }

            .blogcalinn span i {
                font-size: 11px;
                padding: 1px 4px;
            }

                .blogcalinn span i.monthinn {
                    padding: 1px 3px;
                }

    .blogmenu {
        width: 100%;
        padding: 6px 0 0 5px;
    }

        .blogmenu ul li a {
            font-size: 12px;
            padding: 0 0 0 20px;
            line-height: 20px;
            margin-right: 8px;
            background-size: 20px;
            background-position: left -255px;
        }

            .blogmenu ul li a.blogcomm {
                background-position: left -406px;
                padding: 0 0 0 24px;
            }

    .blogmenuright span {
        font-size: 16px;
        padding: 0 0 0 0;
    }

    .blogtitle {
        font-size: 16px;
        line-height: 22px;
        height: 46px;
    }

        .blogtitle span {
            display: inline;
        }

    .blogdetail p {
        font-size: 13px;
        line-height: 20px;
        height: 60px;
    }

    .blogsocial a {
        margin-right: 5px;
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
    }

    .blogmore a {
        font-size: 14px;
    }

    .blogcomfortleft {
        width: 100%;
        /*height: 395px;*/
    }

    .blogcontent {
        padding: 85px 0 0;
    }

    .blogcomfortparts .slick-prev, .blogcomfortparts .slick-next {
        top: -10%;
        width: 40px;
        height: 26px;
        right: 46px;
        left: auto;
    }

        .blogcomfortparts .slick-prev:before, .blogcomfortparts .slick-next:before {
            font-size: 24px;
        }

    .blogcomfortparts .slick-next {
        right: 0;
    }

    .olderpostaria {
        padding: 25px 0 0;
    }

    .olderpost a {
        font-size: 15px;
        padding: 10px 32px 10px 11px;
        background-position: 94% -546px;
        background-size: 20px;
    }

    .blogsearch {
        max-width: 300px;
    }

        .blogsearch button {
            width: 35px;
            height: 35px;
            background-position: center 9px;
            background-size: 18px;
        }

        .blogsearch input[type="text"] {
            padding: 8px 10px 8px 15px;
            font-size: 16px;
        }

    .blogpostspart h2 {
        font-size: 24px;
    }

    .blogpostsbox {
        padding: 10px 0 15px;
        margin: 0 0 12px;
    }

    .blogpostsdetail {
        width: 60%;
        padding: 5px 0 0 10px;
    }

        .blogpostsdetail span {
            font-size: 13px;
        }

        .blogpostsdetail p {
            font-size: 13px;
            line-height: normal;
        }

    /*blog details css*/

    .blogcontitle {
        font-size: 20px;
        margin: 0 0 8px;
    }

    .blogdetitle {
        font-size: 20px;
    }

    .blogdetamenu ul li a {
        font-size: 12px;
    }

    .blogdetcontant p {
        font-size: 13px;
        line-height: 20px;
    }

    .blogmore.blogmore02 a {
        padding: 8px 20px;
    }

    /*blog details css*/

    .exlorecontent ul li a {
        font-size: 13px;
        padding: 6px 20px;
    }

    .exlorecontent.exlorecontent_inner {
        bottom: 15px;
        left: 15px;
    }

    .exlorearea .toptitle h2 {
        font-size: 20px;
    }

    .exloreslider .owl-prev {
        right: 30px;
    }

        .exloreslider .owl-prev:before, .exloreslider .owl-next:before {
            font-size: 18px;
        }
}

@media only screen and (max-width:449px) {
    .journeycontent svg {
        width: 360px;
    }

    .journeycontent p {
        padding: 0 0 20px;
    }

    .superbus-slide a .super_bus_img {
        width: 300px;
        height: 233px;
        background-size: 300px;
    }

        .superbus-slide a .super_bus_img.super_bus_img2 {
            background-position: center -248px;
        }

    .sliderwrapper {
        background-position: center -100px;
    }

    .top_pune {
        background-position: center -100px;
    }

    .top_mumbai {
        background-position: center -100px;
    }

    .top_mangalore {
        background-position: center -100px;
    }

    .top_hyderabad {
        background-position: center -100px;
    }

    .top_goa {
        background-position: center -100px;
    }

    .top_ahmedabad {
        background-position: center -100px;
    }

    .top_shirdi {
        background-position: center -100px;
    }

    .top_nagpur {
        background-position: center -100px;
    }

    .top_mysore {
        background-position: center -100px;
    }

    .top_indore {
        background-position: center -100px;
    }

    .css-ki1hdl-MuiAlert-action {
        left: auto;
        right: 40px;
    }

    /* Carrier Application */

    .roles-slide {
        width: 193px;
        height: 222px;
        background-size: 218px;
        padding: 16px 16px 0;
    }

        .roles-slide p {
            font-size: 12px;
        }

            .roles-slide p label {
                padding: 6px 0 0 14px;
                background-position: left -14603px;
            }



    .rolesbox span {
        line-height: 13px;
        font-size: 13px;
    }



    /* Partnership */

    .collab-slide {
        width: 370px;
        height: 306px;
    }

    .collabscont {
        padding: 15px 30px 0;
        height: 185px;
        background-size: 164px;
    }

        .collabscont h3 {
            line-height: 26px;
        }

    .otppopup .css-i7kv6a-MuiDialogContent-root {
        padding: 0;
        width: 300px;
        width: 280px;
    }

    .ticket_cancel .managepnr input {
        height: 32px;
        padding: 0 0 0 15px;
        border-radius: 50px;
        font-size: 13px;
    }

    .ticket_cancel .managepnr .modifytctotp {
        padding: 7px 15px;
    }

    .ticket_cancel .managepnr button {
        font-size: 13px;
        padding: 6px 20px;
        margin: 0;
    }

    .ticket_cancel .managepnr .redclr {
        position: absolute;
        bottom: -18px;
        left: 0;
        font-size: 12px;
    }
}

@media only screen and (max-width:399px) {
    .journeycontent svg {
        width: 340px;
    }

    .superbus-slide a .super_bus_img {
        width: 280px;
        height: 217px;
        background-size: 280px;
    }

        .superbus-slide a .super_bus_img.super_bus_img2 {
            background-position: center -232px;
        }

    .sliderwrapper {
        background-position: center -70px;
    }

    .top_pune {
        background-position: center -70px;
    }

    .top_mumbai {
        background-position: center -70px;
    }

    .top_mangalore {
        background-position: center -70px;
    }

    .top_hyderabad {
        background-position: center -70px;
    }

    .top_goa {
        background-position: center -70px;
    }

    .top_ahmedabad {
        background-position: center -70px;
    }

    .top_shirdi {
        background-position: center -70px;
    }

    .top_nagpur {
        background-position: center -70px;
    }

    .top_mysore {
        background-position: center -70px;
    }

    .top_indore {
        background-position: center -70px;
    }

    .carousel-caption {
        bottom: 22px !important;
    }

    .css-ki1hdl-MuiAlert-action {
        left: auto;
        right: 20px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 300px;
    }

    /*ModifyTicket css*/

    .managepnr label {
        margin: 0 0 6px !important;
        width: 100%;
    }

        .managepnr label::after {
            right: auto;
            margin: 0 0 0 10px;
        }

    .managepnr input {
        width: 100%;
    }

    /*ModifyTicket css*/

    .passengerbox.payment_gateway label {
        flex-basis: 100%;
    }

    .pg_gateway {
        float: none;
        display: inline-block;
    }

    /* Reschedule Ticket */

    .popupblockpart.popupblockpart01 .amenities-sprtab {
        flex-basis: 46%;
    }

    /* Partnership */

    .collab-slide {
        width: 350px;
        height: 296px;
    }

    .collabscont span {
        padding: 12px 0 0;
    }

    .collabscont {
        height: 182px;
        background-size: 159px;
    }
}

@media only screen and (max-width:380px) {
    .journeycontent svg {
        width: 330px;
    }

    .journeycontent p {
        padding: 0 0 15px;
    }

    /*.sliderwrapper {
        height: 350px;
    }*/

    .sliderwrapper {
        background-position: center -50px;
    }

    .top_pune {
        background-position: center -50px;
    }

    .top_mumbai {
        background-position: center -50px;
    }

    .top_mangalore {
        background-position: center -50px;
    }

    .top_hyderabad {
        background-position: center -50px;
    }

    .top_goa {
        background-position: center -50px;
    }

    .top_ahmedabad {
        background-position: center -50px;
    }

    .top_shirdi {
        background-position: center -50px;
    }

    .top_nagpur {
        background-position: center -50px;
    }

    .top_mysore {
        background-position: center -50px;
    }

    .top_indore {
        background-position: center -50px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 290px;
    }

    .destinationbox {
        width: 144px;
        height: 144px;
        background-size: 144px;
    }

        .destinationbox.destinationbox2 {
            background-position: center -161px;
        }

        .destinationbox.destinationbox3 {
            background-position: center -322px;
        }

        .destinationbox.destinationbox4 {
            background-position: center -483px;
        }

        .destinationbox.destinationbox5 {
            background-position: center -644px;
        }

        .destinationbox.destinationbox6 {
            background-position: center -805px;
        }

        .destinationbox.destinationbox7 {
            background-position: center -967px;
        }

        .destinationbox.destinationbox8 {
            background-position: center -1128px;
        }

        .destinationbox.destinationbox9 {
            background-position: center -1289px;
        }

        .destinationbox.destinationbox10 {
            background-position: center -1450px;
        }

        .destinationbox.destinationbox11 {
            background-position: center -1611px;
        }

        .destinationbox.destinationbox12 {
            background-position: center -1772px;
        }

        .destinationbox.destinationbox13 {
            background-position: center -1933px;
        }

    .superbusbutton a {
        font-size: 10px;
        padding: 3px 9px;
    }

    .amenitiesrow {
        justify-content: center;
    }

    .profiletravelicon p img {
        max-width: 140px;
    }

    /* Available Routes */

    .route_tabbing_details .supertabs ul {
        gap: 22px;
    }

    .popupblockpart.popupblockpart01 {
        height: 476px;
    }

        .popupblockpart.popupblockpart01 #thumbs {
            top: 97px;
        }

    .route_tabbing_details {
        height: 505px;
    }

    /* Partnership */

    .collab-slide {
        width: 330px;
        height: 286px;
    }

    .collabscont {
        height: 178px;
        background-size: 155px;
    }

        .collabscont h3 {
            line-height: 24px;
        }
}

@media only screen and (max-width: 369px) {
    .blogcontenttop03 .blogmenu {
        padding: 5px 0 5px 5px;
    }

        .blogcontenttop03 .blogmenu ul li a {
            font-size: 11px;
        }

        .blogcontenttop03 .blogmenu .blogmenuright ul li a {
            font-size: 10px;
        }

    .blogmenuright span {
        font-size: 13px;
        vertical-align: top;
        padding: 1px 0 0;
    }
}

@media only screen and (max-width:360px) {
    .superbusjourney {
        overflow: hidden;
    }

    .journeycontent svg {
        width: 390px;
    }

    /*.sliderwrapper {
        height: 340px;
    }*/

    .sliderwrapper {
        background-position: center -40px;
        height: 387px;
    }

    .top_pune {
        background-position: center -40px;
        height: 387px;
    }

    .top_mumbai {
        background-position: center -40px;
        height: 387px;
    }

    .top_mangalore {
        background-position: center -40px;
        height: 387px;
    }

    .top_hyderabad {
        background-position: center -40px;
        height: 387px;
    }

    .top_goa {
        background-position: center -40px;
        height: 387px;
    }

    .top_ahmedabad {
        background-position: center -40px;
        height: 387px;
    }

    .top_shirdi {
        background-position: center -40px;
        height: 387px;
    }

    .top_nagpur {
        background-position: center -40px;
        height: 387px;
    }

    .top_mysore {
        background-position: center -40px;
        height: 387px;
    }

    .top_indore {
        background-position: center -40px;
        height: 387px;
    }

    .slider_content {
        height: 368px;
    }

    .offerslider .owl-carousel .owl-item img {
        max-width: 255px;
    }

    .indexpopup img {
        max-width: 250px;
    }

    .destinationbox {
        width: 128px;
        height: 128px;
        background-size: 128px;
    }

        .destinationbox.destinationbox2 {
            background-position: center -143px;
        }

        .destinationbox.destinationbox3 {
            background-position: center -286px;
        }

        .destinationbox.destinationbox4 {
            background-position: center -430px;
        }

        .destinationbox.destinationbox5 {
            background-position: center -573px;
        }

        .destinationbox.destinationbox6 {
            background-position: center -716px;
        }

        .destinationbox.destinationbox7 {
            background-position: center -859px;
        }

        .destinationbox.destinationbox8 {
            background-position: center -1002px;
        }

        .destinationbox.destinationbox9 {
            background-position: center -1146px;
        }

        .destinationbox.destinationbox10 {
            background-position: center -1289px;
        }

        .destinationbox.destinationbox11 {
            background-position: center -1432px;
        }

        .destinationbox.destinationbox12 {
            background-position: center -1575px;
        }

        .destinationbox.destinationbox13 {
            background-position: center -1718px;
        }

    .superbusglry01 img {
        max-width: 176px;
    }

    .superbusglry02 img {
        max-width: 100px;
    }

    .superbusglry02 .sbusicon3 {
        padding: 10px 0 0;
    }

    .superbusbutton {
        justify-content: space-between;
    }

        .superbusbutton a {
            padding: 3px 4px;
        }

    .chooseuscard {
        width: 295px;
        height: 295px;
        padding: 40px 0 0 0;
    }

    .profiletravelicon p img {
        max-width: 130px;
    }

    .mblexplorebtn a {
        padding: 2px 7px;
    }

    .amenitiesrow {
        gap: 14px 4px;
    }

    .faq_main_wrap .faqmaintabs {
        gap: 26px;
    }

    .amenitiescard span {
        font-size: 9px;
    }

    .mblexploreglry.mblexploreglry2 img {
        max-width: 138px;
    }

    /* Available Routes */

    .route_tabbing_details .supertabs ul {
        gap: 26px;
    }

    .busseatmodify .buslighttext {
        font-size: 14px;
    }

    .busseatmodify .windowseat {
        font-size: 13px;
    }

    .busfacilitiestab .nav-tabs .nav-item.nav-item-button .nav-link {
        padding: 4px 24px;
    }

    /* Partnership */

    .collab-slide {
        width: 290px;
        height: 270px;
    }

    .collabscont {
        height: 175px;
        background-size: 152px;
        padding: 15px 15px 0;
    }

        .collabscont h3 {
            line-height: 22px;
            font-size: 17px;
        }

        .collabscont p {
            font-size: 13px;
            line-height: 17px;
        }

        .collabscont span {
            font-size: 13px;
        }
}

@media only screen and (max-width:340px) {
    .superbus-slide a .super_bus_img {
        width: 260px;
        height: 202px;
        background-size: 260px;
    }

        .superbus-slide a .super_bus_img.super_bus_img2 {
            background-position: center -215px;
        }

    /*.sliderwrapper {
        height: 325px;
        padding: 30px 0 0;
    }*/

    .sliderwrapper {
        background-position: center -10px;
    }

    .top_pune {
        background-position: center -10px;
    }

    .top_mumbai {
        background-position: center -10px;
    }

    .top_mangalore {
        background-position: center -10px;
    }

    .top_hyderabad {
        background-position: center -10px;
    }

    .top_goa {
        background-position: center -10px;
    }

    .top_ahmedabad {
        background-position: center -10px;
    }

    .top_shirdi {
        background-position: center -10px;
    }

    .top_nagpur {
        background-position: center -10px;
    }

    .top_mysore {
        background-position: center -10px;
    }

    .top_indore {
        background-position: center -10px;
    }
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/VRLVijayanandTravels/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
@charset "UTF-8";
.card,.popover,.toast-body,.tooltip,code{word-wrap:break-word}.card-title,.form-label,dd,legend{margin-bottom:.5rem}progress,sub,sup{vertical-align:baseline}.img-fluid,.img-thumbnail{max-width:100%;height:auto}.g-0,.gy-0,.row{--bs-gutter-y:0}.btn-check,.form-floating>label{position:absolute;pointer-events:none}.accordion-button,.alert,.btn .badge,.carousel,.dropdown,.dropend,.dropstart,.dropup,.form-floating,.input-group,.input-group .btn,.list-group-item,.page-link,sub,sup{position:relative}.dropdown-header,.dropdown-item,.dropdown-toggle,.input-group-text,.navbar-brand{white-space:nowrap}.breadcrumb,.carousel-indicators,.dropdown-menu,.nav,.navbar-nav,.pagination{list-style:none}.text-black,.text-black-50,.text-body,.text-danger,.text-dark,.text-info,.text-light,.text-muted,.text-opacity-100,.text-primary,.text-reset,.text-secondary,.text-success,.text-warning,.text-white,.text-white-50{--bs-text-opacity:1}.bg-black,.bg-body,.bg-danger,.bg-dark,.bg-info,.bg-light,.bg-opacity-100,.bg-primary,.bg-secondary,.bg-success,.bg-transparent,.bg-warning,.bg-white{--bs-bg-opacity:1}:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.alert-heading,a>code,hr,pre code{color:inherit}hr{margin:1rem 0;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.alert,.blockquote,.blockquote-footer,.breadcrumb,address,dl,ol,p,pre,ul{margin-bottom:1rem}.alert-link,dt,kbd kbd{font-weight:700}address,legend{line-height:inherit}.display-6,.h1,h1{font-size:calc(1.375rem + 1.5vw)}.h2,h2{font-size:calc(1.325rem + .9vw)}.h3,h3{font-size:calc(1.3rem + .6vw)}.h4,h4{font-size:calc(1.275rem + .3vw)}.blockquote,.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.list-group-horizontal>.list-group-item.active,dl,ol,p,ul{margin-top:0}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.btn,.form-control-color:not(:disabled):not([readonly]),.form-control[type=file]:not(:disabled):not([readonly]),[role=button],[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled),summary{cursor:pointer}address{font-style:normal}ol,ul{padding-left:2rem}.accordion-header,.blockquote>:last-child,.card-header,.card-subtitle,.card-text:last-child,.nav,.navbar-nav,ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.card>hr,.dropdown-toggle-split::after,.dropdown-toggle:empty::after,.dropend .dropdown-toggle-split::after,.dropend .dropdown-toggle:empty::after,.dropstart .dropdown-toggle:empty::after,.dropup .dropdown-toggle-split::after,.dropup .dropdown-toggle:empty::after,dd{margin-left:0}blockquote,figure{margin:0 0 1rem}b,strong{font-weight:bolder}.small,code,kbd,pre,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{font-size:.75em;line-height:0}sub{bottom:-.25em}sup{top:-.5em}.btn-link,a{color:#0d6efd;text-decoration:underline}.btn-link:hover,.link-primary:focus,.link-primary:hover,.nav-link:focus,.nav-link:hover,a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;overflow:auto}pre code{font-size:inherit;word-break:normal}code{color:#d63384}kbd{padding:.2rem .4rem;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{/*border:0 solid;*/border-color:inherit}.figure,.list-inline-item,label,output{display:inline-block}.accordion-flush .accordion-item .accordion-button,.list-group-flush,.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header,button{border-radius:0}fieldset,iframe{border:0}.form-range:focus,button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}select{word-wrap:normal}.btn-close:focus,.carousel-indicators .active,select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0}legend{float:left;width:100%;padding:0;font-size:calc(1.275rem + .3vw)}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit}.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{font-weight:300;line-height:1.2}summary{display:list-item}.d-none,[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw)}.display-2{font-size:calc(1.575rem + 3.9vw)}.display-3{font-size:calc(1.525rem + 3.3vw)}.display-4{font-size:calc(1.475rem + 2.7vw)}.display-5{font-size:calc(1.425rem + 2.1vw)}.btn,.btn-link,.dropdown-item,.form-control,.form-select{font-weight:400}.list-inline,.list-unstyled{padding-left:0;list-style:none}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote-footer,.figure-caption{font-size:.875em;color:#6c757d}.blockquote-footer{margin-top:-1rem}.blockquote-footer::before{content:"— "}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem}.figure-img{margin-bottom:.5rem;line-height:1}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}.col-sm{flex:1 0 0%}.col-sm-auto,.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.col-sm-12,.row-cols-sm-1>*{flex:0 0 auto;width:100%}.col-sm-6,.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.col-sm-3,.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}.col-md{flex:1 0 0%}.col-md-auto,.row-cols-md-auto>*{flex:0 0 auto;width:auto}.col-md-12,.row-cols-md-1>*{flex:0 0 auto;width:100%}.col-md-6,.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.col-md-3,.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.list-group-horizontal-md,.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler,.navbar-expand-md .offcanvas-header{display:none}.navbar-expand-md .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}.col-lg{flex:1 0 0%}.col-lg-auto,.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.col-lg-12,.row-cols-lg-1>*{flex:0 0 auto;width:100%}.col-lg-6,.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.col-lg-3,.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.list-group-horizontal-lg,.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler,.navbar-expand-lg .offcanvas-header{display:none}.navbar-expand-lg .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}.modal-lg,.modal-xl{max-width:800px}.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.display-6,.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4,legend{font-size:1.5rem}.display-1{font-size:5rem}.display-2{font-size:4.5rem}.display-3{font-size:4rem}.display-4{font-size:3.5rem}.display-5{font-size:3rem}.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}.col-xl{flex:1 0 0%}.col-xl-auto,.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.col-xl-12,.row-cols-xl-1>*{flex:0 0 auto;width:100%}.col-xl-6,.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.col-xl-3,.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}.row{--bs-gutter-x:1.5rem;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.col-auto,.row-cols-auto>*{flex:0 0 auto;width:auto}.col-12,.row-cols-1>*{flex:0 0 auto;width:100%}.col-6,.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.col-3,.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.col-1,.col-2,.col-4,.col-5,.col-7,.col-8,.row-cols-6>*{flex:0 0 auto}.row-cols-6>*{width:16.6666666667%}.col-1{width:8.33333333%}.col-2{width:16.66666667%}.col-4{width:33.33333333%}.col-5{width:41.66666667%}.col-7{width:58.33333333%}.col-8{width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:2px solid currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.card>.list-group:last-child,.list-group-flush>.list-group-item:last-child,.table-borderless>:not(caption)>*>*{border-bottom-width:0}.card>.list-group:first-child,.list-group-item+.list-group-item,.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-danger,.table-info,.table-light,.table-primary,.table-secondary,.table-success,.table-warning{--bs-table-striped-color:#000;--bs-table-active-color:#000;--bs-table-hover-color:#000;color:#000}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-active-bg:#bacbe6;--bs-table-hover-bg:#bfd1ec;border-color:#bacbe6}.table-secondary{--bs-table-bg:#e2e3e5;--bs-table-striped-bg:#d7d8da;--bs-table-active-bg:#cbccce;--bs-table-hover-bg:#d1d2d4;border-color:#cbccce}.table-success{--bs-table-bg:#d1e7dd;--bs-table-striped-bg:#c7dbd2;--bs-table-active-bg:#bcd0c7;--bs-table-hover-bg:#c1d6cc;border-color:#bcd0c7}.table-info{--bs-table-bg:#cff4fc;--bs-table-striped-bg:#c5e8ef;--bs-table-active-bg:#badce3;--bs-table-hover-bg:#bfe2e9;border-color:#badce3}.table-warning{--bs-table-bg:#fff3cd;--bs-table-striped-bg:#f2e7c3;--bs-table-active-bg:#e6dbb9;--bs-table-hover-bg:#ece1be;border-color:#e6dbb9}.table-danger{--bs-table-bg:#f8d7da;--bs-table-striped-bg:#eccccf;--bs-table-active-bg:#dfc2c4;--bs-table-hover-bg:#e5c7ca;border-color:#dfc2c4}.table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#ecedee;--bs-table-active-bg:#dfe0e1;--bs-table-hover-bg:#e5e6e7;border-color:#dfe0e1}.table-dark{--bs-table-bg:#212529;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.collapsing,.form-control[type=file]{overflow:hidden}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control,.form-control:focus{color:#212529;background-color:#fff}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-check-input:focus,.form-control:focus,.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control-plaintext,.form-select{color:#212529;display:block;line-height:1.5}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.btn-close,.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label,.modal-backdrop.show,.offcanvas-backdrop.show{opacity:.5}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border:0 solid;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-color:inherit}@media (prefers-reduced-motion:reduce){.form-control{transition:none}.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border:0 solid;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-color:inherit}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{width:100%;padding:.375rem 0;margin-bottom:0;background-color:transparent;border:solid transparent;border-width:1px 0}.form-check-input,.form-select{background-color:#fff;-moz-appearance:none;background-repeat:no-repeat}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.navbar-nav .nav-link{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{width:3rem;height:auto;padding:.375rem}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:.2rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.3rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e)}.form-check-input:checked[type=radio]{background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e)}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e)}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}.form-switch .form-check-input:focus{background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e)}.form-switch .form-check-input:checked{background-position:right center;background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e)}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{clip:rect(0,0,0,0)}.dropdown-menu,.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{top:0;left:0;height:100%;padding:1rem .75rem;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}.form-floating>.form-control{padding:1rem .75rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group .btn:focus,.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{z-index:2}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.btn-group-lg>.btn,.btn-lg,.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm,.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.alert-dismissible,.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.invalid-tooltip,.valid-tooltip{z-index:5;display:none;padding:.25rem .5rem;border-radius:.25rem;top:100%;position:absolute;max-width:100%}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e),url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.invalid-feedback,.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9)}.btn,.btn:hover,.link-dark{color:#212529}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e),url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{display:inline-block;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-check:focus+.btn-primary,.btn-primary.active:focus,.btn-primary:active:focus,.btn-primary:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.fade:not(.show),.modal-backdrop.fade,.offcanvas-backdrop.fade,.toast.showing,.tooltip{opacity:0}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active,.btn-outline-primary:hover,.btn-primary,.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca;color:#fff}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-check:focus+.btn-secondary,.btn-secondary.active:focus,.btn-secondary:active:focus,.btn-secondary:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active,.btn-outline-secondary:hover,.btn-secondary,.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-secondary,.btn-secondary:focus,.btn-secondary:hover{background-color:#5c636a;border-color:#565e64;color:#fff}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-check:focus+.btn-success,.btn-success.active:focus,.btn-success:active:focus,.btn-success:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active,.btn-outline-success:hover,.btn-success,.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-success,.btn-success:focus,.btn-success:hover{background-color:#157347;border-color:#146c43;color:#fff}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-check:focus+.btn-info,.btn-info.active:focus,.btn-info:active:focus,.btn-info:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-info,.btn-info.disabled,.btn-info:disabled,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active,.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-info,.btn-info:focus,.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active,.btn-outline-warning:hover,.btn-warning,.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-check:focus+.btn-danger,.btn-danger.active:focus,.btn-danger:active:focus,.btn-danger:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-danger,.btn-danger.disabled,.btn-danger:disabled,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active,.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-danger,.btn-danger:focus,.btn-danger:hover{background-color:#bb2d3b;border-color:#b02a37;color:#fff}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-check:focus+.btn-light,.btn-light.active:focus,.btn-light:active:focus,.btn-light:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-light,.btn-light.disabled,.btn-light:disabled,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active,.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-check:focus+.btn-light,.btn-light.active,.btn-light:active,.btn-light:focus,.btn-light:hover,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-check:focus+.btn-dark,.btn-dark.active:focus,.btn-dark:active:focus,.btn-dark:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-dark,.btn-dark.disabled,.btn-dark:disabled,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active,.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-dark,.btn-dark:focus,.btn-dark:hover{background-color:#1c1f23;border-color:#1a1e21;color:#fff}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-check:focus+.btn-outline-primary,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-check:focus+.btn-outline-success,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-check:focus+.btn-outline-info,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-check:focus+.btn-outline-warning,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-check:focus+.btn-outline-danger,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-check:focus+.btn-outline-light,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.dropdown-toggle::after,.dropup .dropdown-toggle::after{vertical-align:.255em;content:"";border-right:.3em solid transparent;border-left:.3em solid transparent}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-check:focus+.btn-outline-dark,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.dropdown-item,.nav-link,.navbar-brand,.navbar-toggler:focus,.navbar-toggler:hover,.page-link{text-decoration:none}.breadcrumb-item.active,.btn-link.disabled,.btn-link:disabled,.link-secondary{color:#6c757d}.fade{transition:opacity .15s linear}.badge:empty,.collapse:not(.show),.navbar-expand .navbar-toggler,.navbar-expand .offcanvas-header,.popover-header:empty,.tab-content>.tab-pane,.toast:not(.show){display:none}.collapsing{height:0;transition:height .35s}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s}.dropdown-toggle::after{display:inline-block;margin-left:.255em;border-top:.3em solid;border-bottom:0}.dropdown-menu{z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;border-top:0;border-bottom:.3em solid}.dropend .dropdown-toggle::after,.dropstart .dropdown-toggle::before{border-top:.3em solid transparent;border-bottom:.3em solid transparent;content:""}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;border-right:0;border-left:.3em solid;vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{margin-left:.255em;vertical-align:.255em;content:"";display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;border-right:.3em solid;vertical-align:0}.card>hr,.dropstart .dropdown-toggle-split::before{margin-right:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;color:#212529;text-align:inherit;background-color:transparent;border:0}.dropdown-menu-dark,.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.carousel-item-next,.carousel-item-prev,.carousel-item.active,.dropdown-menu.show,.tab-content>.active{display:block}.dropdown-header{display:block;padding:.5rem 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40}.dropdown-menu-dark .dropdown-item,.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active,.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.dropdown-menu-dark .dropdown-header,.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child),.page-item:not(:first-child) .page-link{margin-left:-1px}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.card-img,.card-img-bottom,.card-img-top,.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:0 0;border:0;border-radius:.25rem}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem}.card-header-pills,.card-header-tabs{margin-right:-.5rem;margin-left:-.5rem}.navbar-nav{display:flex;flex-direction:column;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}.navbar-toggler:focus{outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.list-group-horizontal,.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.card,.progress-bar{flex-direction:column}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-text{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e)}.card{position:relative;display:flex;min-width:0;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.accordion-item:first-of-type .accordion-button,.card-img,.card-img-top,.card>.list-group:first-child{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-button.collapsed,.card-img,.card-img-bottom,.card>.list-group:last-child{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card>.list-group{border-top:inherit;border-bottom:inherit}.accordion-flush .accordion-item:first-child,.accordion-item:not(:first-of-type),.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem}.card-footer,.card-header{padding:.5rem 1rem;background-color:rgba(0,0,0,.03)}.card-subtitle{margin-top:-.25rem}.card-link+.card-link{margin-left:1rem}.card-header{border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-bottom:-.5rem;border-bottom:0}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.accordion-body,.accordion-button{padding:1rem 1.25rem}.card-group>.card,.toast-container>:not(:last-child){margin-bottom:.75rem}.accordion-button{display:flex;align-items:center;width:100%;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s}.badge,.progress-bar{text-align:center;white-space:nowrap}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.page-link:focus,.page-link:hover{color:#0a58ca;background-color:#e9ecef}.accordion-button:focus,.btn-close:focus,.page-link:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.25);outline:0}.accordion-button:not(.collapsed)::after{background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:last-of-type,.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.pagination{display:flex;padding-left:0}.page-link{display:block;color:#0d6efd;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding:.375rem .75rem}.page-link:hover{z-index:2;border-color:#dee2e6}.page-link:focus{z-index:3}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;vertical-align:baseline;border-radius:.25rem}.btn .badge{top:-1px}.alert{padding:1rem;border:1px solid transparent;border-radius:.25rem}.list-group,.progress{display:flex;border-radius:.25rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef}.progress-bar{display:flex;justify-content:center;overflow:hidden;color:#fff;background-color:#0d6efd;transition:width .6s}.popover,.tooltip{font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;text-decoration:none}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}.list-group{flex-direction:column;padding-left:0;margin-bottom:0}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{display:block;padding:.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em;color:#000;background:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;border:0;border-radius:.25rem}.toast,.toast-header{background-color:rgba(255,255,255,.85)}.modal-content,.popover,.toast,.toast-header{background-clip:padding-box}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-header{display:flex;align-items:center;padding:.5rem .75rem;color:#6c757d;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem}.modal{position:fixed;top:0;left:0;z-index:1055;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}.modal.show .modal-dialog,.offcanvas.show{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body,.modal-fullscreen .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.carousel-dark .carousel-indicators [data-bs-target],.modal-backdrop,.tooltip-inner{background-color:#000}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title,.offcanvas-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;text-align:left;text-align:start}.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-bottom,.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow,.fixed-bottom{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end,.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow,.fixed-top{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1070;display:block;max-width:276px;text-align:left;text-align:start;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f0f0f0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-body{padding:1rem;color:#212529}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after,.clearfix::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end),.offcanvas-start{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e)}.carousel-control-next-icon{background-image:url(/VRLVijayanandTravels/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e)}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.spinner-border,.spinner-grow{display:inline-block;vertical-align:-.125em}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{width:2rem;height:2rem;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{width:2rem;height:2rem;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.accordion-button,.accordion-button::after,.btn,.carousel-control-next,.carousel-control-prev,.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start,.carousel-indicators [data-bs-target],.carousel-item,.collapsing,.collapsing.collapse-horizontal,.fade,.form-floating>label,.form-select,.form-switch .form-check-input,.modal.fade .modal-dialog,.nav-link,.navbar-toggler,.offcanvas,.page-link,.progress-bar{transition:none}.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}.form-range::-moz-range-thumb{-moz-transition:none;transition:none}.progress-bar-animated{-webkit-animation:none;animation:none}.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-bottom,.offcanvas-top{right:0;left:0;height:30vh;max-height:100%}.placeholder,.vr{background-color:currentColor}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem}.offcanvas-header .btn-close{padding:.5rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:-.5rem}.offcanvas-body{flex-grow:1;padding:1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;opacity:.5}.hstack,.vstack{display:flex;align-self:stretch}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{-webkit-animation:2s ease-in-out infinite placeholder-glow;animation:2s ease-in-out infinite placeholder-glow}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-animation:2s linear infinite placeholder-wave;animation:2s linear infinite placeholder-wave}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.link-primary{color:#0d6efd}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.fixed-bottom,.fixed-top{position:fixed;z-index:1030;right:0;left:0}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.hstack{flex-direction:row;align-items:center}.vstack{flex:1 1 auto;flex-direction:column}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-reset{color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.bg-primary{background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded,.rounded-2{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-end,.rounded-top{border-top-right-radius:.25rem!important}.rounded-bottom,.rounded-end{border-bottom-right-radius:.25rem!important}.rounded-bottom,.rounded-start{border-bottom-left-radius:.25rem!important}.rounded-start,.rounded-top{border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.list-group-horizontal-sm,.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler,.navbar-expand-sm .offcanvas-header{display:none}.navbar-expand-sm .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}.col-xxl{flex:1 0 0%}.col-xxl-auto,.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.col-xxl-12,.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.col-xxl-6,.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.col-xxl-3,.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.list-group-horizontal-xxl,.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler,.navbar-expand-xxl .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.list-group-horizontal-xl,.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler,.navbar-expand-xl .offcanvas-header{display:none}.navbar-expand-xl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:transparent;border-right:0;border-left:0;transition:none;transform:none}.navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}.modal-xl{max-width:1140px}.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
.datetimepicker{padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datetimepicker-inline{width:220px}.datetimepicker.datetimepicker-rtl{direction:rtl}.datetimepicker.datetimepicker-rtl table tr td span{float:right}.datetimepicker-dropdown,.datetimepicker-dropdown-left{top:0;left:0}[class*=" datetimepicker-dropdown"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute}[class*=" datetimepicker-dropdown"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute}[class*=" datetimepicker-dropdown-top"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);border-bottom:0}[class*=" datetimepicker-dropdown-top"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:0}.datetimepicker-dropdown-bottom-left:before{top:-7px;right:6px}.datetimepicker-dropdown-bottom-left:after{top:-6px;right:7px}.datetimepicker-dropdown-bottom-right:before{top:-7px;left:6px}.datetimepicker-dropdown-bottom-right:after{top:-6px;left:7px}.datetimepicker-dropdown-top-left:before{bottom:-7px;right:6px}.datetimepicker-dropdown-top-left:after{bottom:-6px;right:7px}.datetimepicker-dropdown-top-right:before{bottom:-7px;left:6px}.datetimepicker-dropdown-top-right:after{bottom:-6px;left:7px}.datetimepicker>div{display:none}.datetimepicker.minutes div.datetimepicker-minutes{display:block}.datetimepicker.hours div.datetimepicker-hours{display:block}.datetimepicker.days div.datetimepicker-days{display:block}.datetimepicker.months div.datetimepicker-months{display:block}.datetimepicker.years div.datetimepicker-years{display:block}.datetimepicker table{margin:0}.datetimepicker td,.datetimepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0}.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th{background-color:transparent}.datetimepicker table tr td.minute:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.hour:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.day:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.old,.datetimepicker table tr td.new{color:#999}.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a);background-image:-o-linear-gradient(top,#fdd49a,#fdf59a);background-image:linear-gradient(top,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active{background-color:#fbf069}.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:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datetimepicker .datetimepicker-hours span{height:26px;line-height:26px}.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%}.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px}.datetimepicker .datetimepicker-minutes span{height:26px;line-height:26px}.datetimepicker table tr td span:hover{background:#eee}.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}.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:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(top,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span.old{color:#999}.datetimepicker th.switch{width:145px}.datetimepicker th span.glyphicon{pointer-events:none}.datetimepicker thead tr:first-child th,.datetimepicker tfoot th{cursor:pointer}.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span{cursor:pointer;width:14px;height:14px}