@import url('fonts/fonts.css');
/*@import url('fonts/all.min.css');*/
*{margin: 0px;padding: 0px;}
body{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:14px;
}
.fs-14 th{
    font-size:10px;
    font-weight:800;
}
p {
    margin-bottom: 15px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
h1,h2,h3,h4,h5,h6{
	margin: 0px;
	padding: 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:600;
}

section{
	padding:50px 0px;
}
.heading{margin-bottom:20px;}
.heading .h{
	font-size:28px;
	font-weight:700;
}
.subheading{
	font-size:22px;
	font-weight:600;
}
.form-control,.form-select{font-size:14px;}
.locationbox{position:relative;padding-left: 15px;}
.locationbox .start,.locationbox .dest{position:relative;}
.locationbox .start:after{position: absolute;
    content: '\f192';
    left: -19px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: red;
    z-index: 9;
    background: #ffff;
    bottom: 6px;}
.locationbox .dest:after{position: absolute;
    content: '\f3c5';
    left: -17px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color:green;
    z-index: 9;
    background: #ffff;
    bottom: 6px;}
.locationbox:after{content:'';position: absolute;left:0px;width:2px;border-left:4px dotted #333;top:45px;bottom:15px;}
.form-control:focus,.form-select:focus{box-shadow: none;}
.btn-theme{
    background: #c30101;
    color:#ffffff;
}
.btn-theme:hover{
    background:#000;
    color:#fff;
}

/* header */
header{
	box-shadow: 0 2px 4px 2px rgb(0 0 0 / 3%), 0 1px 4px 2px rgb(0 0 0 / 1%), 0 1px 3px -1px rgb(0 0 0 / 1%);
}
.navbar-brand img{height: 40px;}
header .button-list .btn{margin-left:5px;font-size:13px;border-radius: 20px;border: 1px solid #c30101;font-weight:600;color: #c30101;}
.navbar-light .navbar-nav .nav-link{font-weight:600;font-size:14px;padding:20px 15px;}
header .button-list .nav-link{padding: 0px 10px;}
header .button-list .nav-link i{font-size:30px;}
header .dropdown-item {
    font-size: 13px;
    font-weight: 600;
}
.navbar-light .navbar-nav .nav-link:hover{color: #c30101;}
header .dropdown-menu{
	box-shadow: 0 4px 8px 0 hsl(0deg 0% 75% / 50%);
    border: 1px solid #f0f1f2;
    background-color: #fff;
}
header .dropdown-item:focus,header  .dropdown-item:hover{
	background: #c30101;
	color: #ffffff;
}
header .btn{
	box-shadow: 0 4px 8px 0 hsl(0deg 0% 75% / 50%);
    border: 1px solid #f0f1f2;
    background-color: #fff;
}
header .button-list  .btn2{
	background:#000000;
	color:#ffffff;
	border-color:#000;
    display:block;
}
header .btn:hover{
	background:#000000;
	color:#ffffff;
	border-color:#000;
}
header .btn2:hover{
	background:#c30101;
	color:#ffffff;
	border-color:#c30101;
}

  .sendenquiry-btn {
  	text-decoration: none;
    height: 50px;
    border: solid 3px #000;
    box-shadow: 0 3px 3px #332;
    background: #000;
    width: 150px;
    line-height: 38px;
    -webkit-transform: rotate(
90deg
);
    font-weight: 600;
    color: #fff;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    text-align: center;
    font-size: 13px;
    position: fixed;
    right: -50px;
    top: 40%!important;
    z-index: 999;
    cursor: pointer;
    border-radius: 0;
}
   
        .footer-whatsappicon-new {
    height: 50px;
    border: solid 3px #64b161;
    box-shadow: 0 3px 3px #332;
    background: #64b161;
    width: 150px;
    line-height: 38px;
    -webkit-transform: rotate( 
90deg
 );
    font-weight: 600;
    color: #fff;
    transform: rotate( 90deg );
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    text-align: center;
    font-size: 13px;
    position: fixed;
    right: -50px;
    top: 65%!important;
    z-index: 999;
    cursor: pointer;
    border-radius: 0;
}
        .footer-whatsappicon-new .fab {
    padding-right: 10px;
    font-size: 20px;
}
        .sendenquiry-rightbtn {
    padding: 0;
    margin: 0;
}
        .footer-whatsappicon-new a{color:#ffffff;text-decoration:none;}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    right: 0px;
    left: inherit;
    min-width: 200px;
}
.profiledrop li div {
    font-size: 14px;
    font-weight: 600;
    padding: 2px 14px;
    /* border-bottom: 1px solid #efefef; */
}
header .btn-theme2 {
    border: 1px solid #f0f1f2;
    background-color: #c30101;
    font-size: 13px;
    color: #fff;
    display: none;
}

@media(max-width:992px) {
    header .button-list .btn2{
        display:none !important;
    }
    header .btn-theme2{display:block;}
}
    @media(max-width:767px) {
        .sendenquiry-btn {
            height: auto;
            width: 50%;
            line-height: 38px;
            -webkit-transform: rotate( 0deg);
            transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            text-align: center;
            font-size: 13px;
            position: fixed;
            left: 0px;
            right: initial;
            top: initial !important;
            bottom: 0px;
        }

        header .btn-theme2 {
            display: block;
        }

        .footer-whatsappicon-new {
            height: auto;
            width: 50%;
            line-height: 38px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg );
            -ms-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            text-align: center;
            font-size: 13px;
            position: fixed;
            right: 0px;
            bottom: 0px;
            top: initial !important;
            z-index: 999;
            cursor: pointer;
            border-radius: 0;
        }
    }
#cardSlider img{height:280px;object-fit:cover;}
    #cardSlider img{
        margin-top:30px;
    }
    /* end header */
    /*Vendor Login*/
    body.modalOpened {
        overflow-y: hidden;
    }

    .venLoginModal {
        position: fixed;
        background: #e5ebf8;
        width: 100%;
        height: 100%;
        padding: 40px 0px;
        z-index: 1061;
        top: 0px;
        overflow-y: scroll;
        left: 0px;
        transition: 0.8s all;
        transform: translateY(-100%);
    }

        .venLoginModal .container {
            position: relative;
        }

        .venLoginModal.openModal {
            transform: translateY(0%);
        }

        .venLoginModal .closeModal {
            position: absolute;
            z-index: 3;
            left: 0px;
            top: -15px;
            font-size: 25px;
            cursor: pointer;
            text-shadow: 0px 1px 3px rgb(0 0 0 / 40%);
            background: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            border-radius: 50%;
            box-shadow: 0px 1px 3px rgb(0 0 0 / 40%);
        }

    .formboxContainer {
        position: relative;
        overflow: hidden;
        background: #ffffff;
        box-shadow: 0 4px 8px 0 hsl(0deg 0% 75% / 50%);
        border-radius: 12px;
    }

        .formboxContainer .formbox {
            padding: 50px 20px;
            max-width: 450px;
            width: 100%;
            margin: auto;
        }

.loginbg {
    background: url('../img/loginbg.png') no-repeat;
    background-size: cover;
    background-position: bottom center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #040404;
}

        .loginbg img {
            height: 65px;
        }

        .loginbg div {
            padding: 20px;
            color: #ffffff;
            text-align: center;
        }

    .ordivider {
        position: relative;
        text-align: center;
    }

    .formbox .subheading p {
        font-size: 13px;
        font-weight: 500;
    }

    .formbox .round {
        border-radius: 30px;
        font-size: 14px;
    }

    .ordivider span {
        color: #ced4da;
        display: inline-block;
        padding: 5px 10px;
        background: #fff;
        margin: auto;
        z-index: 2;
        position: relative;
    }

    .ordivider hr {
        opacity: 0.9;
        margin: 0px;
        z-index: 1;
        position: absolute;
        background: #ced4da;
        top: 50%;
        transform: translateY(-50%);
        height: 1px;
        width: 100%;
    }
    /* end vendor login */
    /* journey type */
    /*.hero{height:calc(100vh - 120px);display:flex;align-items: center;}*/
    .hero .heading h1 {
        font-weight: 700;
        font-size: 50px;
        text-transform: uppercase;
        /* color: #c30101; */
        text-shadow: 0px 2px 5px rgb(0 0 0 / 30%);
    }

    .hero .heading h2 {
        font-weight: 500;
        font-size: 25px;
    }

    .journeytype-btn {
        padding: 20px 0px;
    }

        .journeytype-btn .btn {
            color: #c30101;
            background: transparent;
            margin-bottom: 15px;
            width: 100%;
            text-align: center;
            border-radius: 20px;
            font-weight: 600;
            font-size: 15px;
            border: 1px solid #c30101;
            transition: 0.2 all;
        }

    .hero .subheading {
        font-size: 24px;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .journeytype-btn .btn.active i {
        display: inline-block;
    }

    .journeytype-btn .btn.active, .journeytype-btn .btn:hover {
        color: #fff;
        background: #c30101;
        box-shadow: 0 4px 8px 0 hsl(0deg 0% 75% / 50%);
        transform: scale(1.05);
        transition: 0.3s;
    }

        .journeytype-btn .btn:hover i {
            display: inline-block;
        }

    .hero .heroimg {
        animation: bounce 1s infinite alternate;
        -webkit-animation: bounce 1s infinite alternate;
    }

    @keyframes bounce {
        from {
            transform: translateY(0px);
        }

        to {
            transform: translateY(-15px);
        }
    }



    .jrnytyp-dropdown {
        position: relative;
        cursor: pointer;
        min-width: 100%;
        background: #e9eaea;
        border-radius: 10px;
        overflow: hidden;
        z-index: 10;
    }

        .jrnytyp-dropdown .dpdown {
            display: none;
        }

        .jrnytyp-dropdown > a:first-child {
            z-index: 10;
            background: #c30101;
            color: #fff;
            font-weight: 600;
            padding: 20px 20px;
            border-radius: 5px;
            font-size: 18px;
        }

        .jrnytyp-dropdown a {
            cursor: pointer;
            text-decoration: none;
            position: relative;
            display: block;
            background: #e9eaea;
            transition: all 0.25s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            will-change: opacity;
        }

        .jrnytyp-dropdown:after {
            display: inline-block;
            font-family: "Font Awesome 5 Free";
            content: "\f078";
            font-weight: 900;
            padding: 6px 19px 15px 19px;
            border-left: 1px dotted #ccc;
            position: absolute;
            top: 14px;
            height: 38px;
            right: 0;
            font-size: 20px;
            z-index: 10;
            color: #fff;
            transition: none;
            pointer-events: none;
        }

        .jrnytyp-dropdown a {
            font-family: "Montserrat", sans-serif;
            color: #7a7a7a;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            font-size: 14px;
            padding: 10px 20px;
            margin-bottom: 0px;
        }

        .jrnytyp-dropdown.active:after {
            visibility: hidden;
        }

        .jrnytyp-dropdown.active a {
            color: #fff;
        }

        .jrnytyp-dropdown.active a {
            color: #fff;
        }

        .jrnytyp-dropdown .dpdown a:hover {
            background-color: #000;
            color: #fff;
        }

    /* end journey type */


    /* steps */
    .easy-steps .subheading span {
        display: block;
        font-weight: 300;
    }

    .easy-steps .step-box {
        padding: 25px 15px;
        position: relative;
    }

        .easy-steps .step-box .img {
            margin-bottom: 20px;
        }

        .easy-steps .step-box img {
            height: 200px;
        }

    .easy-steps .step-no {
        font-size: 68px;
        font-weight: 600;
        background: #ffffff;
        opacity: 0.1;
        position: absolute;
        left: -25px;
        top: 0px;
    }
    /* end steps */


    /* benefits */
    .benefits {
        background: #e5ebf8;
        padding-bottom: 80px;
    }

    ul.benefits-list li {
        padding: 20px;
        border: 1px dotted #efefef;
        background: #fff;
        flex: 1;
        border-radius: 6px;
        overflow: hidden;
        cursor: pointer;
        transition: 0.2s all;
        margin: 5px;
        box-shadow: 0 4px 8px 0 hsl(0deg 0% 75% / 50%);
    }

    ul.benefits-list img {
        height: 75px;
    }

    ul.benefits-list .subheading {
        font-size: 16px;
    }

    ul.benefits-list {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: flex;
        text-align: center;
        flex-wrap: wrap;
    }

        ul.benefits-list li:hover {
            transform: translateY(-10px);
            transition: 0.3s all;
        }

    @media(max-width: 768px) {
        ul.benefits-list li {
            flex: 1;
            flex-basis: calc(50% - 10px);
        }
    }
    /* end benefits */

    /* testimonial */
    .testiheadingbox {
        position: relative;
    }

        .testiheadingbox .heading {
            z-index: 2;
            position: relative;
        }

        .testiheadingbox .bgtest {
            position: absolute;
            z-index: 1;
            left: 0px;
            max-width: 120px;
            width: 100%;
            top: 0px;
        }

            .testiheadingbox .bgtest img {
                width: 100%;
                opacity: 0.3;
            }

    .testimonial {
        padding: 20px;
        border: 1px dotted #efefef;
        background: #fff;
        flex: 1;
        border-radius: 6px;
        overflow: hidden;
        cursor: pointer;
        transition: 0.2s all;
        margin: 5px;
        box-shadow: 0 4px 8px 0 hsl(0deg 0% 75% / 50%);
    }

    .testi-profile img {
        width: 50px !important;
        height: 50px;
        border-radius: 50%;
    }

    .testi-profile {
        display: flex;
        align-items: center;
        font-weight: 600;
        margin-bottom: 15px;
    }

        .testi-profile .destination {
            padding-left: 20px;
        }
    /* end testimonial */

    /* footer */
    footer {
        /*background:url('../img/footerBg.jpg') no-repeat;*/
        padding: 45px 0px;
        /*background: #c30101;*/
        background: #000;
        background-size: cover;
        background-position: bottom center;
        color: #ffffff;
    }

    .footer-about img {
        height: 50px;
        margin-bottom: 15px;
    }

    footer h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .footer-about p {
        margin-bottom: 0px;
    }

    .footerLink-list {
        padding: 0px;
        list-style: none;
    }

        .footerLink-list li a {
            color: #ffffff;
            font-size: 14px;
            padding: 6px 0px;
            text-decoration: none;
            display: block;
            transition: 0.2s all;
        }

            .footerLink-list li a:hover {
                padding-left: 15px;
            }

    .social-links a {
        display: inline-block;
        padding: 10px;
        color: #ffffff;
        text-decoration: none;
        font-size: 24px;
        transition: 0.2s all;
    }

        .social-links a:hover {
            transform: translateY(-5px);
        }

    footer .contactus-address {
        padding-bottom: 20px;
    }

        footer .contactus-address .item {
            padding-bottom: 6px;
        }

            footer .contactus-address .item a {
                display: block;
                color: #ffffff;
                text-decoration: none;
            }
    /* end footer */


    /* Joourney type */
#selectquerytype .modal-title {
    font-size: 18px;
    padding-top:0px;
    padding: 10px 0px;
    border-bottom: 0.1rem solid #ccc;
}
#selectquerytype .btn-close {
    position: absolute;
    right: -28px;
    background: #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
}
.queryselecttype label {
    background: #e8e8e8;
    padding: 10px;
    display: block;
    border: 1px solid #ededed;
    margin-top: 6px;
    cursor:pointer;
    border-radius:8px;
}
.text-justify{text-align:justify;}
.or {
    position: relative;
    width: 100%;
    z-index: 1;
}
    .or span {
        width: 100%;
        background: #f8f9fa;
        display: block;
        z-index: 2;
        text-align: center;
        font-weight: bold;
    }
        .or span:after {
            position: absolute;
            content: '';
            height: 200%;
            left: 50%;
            transform: translateX(-50%);
            background: #000;
            width: 2px;
            z-index: -1;
            top: -50%;
        }
        .subprice {
            background: transparent !important;
            border: none;
            font-weight: 600;
            font-size: 20px;
            display: inline-block;
            width: auto;
        }
.queryselecttype input:checked ~ label {
    background: #c30101;
    color: #fff;
    font-weight: 500;
}
#selectquerytype .modal-dialog {
    min-height: 80vh;
    display: flex;
    align-items: center;
}
.mulbox {
    background: #e5ebf8;
    padding: 15px 20px;
    border-radius: 5px;
}

    .journeyTypeContent .btn-dark {
        max-width: 250px;
        width: 100%;
        font-weight: 500;
    }

    .journeyTypeContent h2 {
        font-size: 24px;
    }
