* {
    box-sizing: border-box;
}

body {
    font-family: "Manrope", sans-serif !important;
    color: #2B0001;
    background-color: #F5F5F5;
}

@font-face {
    font-family: 'grangedemi_bold_condensed';
    src: url('fonts/fonnts.com-grange_demi_bold_condensed-webfont.woff') format('woff'), url('fonts/fonnts.com-grange_demi_bold_condensed-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

:root {
    --primary-color: #0b0804;
    --secondary-color: #efbe01;
    --border-color: #e1e5e9;
    --background-color: #edf0f2;
    --text-color: #6b7c93;
    --pure: #fff;
}

.container {
    width: 100%;
    max-width: 1310px;
    margin: 0 auto;
}

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

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

.form-control:focus {
    border-color: var(--border-color);
    box-shadow: none;
}

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

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

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

.cabpartbg {
    width: 100%;
    float: left;
    height: 188px;
    border-radius: 0 0 40px 40px;
    background: linear-gradient(to bottom, #d30001 0%,#6d0001 100%);
    position: relative;
    top: -26px;
}

.cabpartcar {
    width: 100%;
    float: left;
    margin-top: -106px;
    position: relative;
}

.cabcolor {
    width: 100%;
    float: left;
    background-color: #fff;
    border-radius: 20px;
    height: 156px;
    position: relative;
    overflow: hidden;
}

    .cabcolor:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 100%;
        height: 65px;
        background-image: url("../images/cabcity.png");
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .cabcolor:after {
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        width: 186px;
        height: 149px;
        background-image: url("../images/cabdesign.png");
        background-position: right bottom;
        background-repeat: no-repeat;
    }

.cabbingtext {
    width: 100%;
    float: left;
    position: relative;
    /*z-index: 1;*/
    padding: 20px 0 0 20px;
}

    .cabbingtext h3 {
        color: #2B0001;
        font-size: 30px;
        line-height: 32px;
        font-family: 'grangedemi_bold_condensed' !important;
        width: 100%;
    }

        .cabbingtext h3 span {
            color: #D30001;
        }

.cabtextstyle {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    padding: 7px 0 0;
}

    .cabtextstyle p {
        color: #4F0001;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
    }

    .cabtextstyle i {
        background-color: #D4D4D4;
        width: 7px;
        height: 7px;
        border-radius: 50px;
        display: inline-block;
        position: relative;
        top: 2px;
    }

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

    .cabmaincity:before {
        position: absolute;
        content: "";
        left: 0;
        top: -81px;
        width: 297px;
        height: 297px;
        border-radius: 50%;
        background-color: rgba(237, 28, 29, 0.16);
        filter: blur(4px);
        -o-filter: blur(4px);
        -ms-filter: blur(4px);
        -moz-filter: blur(4px);
        -webkit-filter: blur(130px);
        z-index: -1;
    }
/*.cabwrapper:before {
        position: absolute;
        content: "";
        left: 0;
        top: -34px;
        width: 100%;
        height: 952px;
        background-image: url("../images/cab_bg.jpg");
        background-position: center top;
        background-repeat: no-repeat;
        opacity: 0.22;
        background-size: cover;
        transform: scaleX(-1);
        z-index: -1;
    }

    .cabwrapper:after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 500px;
        height: 194px;
        background-image: url("../images/cab_design.png");
        background-position: left bottom;
        background-repeat: no-repeat;
        background-size: 500px;
        transition: left 0.3s ease-in-out;
    }*/
.popuserdetail.Whatsappbtn a {
    font-family: "Open Sans", sans-serif;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    background-color: #25d366;
    color: #000000;
    border: none;
    border-radius: 2px;
    width: 30%;
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: pointer;
}

    .popuserdetail.Whatsappbtn a:hover,
    .popuserdetail.Whatsappbtn a:focus {
        background-color: #20bd5a;
    }

    .popuserdetail.Whatsappbtn a:focus-visible {
        outline: none;
    }

.cabsection {
    width: 100%;
    float: left;
    padding: 40px 0 40px;
    position: relative;
    /*z-index: 1;*/
}

    .cabsection h3 {
        color: var(--secondary-color);
        font-family: "Syne", sans-serif !important;
        font-size: 24px;
        font-weight: 500;
    }

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

.cabpartinput {
    flex-basis: 31%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: relative;
}

    .cabpartinput .cabpartinputdatepicker {
        width: 100%;
    }

        .cabpartinput .cabpartinputdatepicker .CustdateDiv:hover,
        .cabpartinput .cabpartinputdatepicker .CustdateDiv:focus {
            border: 1px solid var(--secondary-color) !important;
            border-radius: inherit;
        }

    .cabpartinput .css-1x51dt5-MuiInputBase-input-MuiInput-input.Mui-disabled {
        opacity: 1;
        -webkit-text-fill-color: rgba(140, 145, 152, 0.8) !important;
    }

    .cabpartinput span {
        position: absolute;
        bottom: -16px;
        left: 20px;
        font-size: 12px;
        color: #e50027;
    }

        .cabpartinput span.dateDisplay {
            position: relative;
            bottom: 0;
            left: 20px;
            font-size: 16px;
            color: rgba(255, 255, 255, 0.8) !important;
        }

    .cabpartinput button {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background-color: transparent;
        border: none;
        cursor: pointer;
    }

    .cabpartinput label {
        font-size: 16px;
        color: #464545;
        font-weight: 500;
        line-height: 19px;
    }

    .cabpartinput input {
        font-size: 15px;
        font-weight: 500;
        height: 48px;
        background-color: #F9F9F9;
        border: 1px solid #CDC0C0;
        border-radius: 0;
        color: rgba(140, 145, 152, 0.8) !important;
        padding: 0 20px !important;
        width: 100%;
        border-radius: 10px;
    }

        .cabpartinput input:hover,
        .cabpartinput input:focus {
            border: 1px solid rgba(211, 0, 1, 0.3) !important;
        }

.TripDetail .FromContainer, .TripDetail .ToContainer {
    padding: 0;
    width: 100%;
    background-color: #D30001;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
}

.TripDetail .FromPoint,
.TripDetail .ToPoint {
    padding: 0 0 0 15px;
    width: 20%;
    color: #fff;
}

.TripDetail .FromValue,
.TripDetail .ToValue {
    width: 100%;
}

.mapWrapper {
    position: relative;
    width: 400px;
    height: 300px;
    display: block;
}

.cabpartinput select:focus-visible {
    outline: none;
}

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

.global-map-search button {
    position: absolute;
    bottom: 24px;
    right: 85px;
    background-color: #D30001;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 5px 20px;
    cursor: pointer;
    border: none;
    outline: none !important;
    border-radius: 30px;
}

.cabpartinput input:focus-visible {
    outline: none;
}

.Tapmap {
    position: absolute;
    bottom: 10px;
    left: auto;
    right: 28%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.6);
    color: rgb(255, 255, 255);
    padding: 4px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 10;
    pointer-events: none;
}

.cabpartinput select {
    font-size: 15px;
    font-weight: 500;
    height: 44px;
    background-color: #F9F9F9;
    border: 1px solid #CDC0C0;
    color: rgba(140, 145, 152, 0.8) !important;
    padding: 0 20px;
    width: 100%;
    border-radius: 10px;
}

.Mapviewbar {
    height: 40px;
    display: flex;
    width: 100%;
    min-width: 60px;
    border: 1px solid rgb(221, 221, 221);
    padding: 5px 10px 5px 10px;
    border-radius: 30px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    gap: 7px;
}

.cabpartinput input[type="text"]::-webkit-input-placeholder {
    color: rgba(140, 145, 152, 0.8) !important;
}

.cabpartinput ::-webkit-input-placeholder {
    /* Chrome */
    color: rgba(140, 145, 152, 0.8) !important;
}

.cabpartinput::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(140, 145, 152, 0.8) !important;
}

.cabpartinput.cabpartlocation input {
    padding: 0 50px 0 20px;
}

.container.headernain {
    /*padding: 10px 0 0;*/
    position: relative;
    z-index: 1;
}

/*.headernain a {
    color: #fff;
    padding: 6px 10px;
    margin-right: 5px;
}*/

.headernain .btn {
    padding: 6px 10px;
    margin-right: 8px;
    background-color: transparent;
    border: none;
    color: #fff;
}

    .headernain .btn.focus, .headernain .btn:focus {
        outline: 0;
        box-shadow: none;
    }



/*******************Header Login/Signup Modal Style Start Here******************/
.loginpopupmain {
    width: 100%;
    float: left;
    background-color: rgba(0,0,0,0.1);
    backdrop-filter: blur(1px);
    --webkit-backdrop-filter: blur(1px);
}

    .loginpopupmain .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        margin: 0;
    }

    .loginpopupmain .css-ypiqx9-MuiDialogContent-root {
        padding: 0;
    }

    .loginpopupmain .css-2rbg70-MuiPaper-root-MuiDialog-paper {
        width: 100%;
        max-width: 580px;
    }

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