.loginbg div p{font-size:18px;}
.journeyTypeContent label {
    font-weight: 500;
}

    .journeyTypeContent .tab-content .tab-pane, .dashboard .tab-content .tab-pane {
        padding: 25px 25px;
    }

    .journeyTypeContent .tab-content, .dashboard .tab-content {
        background: #fff;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        box-shadow: 0 4px 8px 0 hsl(0deg 0% 75% / 80%);
    }

    .pageHeader {
        background: #e5ebf8;
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .journeyTypeContent .input-group .input-group-text {
        background: transparent;
    }

    .journeyTypeContent .input-group .form-control {
        border-left: none;
    }

    .journeyTypeBox .nav {
        background: #fff;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        box-shadow: 0 -4px 8px 0 hsl(0deg 0% 75% / 20%);
    }

        .journeyTypeBox .nav .nav-link {
            flex: 1;
            padding: 15px 15px;
            text-align: center;
            color: #000;
            font-weight: 600;
            cursor: pointer;
            border-bottom: 2px solid #e5ebf8;
        }

            .journeyTypeBox .nav .nav-link.active {
                color: #c30101;
                border-bottom: 2px solid #c30101;
            }

    .modal-body.queryDetailModal .card .col {
        text-align: center;
        padding: 20px 10px;
        font-size: 12px;
        padding-bottom: 0px;
        font-weight: 600;
    }

    .modal-body.queryDetailModal .card h5 {
        font-size: 16px;
        text-align: center;
        margin-bottom: 10px;
    }

    .modal-body.queryDetailModal .card .col i {
        font-size: 20px;
        margin-bottom: 5px;
    }

    span.minusThis {
        position: absolute;
        right: -10px;
        background: red;
        width: 18px;
        height: 18px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50%;
        color: #fff;
    }
    /* end  Joourney type */


    /* customer dashboard */
    .text-small {
        font-size: 14px;
    }

    .customer-dashboard tr {
        vertical-align: middle;
    }

    .customer-dashboard .subheading span {
        font-size: 18px;
        margin-left: 15px;
    }

        .customer-dashboard .subheading span:hover {
            color: #c30101;
            cursor: pointer;
        }

    .customer-dashboard .btn-sm {
        font-size: 12px;
        padding: 2px 10px;
    }

    .customer-dashboard .btn:focus {
        outline: none;
        box-shadow: none;
    }

    .page-item .page-link {
        color: #000;
        font-weight: 600;
    }

    .page-item.active .page-link {
        z-index: 3;
        color: #fff;
        background-color: #c30101;
        border-color: #c30101;
    }

    .wallet-container .box {
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0 2px 4px 0 hsl(0deg 0% 75% / 30%);
        margin-top: 15px;
        display: flex;
        align-items: center;
        background: #e5ebf8;
        border: 1px solid #efefef;
    }

        .wallet-container .box img {
            height: 60px;
        }

        .wallet-container .box .img {
            padding-right: 20px;
        }

        .wallet-container .box .price {
            font-size: 26px;
            font-weight: 600;
        }
    /* end customer dashboard */


    /* about us */
    .team .box {
        padding: 15px;
        border-radius: 12px;
        box-shadow: 0 4px 8px 0 hsl(0deg 0% 75% / 80%);
        margin-top: 15px;
    }

        .team .box img {
            width: 100%;
        }

        .team .box .subheading h4 {
            font-size: 24px;
            margin-top: 6px;
            text-align: center;
        }

        .team .box .subheading p {
            font-size: 16px;
            margin-top: 6px;
            text-align: center;
            color: #333;
        }
    /* end about us */

    /* contact us */
    .contact-us .box {
        text-align: center;
        font-weight: 600;
        padding: 25px 10px;
    }

        .contact-us .box img {
            height: 60px;
            margin-bottom: 20px;
        }

        .contact-us .box a {
            text-decoration: none;
            color: #000;
        }

    .contactus-container {
        max-width: 100%;
        width: 100%;
        padding: 25px;
        margin-top: 25px;
        border-radius: 15px;
        box-shadow: 0 4px 8px 0 hsl(0deg 0% 75% / 80%);
        margin: auto;
    }

        .contactus-container textarea {
            height: 180px;
        }
    /* end contact us */


    /* profile page */
    .profileimg .h {
        display: flex;
        align-items: center;
    }

        .profileimg .h img {
            margin-right: 10px;
        }
    /* end profile page */

    /* customer dashboard */
    .custQuo-table.table > :not(caption) > * > * {
        /*padding: 2px;*/
        font-size: 14px;
        border: none;
    }

    .reporttype {
        display: none;
    }

        .reporttype.active {
            display: block;
        }
    /* end customer dashboard */
    .vehicleOption .card {
        margin-top: 20px;
        border: none;
        transition: 0.25s;
    }

        .vehicleOption .card:hover {
            box-shadow: 0 4px 8px 0 hsl(0deg 0% 75% / 70%);
            border: none;
            transform: translateY(-5px);
        }

        .vehicleOption .card .card-img {
            position: relative;
        }

        .vehicleOption .card .card-title {
            position: absolute;
            top: 10px;
            /* width: 100%; */
            color: #fff;
            z-index:99;
            background: rgb(195 1 1);
            text-align: center;
            margin-bottom: 0px;
            padding: 8px 10px;
            text-align: left;
            font-size: 14px;
            border-radius: 20px;
            right: 0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }

    .chectoggleSelect:checked ~ label {
        background: #64b161 !important;
    }

    .vehicleOption img {
        height: 200px;
    }

    .vehicleOption .card .table th, .vehicleOption .card .table td {
        padding: 4px;
        border-bottom: 0px;
    }

    .vehImg {
        width: 118px;
        height: 45px;
    }

    .forgotPassword {
        height: 100vh;
        background: #e9ebee;
        padding: 20px;
    }

    .forgotPasswordCon {
        background: #fff;
        border: none;
        border-radius: 8px;
        box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 2px 4px rgb(0 0 0 / 10%);
        margin: auto;
        width: 500px;
        max-width: 100%;
        text-align: center;
        padding: 20px;
        margin-top: 20px;
    }

        .forgotPasswordCon h3 {
            padding: 18px 16px 18px 18px;
            font-size: 18px;
            font-weight: 600;
            border-bottom: 2px solid #e9ebee;
            margin-bottom: 20px;
        }

        .forgotPasswordCon .form-control {
            border-radius: 6px;
            color: #8a8d91;
            font-size: 16px;
            height: auto;
            margin-bottom: 0;
            padding: 16px 0 16px 16px;
        }

    .forfooter {
        padding: 18px 16px 18px 18px;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .btn-cancel {
        background: #e9ebee;
        color: #000;
    }

    .swal-text {
        text-align: center !important;
        line-height: 160% !important;
        font-weight: 600 !important;
    }

    .swal-footer {
        text-align: center !important;
    }

    .swal-button {
        background-color: #0e060b !important;
    }

    .ui-menu.ui-autocomplete .ui-menu-item-wrapper {
        position: relative;
        padding: 5px 10px;
        display: block;
        text-decoration: none;
        color: #696969;
        font-size: 13px;
        background: #ffffff;
    }

        .ui-menu.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
            background: #000 !important;
            color: #fff !important;
        }

    #addNew {
        text-decoration: none;
    }

    #Imgshow {
        display: flex;
        flex-wrap: wrap;
    }

        #Imgshow img {
            width: 100%;
            margin-bottom: 10px;
            border: 5px solid #fff;
        }

    .thankyou2 {
        max-width: 750px;
        margin: 30px auto;
        text-align: center;
    }

        .thankyou2 img {
            width: 150px;
        }

        .thankyou2 p {
            font-size: 20px;
            margin-top: 14px;
        }

    .navbar-light .navbar-toggler {
        color: rgb(195 1 1);
        font-size: 26px;
        border: none;
    }