.loginpopupmain {
    width: 100%;
    float: left;
    background-color: var(--primarycolor);
    position: relative;
}

/*.loginpopupmain:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        width: 100%;
        background-color: var(--bgcolor);
        border-radius: 2px 0 0 0;
    }*/

/*.loginpopupmain:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0px;
        height: 40px;
        width: 100%;
        background-color: var(--bgcolor);
    }*/

.popupleft {
    /*width: 45%;
    float: left;
    background-image: url(../Images/Popup_BG.jpg?d=1.1.1);
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 420px;
    background-size: cover;*/
    display: none;
}

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

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

    .signinpopupmain .popupleft {
        width: 45%;
        background-position: -60px top;
        min-height: 530px;
    }

.popupclosebutton {
    width: 100%;
    float: left;
    padding: 20px 20px 10px;
    text-align: right;
}

    .popupclosebutton i {
        font-size: 26px;
        color: var(--primary-color);
        cursor: pointer;
    }

        .popupclosebutton i:hover {
            color: #D30001;
        }

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

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

    .popuserdetail.profileinputdata.profileinputradio.popuserdetailhalf {
        padding: 0 0 20px 20px;
    }

.loginbkpopup .popuserdetail span {
    text-align: left;
    font-size: 12px;
    padding: 4px 0 0px;
}

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

    .loginmybk span {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 28px;
        color: var(--maincolor);
        font-weight: 600;
        text-transform: uppercase;
        padding: 0 0 10px;
        /*border-bottom: 1px solid var(--maincolor);*/
    }

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

.popuserdetail.popuserdetailhalf {
    width: 50%;
    float: left;
}

.popuserdetail label {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
    display: block;
    padding: 0 0 10px;
}

.popuserdetail.profileinputradio label {
    padding: 0 0 14px;
}

.popuserdetail.profileinputdata label.css-1hpqosy-MuiFormControlLabel-root {
    padding: 0 20px 0px 0px;
}

.popuserdetail.profileinputdata .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
    padding: 0;
}

.popuserdetail.profileinputdata .css-1hpqosy-MuiFormControlLabel-root .MuiFormControlLabel-label {
    padding: 0 10px 0 10px;
}

.popuserdetail.profileinputdata .css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
    color: #0C1113;
}

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

    .popuserdetail .passengertitle.hotdealbox label::before {
        border-radius: 2px;
        top: 4px;
        position: relative;
    }

.popuserdetail .passengertitle.hotdealbox a {
    font-size: 16px;
    text-decoration: underline !important;
    float: left;
    margin: 0 0 0 7px;
}

.popuserdetail input {
    width: 100%;
    border: 2px solid #e1e1e1;
    outline: none;
    background-color: #EEEFF3;
    background-color: transparent;
    padding: 0 10px;
    height: 50px;
}

    .popuserdetail input:focus, .popuserdetail input:target {
        border: 2px solid #0C1113;
        /*box-shadow: 0 0 5px rgb(0, 85, 165, 0.60);*/
        box-shadow: none;
    }

.popuserdetail.popuserdetailradio input {
    width: auto;
}

.popuserdetail.popuserdetailotp {
    padding: 0px 20px 0;
}

    .popuserdetail.popuserdetailotp .otpinput {
        width: 100%;
    }

    .popuserdetail.popuserdetailotp .otpinput {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        gap: 10px;
        padding: 0 0 20px;
    }

        .popuserdetail.popuserdetailotp .otpinput input {
            width: 100%;
        }

.login_popup_main .css-2rbg70-MuiPaper-root-MuiDialog-paper {
    background-color: #fff;
    max-width: 576px;
    width: 100%;
}

.popuserdetail.popuserdetailbutton {
    padding: 12px 0 15px;
    text-align: center;
    margin: 0 0 30px;
}

    .popuserdetail.popuserdetailbutton button {
        font-family: "Open Sans", sans-serif;
        padding: 10px 40px;
        font-size: 16px;
        font-weight: 600;
        background-color: #D30001;
        color: #fff;
        border: none;
        border-radius: 2px;
        width: 100%;
    }

        .popuserdetail.popuserdetailbutton button:hover, .popuserdetail.popuserdetailbutton button:focus {
            background-color: #0C1113;
            color: #fff;
        }

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

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

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

.loginpopupmain .css-hlj6pa-MuiDialogActions-root {
    padding: 0;
}

.resendotplink {
    width: 100%;
    float: right;
    text-align: right;
    padding: 10px 20px 0px 0;
    font-size: 18px;
    text-decoration: underline;
    color: var(--primary-color);
}