.bookingright {
    position: sticky;
    position: -webkit-sticky;
    top: 84px;
}
.bluePrimarybtn {
    outline: 0;
    border: 0;
    opacity: .9;
    display: inline-block;
    background-image: -webkit-linear-gradient( 96deg,#ce0606,#920404);
    background-image: linear-gradient( 96deg,#ce0606,#920404);
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%);
    padding: 10px 20px;
    border-radius: 100px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    text-decoration:none;
    text-align:center;
    margin-bottom:10px;
    width:100%;
}
.pricedetails {
    display: flex;
    flex-wrap: wrap;
}
    .pricedetails h4{
        font-size:16px;
    }
    .hotelbookingpage .card {
        margin-bottom: 10px;
        margin-top: 10px;
        box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
    }
.hotelbookingpage .heading, .hotelbookingpage  h2 {
    font-size: 16px;
}
.cabmaxheader{display:flex;align-items:center;flex-wrap:wrap;}
    .cabmaxheader  img{height:50px;}
.cabmaxheader{padding-right:5px;}
    .cabmaxheader small {
        width: 100%;
        display:block;
    }
.cabmax{padding-right:10px;}
.hotelbookingpage .header {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    border-left: 5px solid #c30101;
    padding-left: 10px;
    margin-bottom: 10px;
}
.hotelbookingpage .box{margin-top:15px;}
.hotelbookingpage .subheading{font-size:16px;}
.hotelbookingpage li {
    margin-bottom: 15px;
    margin-top: 10px;
    list-style: circle;
}
.hotelbookingpage ul {
    list-style: circle;
    margin-left: 0px;
}
.addresslist{
    position:relative;
}
    .addresslist #ui-id-1 {
        bottom: 35px !important;
        top: initial !important;
    }