.googlelink {
    width: 100%;
    text-align: center;
    float: left;
    padding: 0 20px 10px;
    margin: 0;
}

    .googlelink p {
        width: 100%;
        float: left;
        padding: 20px 20px 10px;
        border-top: 1px solid var(--maincolor);
        margin: 0;
    }


    .googlelink a {
        color: var(--textcolor) !important;
        font-size: 16px;
        font-weight: 600;
        border: 1px solid var(--textcolor);
        padding: 4px 18px;
        border-radius: 4px;
        position: relative;
        display: inline-block;
    }

        .googlelink a:hover, .googlelink a:focus {
            border: 1px solid var(--maincolor);
            /*box-shadow: 0 0 5px rgb(0, 85, 165, 0.60);*/
            box-shadow: none;
        }

        .googlelink a i {
            color: var(--maincolor);
            padding-right: 10px;
        }

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

    .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(--textcolor) no-repeat center;
        background-size: 12px 12px;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    }

    .hotdealbox label::before {
        content: "";
        width: 16px;
        height: 16px;
        background: #fff;
        border: 1px solid #0C1113;
        display: inline-block;
        margin-right: 10px;
        border-radius: 4px;
    }

    .hotdealbox label {
        font-size: 14px;
        font-weight: 700;
        display: flex;
        cursor: pointer;
        float: left;
    }

    .hotdealbox span {
        display: block;
        width: 100%;
        float: left;
    }

    .hotdealbox input[type="checkbox"]:checked ~ label::before {
        background: #0C1113 no-repeat center;
        background-size: 12px 12px;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ1LjcwMSA0NS43IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NS43MDEgNDUuNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yMC42ODcsMzguMzMyYy0yLjA3MiwyLjA3Mi01LjQzNCwyLjA3Mi03LjUwNSwwTDEuNTU0LDI2LjcwNGMtMi4wNzItMi4wNzEtMi4wNzItNS40MzMsMC03LjUwNCAgICBjMi4wNzEtMi4wNzIsNS40MzMtMi4wNzIsNy41MDUsMGw2LjkyOCw2LjkyN2MwLjUyMywwLjUyMiwxLjM3MiwwLjUyMiwxLjg5NiwwTDM2LjY0Miw3LjM2OGMyLjA3MS0yLjA3Miw1LjQzMy0yLjA3Miw3LjUwNSwwICAgIGMwLjk5NSwwLjk5NSwxLjU1NCwyLjM0NSwxLjU1NCwzLjc1MmMwLDEuNDA3LTAuNTU5LDIuNzU3LTEuNTU0LDMuNzUyTDIwLjY4NywzOC4zMzJ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
    }

.redclr {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}


.profileinputdetails.profileinputdetailsbtn {
    width: 100%;
    float: left;
    padding: 10px 0 10px;
    text-align: center;
    display: block;
}

    .profileinputdetails.profileinputdetailsbtn button {
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 10px 40px;
        letter-spacing: 1px;
        background-color: #0C1113;
        border: none;
        border-radius: 2px;
        color: #fff;
    }

        .profileinputdetails.profileinputdetailsbtn button:hover,
        .profileinputdetails.profileinputdetailsbtn button:focus {
            background-color: #efbe01;
            color: #fff;
        }
/*******************Header Login/Signup Modal Style End Here******************/
/**********************My Booking Page Style Start Here************************/

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

    .mybookingwrapper .container {
        width: 100%;
        max-width: 1600px;
    }

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

/*My Booking Left Tab Style Start*/
.bookinglist_tabs {
    position: relative;
    min-height: 560px;
    clear: both;
    margin: 25px 0;
}

    .bookinglist_tabs .season_tab {
        float: left;
        clear: both;
        width: 286px;
    }

.season_tab label {
    padding: 10px 10px 10px 10px;
    margin-left: -1px;
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    width: 264px;
    height: 68px;
    display: table-cell;
    color: var(--maincolor);
    text-transform: uppercase;
    cursor: pointer;
}

/*.season_tab label:hover {
        background-color: var(--secondary-color);
        border-left: 7px solid var(--secondary-color);
        color: var(--primary-color);
    }*/

/*Profile Style Start*/

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

.profileinputdetails {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

    .profileinputdetails .profileinputdata {
        width: 45%;
        float: left;
        padding: 0 0 20px;
    }

        .profileinputdetails .profileinputdata label {
            font-size: 16px;
            font-weight: 500;
            color: var(--primary-color);
            background: transparent;
            padding: 0 0 10px;
            height: auto;
            width: auto;
            text-transform: capitalize;
            display: inline-block;
            flex-basis: auto;
        }

        .profileinputdetails .profileinputdata input {
            width: 100%;
            border: 1px solid #D8D8D8;
            outline: none;
            background-color: transparent;
            padding: 0 15px;
            height: 50px;
        }

            .profileinputdetails .profileinputdata input:focus, .profileinputdetails .profileinputdata input:target {
                border: 1px solid var(--text-color);
                background-color: var(--pure);
            }

    .profileinputdetails.profileinputdetailsbtn {
        width: 100%;
        float: left;
        padding: 16px 0 0;
        text-align: center;
        display: block;
    }

        .profileinputdetails.profileinputdetailsbtn button {
            font-size: 16px;
            font-weight: 500;
            padding: 10px 32px;
            letter-spacing: 1px;
            background-color: #d30001;
            border: none;
            border-radius: 2px;
            color: var(--pure);
        }

            .profileinputdetails.profileinputdetailsbtn button:hover,
            .profileinputdetails.profileinputdetailsbtn button:focus {
                background-color: #000;
                color: #fff;
            }

.popuserdetail.profileinputdata.profileinputradio input {
    display: none;
}

/*Profile Style End*/
/*.season_tab label {
    background: var(--tertiary-color);
    padding: 10px 10px 10px 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;
}*/

.bookinglist_tabs .season_tab [type=radio] {
    display: none;
}

.bookinglist_tabs .season_content {
    position: absolute;
    top: 0;
    left: 286px;
    background: white;
    right: 0;
    bottom: 0;
    padding: 0px;
}

    .bookinglist_tabs .season_content span {
        animation: 0.5s ease-out 0s 1 slideInFromTop;
    }

[type="radio"]:checked ~ label {
    background-color: #d30001;
    border-left: 7px solid #000000;
    z-index: 2;
    color: #fff;
}

[type=radio]:checked ~ label ~ .season_content {
    z-index: 0;
}

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

/*My Booking Left Tab Style End*/

/*My Booking Right Tab Style Start*/


/*.season_content .container-fluid {
    float: left;
}*/

/*.profileinputdetails .tabtitle {
    padding: 0 0 10px;
    background-color: var(--tertiary-color);
    text-align: center;
    color: var(--textcolor);
    font-weight: 500;
}
*/
.season_content .container-fluid {
    float: left;
    max-width: 100%;
}

.profileinputdetails .tabtitle {
    /* padding: 0 0 0; */
    background-color: transparent;
    text-align: center;
    color: var( --textcolor);
    font-weight: 500;
    /* width: 710px; */
    flex-basis: 49%;
    /* gap: 20px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* font-size: 19px; */
    border: 2px solid var(--maincolor);
}

.profileinputdetails label {
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    height: auto;
    /* border: none; */
    background-color: transparent;
    padding: 5px 0 5px;
}

.profileinputdetails .tabtitle.tabtitlewlt span {
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    background-color: var(--tertiary-color);
    padding: 5px 0 5px;
}
/*.profileinputdetails span {
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    background-color: var(--tertiary-color);
    padding: 5px 0 5px;
}*/

/*.profileinputdetails span {
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    background-color: var(--tertiary-color);
    padding: 5px 0 5px;
}*/
/*.profileinputdetails .tabtitle label {
        width: 100%;
        display: block;
    }*/

.mybooking-tabs {
    width: 100%;
    float: left;
    background-color: #f5f5f5;
    padding: 0;
}

    .mybooking-tabs .tab-list {
        padding-left: 0;
        padding-right: 0;
        padding: 0;
        margin: 0;
        width: 100%;
        float: left;
    }

        .mybooking-tabs .tab-list > li {
            padding: 20px 3%;
            border-left: 1px solid var(--pure);
            text-align: center;
            float: left;
            cursor: pointer;
        }


            .mybooking-tabs .tab-list > li:first-child {
                border-left: none;
            }

            .mybooking-tabs .tab-list > li:hover > h3,
            .mybooking-tabs .tab-list > li.active > h3 {
                color: #d30001;
            }

            .mybooking-tabs .tab-list > li > h3 {
                font-weight: 700;
                display: block;
                transition: all 500ms ease;
                font-size: 16px;
                color: #737576;
                text-transform: uppercase;
            }

.mybooking_tabscontent {
    width: 100%;
    float: left;
    padding: 0 0px !important;
    max-height: 500px;
    overflow-y: scroll;
}

    .mybooking_tabscontent .tabs-content {
        opacity: 0;
        display: none;
        padding: 20px 0 0;
        opacity: 1s ease-out;
    }

        /* .mybooking_tabscontent table thead tr {
        background-color: var(--primarycolor);
        color: var(--primary-color);
        font-size: 16px;
        font-weight: 400;
    }*/

        .mybooking_tabscontent .tabs-content.active {
            opacity: 1;
            display: block;
        }

    .mybooking_tabscontent table {
        border: 2px solid #E6E6E6;
        width: 100%;
        text-align: center;
    }

        .mybooking_tabscontent table thead tr {
            background-color: var(--primarycolor);
            color: var(--primary-color);
            font-size: 16px;
            font-weight: 400;
        }

            /*.mybooking_tabscontent table thead tr th {
            padding: 20px 0px;
            border: 1px solid #E6E6E6;
            text-align: center;
        }*/
            .mybooking_tabscontent table thead tr th {
                padding: 15px 10px;
                border: 1px solid #E6E6E6;
                text-align: center;
                /* font-weight: 400; */
                color: white;
                background-color: #d30001;
            }

        .mybooking_tabscontent table tbody tr td {
            padding: 20px 0px;
            border: 1px solid #E6E6E6;
            font-weight: 400;
            color: black;
        }

            .mybooking_tabscontent table tbody tr td i {
                font-size: 26px;
                color: var(--secondary-color);
                cursor: pointer;
            }

                .mybooking_tabscontent table tbody tr td i:hover {
                    color: var(--primary-color);
                }

.payment_gateway {
    width: 100%;
}

.css-dmmspl-MuiFormGroup-root {
    padding: 25px 0 5px;
}

.pg_gateway:first-child {
    width: 30%;
    padding: 0 0 25px;
    border-bottom: 1px solid rgb(0 0 0 / 30%);
    margin: 0 0 30px;
}

.pg_gateway .css-j204z7-MuiFormControlLabel-root {
    gap: 10px;
}

.pg_gateway .css-vqmohf-MuiButtonBase-root-MuiRadio-root {
    color: #2B0001;
}

.css-ahj2mt-MuiTypography-root .pytype {
    max-width: 100px;
    color: #2B0001;
}

.passengerAmmount {
    display: inline-block;
    padding: 10px 30px;
    text-align: center;
    font-size: 20px;
    background-color: #d30001;
    color: #fff;
    margin: 0 auto;
    border-radius: 30px;
}

.passengertitle {
    color: var(--secondary-color);
    font-size: 17px;
}

.cabtabcont .makepayment {
    margin-top: 0;
}

.passengertitle {
    color: #2B0001;
    font-size: 16px;
    font-weight: 500;
}

#list_search ul li:hover {
    background-color: #d30001;
    color: white !important;
}
/*****************---my booking responsive css******************/

@media only screen and (max-width:1600px) {
    .mybookingtab {
        padding: 0 20px;
    }

    .season_content .container-fluid {
        float: none;
        padding: 0 30px;
    }

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

    .profileinputdetails {
        gap: 10px !important;
    }
}

@media only screen and (max-width:1309px) {
    .mybooking_tabscontent table {
        width: 1100px !important;
        overflow: scroll;
    }

    .tabprofiledetails {
        padding: 20px 20px 0 !important;
    }
}

@media only screen and (max-width:991px) {
    .season_content .container-fluid {
        padding: 0 10px;
    }

    /*.mybooking_tabscontent table ::-webkit-scrollbar {
        border-radius: 10px;
        width: 2px;
        height: 2px;
        box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
    }

    .mybooking_tabscontent table ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        width: 2px;
        height: 2px;
        background-color: var(--buttoncolor);
    }*/


    .bookinglist_tabs .season_tab {
        width: 100% !important;
    }

    .season_tab label.tabtitle {
        height: 50px !important;
        width: 100% !important;
        display: block;
        /* background-color: var(--tertiary-color);*/
    }

    .season_tab label {
        width: 100% !important;
        display: block !important;
        height: 50px !important;
    }

    .profileinputdata label {
        height: 30px !important;
        width: 100% !important;
        display: inline-block !important;
        line-height: 30px !important;
        padding: 0 !important;
    }

    .profileinputdetails .tabtitle {
        margin: 10px 0 0;
    }

    .profileinputdetails {
        flex-wrap: wrap;
        gap: 0 !important;
    }

    .profileinputdata input {
        height: 36px !important;
        font-size: 15px;
    }

    .bookinglist_tabs .season_content {
        left: 0 !important;
        position: relative !important;
    }

    .tabprofiledetails {
        padding: 10px 10px 0 !important;
    }

    .profileinputdata {
        width: 100% !important;
        padding: 0 0 15px !important;
    }

    .profileinputdetails.profileinputdetailsbtn {
        padding: 20px 0 20px;
        display: inline-block;
    }
}


/*********************My Booking Page Style End Here**********************/


/* Tab 1 Set */
.tabs-content#content-select-1 > div {
    padding: 0 4em;
}

/*Date picker*/
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid #999999;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid #ffffff;
    }