@media(max-width:992px) {
    .easy-steps .step-box img {
            height: 130px;
        }

        ul.benefits-list li {
            flex-basis: 25%;
            width: 25%;
        }

        #Imgshow img {
            width: 25%;
        }
    }

    @media(max-width:767px) {
        .easy-steps .step-no{left:0px;}
        .hero .heading h1{font-size:26px;}
        .heading .h{font-size:22px;}
        .subheading{font-size:18px;}
        .navbar-light .navbar-nav .nav-link{padding:6px 12px;}
        .hero .heading h2{font-size:18px;}
        .journeyTypeBox .nav .nav-link.active{display:block;}
        .journeyTypeBox .nav .nav-link {
            display:none;
        }
        .pageHeader{padding-top:20px;}
        .journeyTypeContent .tab-content .tab-pane, .dashboard .tab-content .tab-pane {
            padding: 15px 10px;
        }
        .navbar-collapse {
            flex-basis: 100%;
            flex-grow: 1;
            align-items: stretch;
            flex-direction: column-reverse;
            display: flex;
            width: 100%;
            padding: 15px 0px;
            background: #f9f9f9;
            border-radius: 5px;
            margin-top: 10px;
        }
        .navbar-nav{margin-top:10px;}
        .navbar-brand img {
            height: 30px;
        }

        .navbar-expand-lg .navbar-nav .dropdown-menu {
            position: relative;
        }

        .navbar-light .navbar-nav .nav-link {
            border-bottom: 1px solid #efefef;
        }

        ul.benefits-list li {
            flex-basis: 50%;
            width: 50%;
        }

        .easy-steps .step-box img {
            height: 110px;
        }

        .hero {
            padding: 20px;
        }

        #Imgshow img {
            width: 50%;
        }
    }

    .top-p-5 {
        margin-top: 10px;
    }


.timepicker {
   
    position: absolute;
    left:0px !important;
    top:100% !important;
}

    .timepicker .clock {
        width: 200px;
        height: 200px;
        position: relative;
        padding: 5px;
        z-index:10;
        background:#fff;
    }

    .timepicker .done {
        cursor: pointer;
        text-align: center;
        text-wrap: nowrap;
        line-height: 34px;
        font-size: 14px;
        display: block;
        background:#000;
        color:#fff;
        border-top: 1px solid #DEDEDE;
    }

 

    .timepicker .meridiem {
        position: absolute;
        bottom: 5px;
        width: 32px;
        height: 32px;
        background-color: white;
        line-height: 32px;
        font-size: 14px;
        text-align: center;
        border-radius: 50%;
        cursor: pointer;
    }

        .timepicker .meridiem.selected {
            background-color: #D6F0F9;
            color: #6D828C;
        }

        .timepicker .meridiem.am {
            left: 5px;
        }

        .timepicker .meridiem.pm {
            right: 5px;
        }

    .timepicker .bubble {
        position: absolute;
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        text-align: center;
        border-radius: 50%;
        cursor: pointer;
    }

        .timepicker .bubble:hover {
            background-color: #D6F0F9;
            color: #6D828C;
        }

        .timepicker .bubble.selected {
            color: #D6F0F9;
            background-color: #33B4E4;
        }

    .timepicker .unit {
        top: 5px;
        background-color: white;
    }

        .timepicker .unit.hour {
            left: 5px;
        }

        .timepicker .unit.minute {
            right: 5px;
        }

    .timepicker .face {
        width: 100%;
        height: 100%;
        background-color: white;
        border: none;
        border-radius: 50%;
        position: relative;
    }

        .timepicker .face:after {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 6px;
            height: 6px;
            margin: -3px 0 0 -3px;
            background-color: #33B4E4;
            border-radius: 50%;
            content: "";
            display: block;
        }

    .timepicker .hand {
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        pointer-events: none;
        background-color: #8C8C8C;
    }

        .timepicker .hand.minute {
            margin: -30% 0 0 -1px;
            padding: 30% 1px 0;
            border-radius: 1px 1px 0 0;
        }

        .timepicker .hand.hour {
            margin: -23% 0 0 -2px;
            padding: 23% 2px 0;
            border-radius: 2px 2px 0 0;
        }

        .timepicker .hand.selected {
            background-color: #33B4E4;
        }

    .timepicker .time {
        background-color: #F2F2F2;
    }