.datepicker > div {
    display: none;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 45px;
    height: 40px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #000;
    color: #fff;
    background-image: none !important;
}

    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.active,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled:hover.active,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today:hover.disabled,
    .datepicker table tr td.today.disabled.disabled,
    .datepicker table tr td.today.disabled:hover.disabled,
    .datepicker table tr td.today[disabled],
    .datepicker table tr td.today:hover[disabled],
    .datepicker table tr td.today.disabled[disabled],
    .datepicker table tr td.today.disabled:hover[disabled] {
        background-color: #fdf59a;
    }

        .datepicker table tr td.today:active,
        .datepicker table tr td.today:hover:active,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today.active,
        .datepicker table tr td.today:hover.active,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today.disabled:hover.active {
            background-color: #fbf069 \9;
        }

        .datepicker table tr td.today:hover:hover {
            color: #000;
        }

        .datepicker table tr td.today.active:hover {
            color: #fff;
        }

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .datepicker table tr td.range.today,
    .datepicker table tr td.range.today:hover,
    .datepicker table tr td.range.today.disabled,
    .datepicker table tr td.range.today.disabled:hover {
        background-color: #f3d17a;
        background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
        background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
        background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
        background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
        background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
        border-color: #f3e97a #f3e97a #edde34;
        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);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .datepicker table tr td.range.today:hover,
        .datepicker table tr td.range.today:hover:hover,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today.disabled:hover:hover,
        .datepicker table tr td.range.today:active,
        .datepicker table tr td.range.today:hover:active,
        .datepicker table tr td.range.today.disabled:active,
        .datepicker table tr td.range.today.disabled:hover:active,
        .datepicker table tr td.range.today.active,
        .datepicker table tr td.range.today:hover.active,
        .datepicker table tr td.range.today.disabled.active,
        .datepicker table tr td.range.today.disabled:hover.active,
        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today:hover.disabled,
        .datepicker table tr td.range.today.disabled.disabled,
        .datepicker table tr td.range.today.disabled:hover.disabled,
        .datepicker table tr td.range.today[disabled],
        .datepicker table tr td.range.today:hover[disabled],
        .datepicker table tr td.range.today.disabled[disabled],
        .datepicker table tr td.range.today.disabled:hover[disabled] {
            background-color: #f3e97a;
        }

            .datepicker table tr td.range.today:active,
            .datepicker table tr td.range.today:hover:active,
            .datepicker table tr td.range.today.disabled:active,
            .datepicker table tr td.range.today.disabled:hover:active,
            .datepicker table tr td.range.today.active,
            .datepicker table tr td.range.today:hover.active,
            .datepicker table tr td.range.today.disabled.active,
            .datepicker table tr td.range.today.disabled:hover.active {
                background-color: #efe24b \9;
            }

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: linear-gradient(to bottom, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    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);
}

    .datepicker table tr td.selected:hover,
    .datepicker table tr td.selected:hover:hover,
    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected.disabled:hover:hover,
    .datepicker table tr td.selected:active,
    .datepicker table tr td.selected:hover:active,
    .datepicker table tr td.selected.disabled:active,
    .datepicker table tr td.selected.disabled:hover:active,
    .datepicker table tr td.selected.active,
    .datepicker table tr td.selected:hover.active,
    .datepicker table tr td.selected.disabled.active,
    .datepicker table tr td.selected.disabled:hover.active,
    .datepicker table tr td.selected.disabled,
    .datepicker table tr td.selected:hover.disabled,
    .datepicker table tr td.selected.disabled.disabled,
    .datepicker table tr td.selected.disabled:hover.disabled,
    .datepicker table tr td.selected[disabled],
    .datepicker table tr td.selected:hover[disabled],
    .datepicker table tr td.selected.disabled[disabled],
    .datepicker table tr td.selected.disabled:hover[disabled] {
        background-color: #808080;
    }

        .datepicker table tr td.selected:active,
        .datepicker table tr td.selected:hover:active,
        .datepicker table tr td.selected.disabled:active,
        .datepicker table tr td.selected.disabled:hover:active,
        .datepicker table tr td.selected.active,
        .datepicker table tr td.selected:hover.active,
        .datepicker table tr td.selected.disabled.active,
        .datepicker table tr td.selected.disabled:hover.active {
            background-color: #666666 \9;
        }

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #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);
}

    .datepicker table tr td.active:hover,
    .datepicker table tr td.active:hover:hover,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active:hover.active,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled:hover.active,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active:hover.disabled,
    .datepicker table tr td.active.disabled.disabled,
    .datepicker table tr td.active.disabled:hover.disabled,
    .datepicker table tr td.active[disabled],
    .datepicker table tr td.active:hover[disabled],
    .datepicker table tr td.active.disabled[disabled],
    .datepicker table tr td.active.disabled:hover[disabled] {
        background-color: #0044cc;
    }

        .datepicker table tr td.active:active,
        .datepicker table tr td.active:hover:active,
        .datepicker table tr td.active.disabled:active,
        .datepicker table tr td.active.disabled:hover:active,
        .datepicker table tr td.active.active,
        .datepicker table tr td.active:hover.active,
        .datepicker table tr td.active.disabled.active,
        .datepicker table tr td.active.disabled:hover.active {
            background-color: #003399 \9;
        }

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

    .datepicker table tr td span:hover {
        background: #eeeeee;
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
        background: none;
        color: #999999;
        cursor: default;
    }

    .datepicker table tr td span.active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover {
        background-color: #006dcc;
        background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
        background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
        background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
        background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
        background-image: linear-gradient(to bottom, #0088cc, #0044cc);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
        border-color: #0044cc #0044cc #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);
    }

        .datepicker table tr td span.active:hover,
        .datepicker table tr td span.active:hover:hover,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active.disabled:hover:hover,
        .datepicker table tr td span.active:active,
        .datepicker table tr td span.active:hover:active,
        .datepicker table tr td span.active.disabled:active,
        .datepicker table tr td span.active.disabled:hover:active,
        .datepicker table tr td span.active.active,
        .datepicker table tr td span.active:hover.active,
        .datepicker table tr td span.active.disabled.active,
        .datepicker table tr td span.active.disabled:hover.active,
        .datepicker table tr td span.active.disabled,
        .datepicker table tr td span.active:hover.disabled,
        .datepicker table tr td span.active.disabled.disabled,
        .datepicker table tr td span.active.disabled:hover.disabled,
        .datepicker table tr td span.active[disabled],
        .datepicker table tr td span.active:hover[disabled],
        .datepicker table tr td span.active.disabled[disabled],
        .datepicker table tr td span.active.disabled:hover[disabled] {
            background-color: #0044cc;
        }

            .datepicker table tr td span.active:active,
            .datepicker table tr td span.active:hover:active,
            .datepicker table tr td span.active.disabled:active,
            .datepicker table tr td span.active.disabled:hover:active,
            .datepicker table tr td span.active.active,
            .datepicker table tr td span.active:hover.active,
            .datepicker table tr td span.active.disabled.active,
            .datepicker table tr td span.active.disabled:hover.active {
                background-color: #003399 \9;
            }

    .datepicker table tr td span.old,
    .datepicker table tr td span.new {
        color: #999999;
    }

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
    background-color: #acceee2e;
}

    .datepicker .datepicker-switch:hover,
    .datepicker .prev:hover,
    .datepicker .next:hover,
    .datepicker tfoot tr th:hover {
        background: #eeeeee;
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer;
}

    .input-append.date .add-on i,
    .input-prepend.date .add-on i {
        margin-top: 3px;
    }