.ac-nonac {
    font-size: 18px;
}
    .ac-nonac input {
        height: 20px;
        width: 20px;
        vertical-align: text-bottom;
    }
.ui-autocomplete .fas{margin-right:10px;}

/*sandeep start*/
.col-sm-6.col-md-3.col-lg-3.mb-3.sanrentbus {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.sanrentmanage {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}
/*sandeep end*/
.editimages {
    display: inline-block;
    position: relative;
    margin-right:15px;
}
    .editimages span {
        position: absolute;
        right: -10px;
        top: -10px;
        font-size: 20px;
        color:darkred;
    }

.cardSlider .owl-dots.disabled{display:block}
a.btn.ibcta {
    font-size: 20px;
    background: linear-gradient(180deg, #ea2505, #9e2613);
    color: #fff;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
}
a.btn.ibcta:hover{
    background: linear-gradient(0deg, #ea2505, #9e2613);
    transform:scale(1);
}
    a.btn.ibcta i {
        width: 35px;
        height: 35px;
        position: absolute;
        background: #fff;
        color: #a82611;
        border-radius: 50%;
        line-height: 35px;
        left: 10px;
        top: 4px;
    }

ul.pagination {
    justify-content: center;
    padding-bottom: 20px;
}
    ul.pagination li a {
        display: inline-block;
        /* padding: 15px; */
        border: 1px solid #595959;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 38px;
        text-decoration: none;
        color: #595959;
        margin-right: 5px;
        border-radius: 3px;
    }
    ul.pagination li.active a {
        background: #dc3545;
        color: #ffffff;
        border-color: #dc3545;
    }
#Paging span {
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

/* Loader 2 */
.loader-2 {
    display: inline-block;
    height: 20px;
    width: 20px;
    -webkit-animation: loader-2-1 3s linear infinite;
    animation: loader-2-1 3s linear infinite;
}

@-webkit-keyframes loader-2-1 {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes loader-2-1 {
    0% {
        transform: rotate(0deg);
    }

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

.loader-2 span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 20px;
    width: 20px;
    clip: rect(10px, 20px, 20px, 0);
    -webkit-animation: loader-2-2 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-2-2 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

@-webkit-keyframes loader-2-2 {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes loader-2-2 {
    0% {
        transform: rotate(0deg);
    }

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

.loader-2 span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 20px;
    width: 20px;
    border: 3px solid transparent;
    border-top: 3px solid #ffffff;
    border-radius: 50%;
    -webkit-animation: loader-2-3 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-2-3 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}

@-webkit-keyframes loader-2-3 {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes loader-2-3 {
    0% {
        transform: rotate(0deg);
    }

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

.loader-2 span::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 20px;
    width: 20px;
    border: 3px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
}