.input-daterange input {
    text-align: center;
}

    .input-daterange input:first-child {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .input-daterange input:last-child {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

aksjdfkasjdklasjkajsdklajsdkjaslkjdalksjdaksld

.datepicker-switch {
    background-color: #EDE9DB;
}


.datepicker .datepicker-days .active.day {
    background: #0088cc;
}

.datepicker .datepicker-months .active.month {
    background: #0088cc;
}

.datepicker .datepicker-years .active.year {
    background: #0088cc;
}
/*Date picker End*/

/*My Booking Right Tab Style End*/

.cantermspart a {
    color: #d30001 !important;
}

.css-vqmohf-MuiButtonBase-root-MuiRadio-root.Mui-checked {
    color: #d30001 !important;
}

.policycheck {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cantermspart input {
    width: 16px;
    height: 16px;
}

.cantermspart {
    position: relative;
}

    .cantermspart .redclr {
        color: red;
        left: 0;
        bottom: -15px;
        position: absolute;
        font-size: 12px;
    }

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

.cabfixinput {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 35px;
    /*padding: 0 0 20px;*/
}

    .cabfixinput .cabpartinput input {
        color: rgba(140, 145, 152, 0.8) !important;
    }

        .cabfixinput .cabpartinput input[type="text"]::-webkit-input-placeholder {
            color: var(--secondary-color) !important;
        }

    .cabfixinput .cabpartinput ::-webkit-input-placeholder {
        /* Chrome */
        color: var(--secondary-color) !important;
    }

    .cabfixinput .cabpartinput::-moz-placeholder {
        /* Firefox 19+ */
        color: var(--secondary-color) !important;
    }

.cabsection .tripbookbtn {
    background-color: #D30001;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 34px;
    cursor: pointer;
    border: none;
    outline: none !important;
    border-radius: 10px;
}

    .cabsection .tripbookbtn:hover,
    .cabsection .tripbookbtn:focus {
        background-color: #464545;
        color: #fff;
    }

    .cabsection .tripbookbtn.nextbookbtn {
        margin: 35px 0 0;
    }

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

.cabmenu {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

    .cabmenu li {
        width: 33.33%;
        padding: 15px 20px;
        cursor: pointer;
        font-weight: 500;
        font-size: 16px;
        color: #2B0001;
        text-align: center;
    }

        /*.cabmenu li span {
            display: inline-block;
            width: 40px;
            height: 40px;
            background-color: var(--pure);
            color: #000;
            font-size: 16px;
            border-radius: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
        }*/

        .cabmenu li.active, .cabmenu .activeOn {
            border-radius: 20px 20px 0 0;
            color: #2B0001;
            background-color: #fff;
        }

/*.cabmenu li.active span,
            .cabmenu .activeOn span {
                background-color: var(--secondary-color);
                color: #000;
            }*/

.cabpartinput .cabpartinputdatepicker i {
    margin-right: 0 !important;
}

.global-map-search {
    position: absolute;
    top: 10px;
    /* right: 20px; */
    width: 100%;
    padding: 0 80px 0 60px;
}

.popupclosebutton .fa-solid {
    font-size: 20px;
}

.google-map-icon-dialog {
    background: linear-gradient(265deg, #1a73e8, #34a853, #fbbc05, #ea4335);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
}

.cabpartinput .cabpartinputdatepicker .CustdateDiv {
    margin: 0 !important;
    background-color: #0c1113;
}


.sub-loader {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: none;
    border-top: 3px solid #7a7474;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.cabtabpart {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 40px;
}

/* leftmenu start */

.headermenu {
    float: left;
    /* padding: 30px 0 0; */
    top: 41px;
    position: relative;
    width: 100%;
}

    .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(--primary);
        display: block;
        width: 12px;
        height: 1px;
        border-radius: 20px;
        margin-top: 0;
        left: 5px;
        position: relative;
    }

        .headermenu .navbar-toggle .icon-bar.icon-bar1 {
            width: 9px;
        }

        .headermenu .navbar-toggle .icon-bar.icon-bar3 {
            width: 6px;
        }

    .headermenu .navbar-inverse .navbar-nav {
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        gap: 61px;
    }

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

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

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

        .headermenu .navbar-inverse .navbar-nav > li > a {
            display: inline-block;
            list-style-type: none;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            position: relative;
            transition: all 0.6s;
            border-bottom: 1px solid transparent;
        }

            .headermenu .navbar-inverse .navbar-nav > li > a:focus, .headermenu .navbar-inverse .navbar-nav > li > a:hover, .headermenu .navbar-inverse .navbar-nav > li > a:active {
                background-color: transparent;
                color: #bdbdbd;
            }

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

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

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

/* leftmenu end */



/* media query  */

@media only screen and (max-width: 1199px) {
    .cabinputbox {
        gap: 32px;
    }

    .cabfixinput {
        gap: 32px;
        /*padding: 0 0 35px;*/
    }

    .cabpartcar {
        margin-top: -116px;
    }

    .headermenu {
        top: 36px;
    }

    .cabtabpart {
        padding: 35px;
    }

    .cabinputbox {
        gap: 25px;
    }

    .cabpartinput {
        flex-basis: 31.5%;
    }

    .cabsection .tripbookbtn.nextbookbtn {
        margin: 30px 0 0;
    }
}

@media only screen and (max-width: 1023px) {
    .cabinputbox {
        gap: 24px;
    }
}

@media only screen and (max-width: 991px) {
    .bookinglist_tabs {
        z-index: 1;
    }

    .tabprofiledetails {
        background-color: var(--pure);
    }

    .cabpartinput {
        flex-basis: 48%;
    }

    .cabinputbox {
        gap: 26px;
    }

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

    .cabpartinput input {
        font-size: 15px;
        height: 44px;
    }

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

    .cabfixinput {
        gap: 26px;
        /*padding: 0 0 35px;*/
    }

    .cabsection .tripbookbtn {
        font-size: 15px;
        padding: 9px 30px;
    }

    .cabpartinput select {
        font-size: 15px;
        height: 44px;
    }

    .popupclosebutton {
        display: inline-block;
        font-size: 25px;
        line-height: 25px;
        color: #000000;
    }

    .css-ypiqx9-MuiDialogContent-root {
        overflow-y: auto;
        padding: 10px 14px 10px !important;
    }

    .cabpartinput span.dateDisplay {
        font-size: 15px;
    }

    .cabpartinput .cabpartinputdatepicker .CustdateDiv {
        margin: 0 !important;
        padding: 0 10px !important;
        height: 44px !important;
    }

    .cabpartinput .cabpartinputdatepicker i {
        font-size: 18px !important;
    }

    .cabpartcar {
        margin-top: -126px;
    }

    .headermenu {
        top: 31px;
    }

        .headermenu .navbar-inverse .navbar-nav {
            gap: 44px;
        }
}

@media only screen and (max-width: 767px) {
    .headermenu {
        width: auto;
    }

    .cabinputbox {
        gap: 22px;
    }

    .cabsection .tripbookbtn.nextbookbtn {
        margin: 22px 0 0;
    }

    .cabfixinput {
        gap: 24px;
        /*padding: 0 0 32px;*/
    }

    /*.cabwrapper:after {
        width: 460px;
        height: 176px;
        background-size: 460px;
    }*/

    .pg_gateway:first-child {
        width: 50%;
    }

    .cabpartcar {
        margin-top: -143px;
    }

    .cabpartbg {
        top: -36px;
    }

    /* leftmenu start */
    .menufixed {
        width: 35px;
        height: 35px;
    }

    .headermenu {
        top: 30px;
        left: 15px;
    }

    .fixedbtn {
        position: absolute;
        top: -40px;
        left: 0;
        z-index: 1030;
    }

    .menufixed .fixedbtn.topfixedicon {
        position: fixed !important;
        top: 12px !important;
        z-index: 99999 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 24px;
        height: 24px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        right: 12px;
        left: 44.5%;
        background-color: transparent;
        border: none;
    }

        .menufixed .fixedbtn.topfixedicon::after {
            font-family: FontAwesome;
            content: "\f00d";
            right: 3px;
            top: -6px;
            position: absolute;
            font-size: 22px;
            color: #D30001;
        }

    .headermenu .navbar-header {
        display: block;
    }

    .menufixed .navbar-toggle {
        position: relative;
        top: 0px;
        left: 0;
        z-index: 999;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 4px;
        width: 35px;
        height: 35px;
        border-radius: 10px;
        background-color: rgba(214, 185, 185, 0.24);
        border: 1px solid rgba(255, 255,255, 0.2);
        outline: none !important;
    }

    .fixedbtn.topfixedicon span {
        display: none !important;
    }

    .headermenu .navbar-inverse .navbar-nav {
        margin: 0;
        float: left;
        width: 100%;
        padding: 24px 0 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .headermenu .navbar-toggle .icon-bar {
        background: #fff;
    }

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

        .headermenu .navbar-inverse .navbar-toggle:focus,
        .headermenu .navbar-inverse .navbar-toggle:hover {
            background-color: transparent;
        }

        .headermenu .navbar-inverse .navbar-nav > li {
            display: block;
            text-align: left;
            margin: 0 0 0 20px;
        }

        .headermenu .navbar-inverse .container-fluid {
            padding: 0 15px;
            text-align: center;
            background: #3e3e3e;
        }

        .headermenu .navbar-inverse .navbar-nav > li > a {
            font-size: 16px;
            padding: 0;
            color: #2B0001;
            margin: 0;
            border-bottom: none;
            font-weight: 600;
            text-align: center;
            background-color: transparent;
        }

    .headermenu .navbar-inverse {
        background-color: var(--pure);
        box-shadow: 0 0 5px #B0B0B0;
    }

        .headermenu .navbar-inverse .navbar-nav > li > a.active, .headermenu .navbar-inverse .navbar-nav > li > a.active:focus, .headermenu .navbar-inverse .navbar-nav > li > a.active:hover, .headermenu .navbar-inverse .navbar-nav > li > a:hover {
            background: transparent;
            color: var(--primarycolor);
            border-bottom: none;
        }

        .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(--primarycolor);
            border-bottom: none;
        }

            .headermenu .navbar-inverse .navbar-nav > li > a:hover:before, .headermenu .navbar-inverse .navbar-nav > li > a:focus:before {
                background-color: var(--buttoncolor);
            }

        .headermenu .navbar-inverse .navbar-nav > li > a:after {
            background-color: var(--buttoncolor);
        }

        .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: 50%;
        position: fixed;
        overflow: hidden;
        transition: width .4s;
        padding-top: 30px;
        z-index: 9999;
    }

    .side-collapse.in {
        width: 0;
    }

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

    .navbar-toggle {
        display: block;
    }

    /* leftmenu end */

    .cabtabpart {
        padding: 30px;
    }
}

@media only screen and (max-width: 639px) {
    .cabbingtext {
        padding: 15px 0 0 20px;
    }

    .cabpartinput span {
        bottom: -15px;
        left: auto;
        right: 5px;
    }

    .cabcolor {
        height: 145px;
    }

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

    .cabpartinput {
        flex-basis: 100%;
    }

    .cabsection {
        padding: 35px 0;
    }

    .cabinputbox {
        gap: 20px;
    }

    .cabsection .tripbookbtn.nextbookbtn {
        margin: 15px 0 0;
        width: 100%;
    }

    .menufixed .fixedbtn.topfixedicon {
        left: 43.5%;
    }

    .cabfixinput {
        gap: 20px;
        /*padding: 0 0 28px;*/
    }

    .cabmenu li {
        font-size: 15px;
    }

        .cabmenu li span {
            width: 34px;
            height: 34px;
            font-size: 15px;
        }

    /*.cabwrapper {
        height: 1120px;
    }

        .cabwrapper:before {
            height: 1154px;
        }

        .cabwrapper:after {
            width: 380px;
            height: 145px;
            background-size: 380px;
        }*/

    .popuserdetail.Whatsappbtn a {
        padding: 6px 12px;
        font-size: 13px;
        width: 40%;
    }
}

@media only screen and (max-width: 479px) {
    .headermenu {
        top: 15px;
        left: 15px;
    }

    .cabpartbg {
        height: 170px;
    }

    .cabpartinput label {
        font-size: 13px;
        line-height: normal;
    }

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

    .cabinputboxbtnpart {
        gap: 12px;
        padding: 24px 0 0;
    }

    .cabcolor:after {
        width: 160px;
        height: 130px;
        background-size: 160px;
    }

    .cabtextstyle {
        gap: 9px;
    }

        .cabtextstyle p {
            font-size: 12px;
        }

        .cabtextstyle i {
            top: 1px;
        }

    .captchin img {
        width: 195px;
    }

    .pg_gateway:first-child {
        width: 100%;
    }

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

    .popuserdetail input {
        height: 34px;
    }

    .hotdealbox label::before {
        width: 14px;
        height: 14px;
    }

    .popuserdetail .passengertitle.hotdealbox label {
        font-size: 13px;
        padding: 0;
    }

    .popuserdetail .passengertitle.hotdealbox a {
        font-size: 13px;
        margin: 0 0 0 5px;
    }

    .cabsection {
        padding: 15px 0 0;
    }

        .cabsection h3 {
            font-size: 19px;
        }

    .cabpartinput input {
        font-size: 13px;
        height: 38px;
        padding: 0 18px;
    }

    .cabpartinput select {
        font-size: 14px;
        height: 40px;
        padding: 0 15px;
    }

    .cabpartinput {
        gap: 5px;
    }

    .cabmaincity .container {
        padding: 0;
    }

    .cabinputbox {
        gap: 10px;
    }

    .cabfixinput {
        gap: 18px;
        /*padding: 0 0 26px;*/
    }

    .cabsection .tripbookbtn {
        width: 50%;
        font-size: 13px;
        padding: 9px 22px;
    }

    .global-map-search {
        right: 10px;
        padding: 0 0 0 60px;
        top: 8px;
    }

    .cabpartinput button {
        bottom: 7px;
        right: 7px;
    }

    .cabmenupart {
        /* overflow-x: auto; */
        padding: 0 12px;
    }

    .cabtabpart {
        padding: 20px 28px;
    }

    .headermenu .navbar-inverse .navbar-nav {
        gap: 14px;
    }

        .headermenu .navbar-inverse .navbar-nav > li {
            margin: 0 0 0 15px;
        }

    .menufixed .fixedbtn.topfixedicon {
        left: 40%;
    }

    .cabmenu {
        gap: 6px;
    }

        .cabmenu li {
            font-size: 14px;
            padding: 10px 11px;
        }

    .cabpartinput .cabpartinputdatepicker .CustdateDiv {
        height: 40px !important;
    }

    .cabpartinput span.dateDisplay {
        font-size: 14px;
    }

    .cabpartinput button img {
        width: 100%;
        max-width: 19px;
    }

    /*.cabwrapper:after {
        width: 300px;
        height: 115px;
        background-size: 300px;
    }

    .cabwrapper {
        height: 1040px;
    }

        .cabwrapper:before {
            height: 1074px;
        }*/

    /*.global-map-search {
        position: absolute;
        top: 40px;
        width: 100%;
        padding: 0 0 0 60px;
    }

        .global-map-search button {
            right: 5px;
        }*/

    .mapWrapper {
        position: relative;
        width: 280px;
        height: 300px;
    }

    .global-map-search button {
        right: 5px !important;
        bottom: -14px !important;
    }

    .passengerAmmount {
        padding: 8px 20px;
        font-size: 16px;
    }

    .Tapmap {
        right: 18%;
    }

    .popuserdetail.Whatsappbtn a {
        width: 60%;
    }
}

@media only screen and (max-width: 400px) {
    /*.cabmenu li {
        padding: 0 15px 8px;
        width: auto;
    }

    .cabmenu {
        width: max-content;
    }*/

    /*.cabwrapper:after {
        width: 250px;
        height: 95px;
        background-size: 250px;
    }*/

    /*.cabwrapper {
        height: 1010px;
    }*/

    /*.cabwrapper:before {
            height: 1044px;
        }*/
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
/* media query  */



.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    color: #000;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    color: #000 !important;
}


.show-calendar {
    transform: translateY(-80%) !important;
}

.daterangepicker:before, .daterangepicker:after {
    /* position: absolute; 
     display: inline-block; 
    border-bottom-color: rgba(0, 0, 0, 0.2);*/
    display: none !important;
}

select {
    -webkit-appearance: none; /* For Chrome, Safari, and Opera */
    -moz-appearance: none; /* For Firefox */
    appearance: none; /* For other browsers */
    padding: 5px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
}


.changepaaswrd .okbtn {
    background-color: #d30001;
    color: #fff;
    outline: none !important;
}

    .changepaaswrd .okbtn:hover {
        color: #fff;
        background-color: #000 !important;
    }

/*******************Terms & Conditions Page Style Start Here******************/

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

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

    .conditionsdata h3 {
        font-size: 24px;
        font-weight: 600;
        color: var(--primary-color);
        padding: 0 0 10px;
        border-bottom: 2px solid var(--primary-color);
        ;
        margin: 0 0 20px !important;
    }

    .conditionsdata p {
        margin: 0 0 5px;
        font-size: 15px;
        color: #514949;
        line-height: 24px;
        padding: 0 0 10px;
        font-weight: 400;
    }

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

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

.cabinputboxbtnpart {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px 0 0;
}

.cabpartlocation .MuiAutocomplete-hasPopupIcon.MuiAutocomplete-hasClearIcon.css-1citesv-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
    padding-right: 0 !important;
}

.cabpartlocation .MuiAutocomplete-hasPopupIcon.css-1citesv-MuiAutocomplete-root .MuiAutocomplete-inputRoot, .MuiAutocomplete-hasClearIcon.css-1citesv-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
    padding-right: 0 !important;
}

.cabpartinput .MuiAutocomplete-hasPopupIcon.css-1citesv-MuiAutocomplete-root .MuiAutocomplete-inputRoot, .MuiAutocomplete-hasClearIcon.css-1citesv-MuiAutocomplete-root .MuiAutocomplete-inputRoot {
    padding: 0 !important;
}


/* ==============================payment failed=============================*/
#wrapper {
    float: left;
    width: 100%;
    position: relative;
    z-index: 9;
}

.fix_contentwidth {
    margin: 30px auto 50px;
    max-width: 1310px;
    width: 100%;
    padding: 0 15px;
}

    /*.fix_contentwidth .panel {
        border: 1px solid var(--secondary-color) !important;
    }*/

    /*.fix_contentwidth .panel-primary > .panel-heading {
        width: 100%;
        float: left;
        background-color: var(--secondary-color);
        color: var(--pure);
        font-size: 20px;
        padding: 10px 20px;
        font-weight: 700;
    }*/

    .fix_contentwidth .panel-primary > .panel-heading {
        width: 100%;
        float: left;
        background-color: #d30001;
        color: #fff;
        font-size: 20px;
        padding: 10px 20px;
        font-weight: 600;
    }

    .fix_contentwidth .panel-body {
        padding: 0 15px;
        width: 100%;
        float: left;
    }

/* =============================================Preloader container styles ===============================*/
#preloader.isLoader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); /* Transparent dark overlay */
    z-index: 9999;
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
}

/* Folding cube animation styles */
.sk-folding-cube {
    position: relative;
    width: 40px;
    height: 40px;
    transform: rotateZ(45deg);
}

.sk-cube {
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: #D30001;
    animation: sk-folding-cube 1.2s infinite linear;
    transform-origin: 100% 100%;
}

.sk-cube1 {
    top: 0;
    left: 0;
    transform-origin: 100% 100%;
    animation-delay: 0.3s;
}

.sk-cube2 {
    top: 0;
    right: 0;
    transform-origin: 0 100%;
    animation-delay: 0.6s;
}

.sk-cube4 {
    bottom: 0;
    left: 0;
    transform-origin: 100% 0;
    animation-delay: 0.9s;
}

.sk-cube3 {
    bottom: 0;
    right: 0;
    transform-origin: 0 0;
    animation-delay: 1.2s;
}

/* Animation keyframes */
@keyframes sk-folding-cube {
    0%, 10% {
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%, 75% {
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%, 100% {
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}


/*************************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(--primary-color) !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: #ededed !important;
    font-weight: 600;
    text-align: center;
}

/*New style added*/

.datetimepicker-hours .table-condensed tr:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

    .datetimepicker-hours .table-condensed tr:first-child th {
        padding: 0 10px;
    }

        .datetimepicker-hours .table-condensed tr:first-child th.switch {
            padding: 2px 20px;
        }

.datetimepicker-hours .table-condensed tbody td {
    display: flex;
}

    .datetimepicker-hours .table-condensed tbody td legend {
        border: 1px solid #d9d9d9;
    }

.datetimepicker .datetimepicker-hours td, .datetimepicker .datetimepicker-hours th {
    width: auto !important;
    height: auto !important;
    color: var(--primary-color);
    background-color: #acceee2e !important;
    font-weight: 600;
}

.datetimepicker-minutes .table-condensed tr:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

    .datetimepicker-minutes .table-condensed tr:first-child th {
        padding: 0 10px;
    }

        .datetimepicker-minutes .table-condensed tr:first-child th.switch {
            padding: 2px 20px;
        }

.datetimepicker-minutes .table-condensed tbody td {
    display: flex;
}

    .datetimepicker-minutes .table-condensed tbody td legend {
        border: 1px solid #d9d9d9;
    }

.datetimepicker .datetimepicker-minutes td, .datetimepicker .datetimepicker-minutes th {
    width: auto !important;
    height: auto !important;
    color: var(--primary-color);
    background-color: #acceee2e !important;
    font-weight: 600;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.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: #ededed !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) !important;
            color: var(--pure) !important;
            background-image: none !important;
        }

    .datetimepicker table tr td span {
        width: 100% !important;
    }

    .datetimepicker table tr td span {
        display: block;
        width: 23%;
        height: 34px;
        line-height: 34px;
        float: left;
        font-size: 16px;
        margin: 1%;
        cursor: pointer;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
/*************************Date Picker Style End***********************/


.navigation-button {
    width: 40px;
    background-color: #D30001;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}

.previous {
    text-decoration: none;
    font-size: 24px; /* Adjust arrow size */
    color: white; /* Arrow color */
}

    .previous:hover {
        color: #ccc; /* Hover effect */
        cursor: pointer;
    }

.cabinputbox .searchQuery {
    display: flex;
    width: 100%;
    border: 1px solid #CDC0C0;
}


/*E Ticket*/

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

.ticket {
    max-width: 991px;
    margin: 0 auto;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    font-family: Arial, sans-serif;
}

    .ticket h2 {
        text-align: center;
        color: #333;
        margin-bottom: 20px !important;
        padding: 0 0 10px;
        border-bottom: 1px dotted #000;
    }

    .ticket p {
        margin: 10px 0;
        color: #555;
    }

        .ticket p strong {
            color: #000;
        }

        .ticket p:nth-child(even) {
            background-color: #ffffff;
            padding: 10px;
            border-radius: 4px;
            display: flex;
            justify-content: space-between;
        }

        .ticket p:nth-child(odd) {
            padding: 10px;
            border-radius: 4px;
            display: flex;
            justify-content: space-between;
            background-color: #fff;
        }