.main-menu-content ul li a:hover {
    color: #45294E;
}
body > section.hero-wrapper.hero-wrapper2 > div > div > div > div > div.search-fields-container > form > div > div > div.col-md-3 > div > button:hover {
    background-color: #fff;
    color: black !important;
}
.bread-bg-7 {
    background-image: url("/finallook/images/inner_banner.jpg");
    background-position: center !important;
}
.breadcrumb-area {
    background-size: cover !important;
    background-position: bottom !important;
}
.inline-ltr {
    direction: ltr !important;
    display: inline-block !important;
}
#bs-select-1 {
    width: 100px;
}
.theme-btn-home {
    background-color: #45294E;
    border: unset !important;
}
.theme-btn-home:hover {
    color: black !important;
}
.breadcrumb-area {
    padding-bottom: 30px!important;
}
body > header > div.header-menu-wrapper.padding-right-100px.padding-left-100px > div > div > div > div > div.nav-btn > a:hover {
    color: white !important;
}
body > header > div.header-menu-wrapper.padding-right-100px.padding-left-100px > div > div > div > div > div.nav-btn > div > div > ul > li > a:hover {
    color: white !important;
}

body > section.hero-wrapper.hero-wrapper2 > div > div > div > div > div.search-fields-container {
    margin-bottom: 14px;
}
.hero-wrapper2 .search-fields-container {
     border-bottom-right-radius: 8px !important;
     border-bottom-left-radius: 8px !important;
}
/*style2.css*/
.cs-dash {
    padding-right: 20px !important;
    background-color: #000 !important;
}

    .cs-dash a {
        padding-bottom: 0 !important;
        color: #fff !important;
    }

        .cs-dash a i {
            color: #fff !important;
        }

.mt-70 {
    margin-top: 70px;
}

.video-bg video {
    width: 100%;
}

.pos-unset {
    position: unset !important;
}

.h-100 {
    height: 250px !important;
}

.h-img {
    position: absolute;
    width: 100%;
    height: 150px;
    left: 0;
    border-radius: 10px;
}

.c-box .theme-btn {
    position: absolute;
    left: 0;
    background: #00000057 !important;
    height: 150px;
    margin: 0 !important;
    border-radius: 10px;
    text-align: center;
    width: 100%;
}

.c-box .theme-btn-home {
    position: absolute;
    left: 0;
    background: #00000057 !important;
    height: 150px;
    margin: 0 !important;
    border-radius: 10px;
    text-align: center;
    width: 100%;
}

.c-box .btn-text {
    margin-top: 54px;
    color: #fff !important;
    font-size: 18px;
}

    .c-box .btn-text i {
        font-size: 21px !important;
    }

.c-box {
    width: 100%;
    height: 150px;
}

.cs-dash ul li a {
    color: #000 !important;
}

    .cs-dash ul li a:hover {
        color: #000 !important;
    }

    .cs-dash ul li a i {
        color: #000 !important;
    }

.cs-dash ul li:hover a i {
    color: #000 !important;
}

.ab_text {
    padding-left: 20px;
}

.fl-wrap {
    float: left;
    width: 100%;
    position: relative;
}

.ab_text-title h3 {
    font-size: 25px;
    color: #0d233e;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
}

.section-separator.fl-sec-sep:before {
    left: 0;
    margin-left: 0;
}

.section-separator:before {
    background: #000;
}

.box-info {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
}

.term-box {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    padding: 20px;
    border-radius: 10px;
}

.menu-main .main-active {
    border-bottom: 3px solid #FFF;
    padding-bottom: 1px !important;
}

.rtl th, [dir=rtl] .text-set-ar {
    display: block;
    text-align: right;
}

.rtl th, [dir=rtl] .modal-subpc .form-group label {
    display: block;
    text-align: right;
}

.rtl th, [dir=rtl] .for-ar:before {
    left: unset;
    right: 0;
}

.rtl th, [dir=rtl] .footer-area .title {
    text-align: right;
    display: block;
}

.rtl th, [dir=rtl] .footer-area .list-items {
    text-align: right;
    display: block;
}

/*.rtl th, [dir=rtl] .tooltipWithVisa #roomboxWithVisa {
    left: -50%;
}*/

.rtl th, [dir=rtl] .main-menu-content nav .menu-main {
    display: inline-block !important;
    float: unset;
    text-align: right;
}

.rtl th, [dir=rtl] .main-menu-content nav {
    text-align: right;
}

    .rtl th, [dir=rtl] .main-menu-content nav .menu-main .dropdown-menu-item {
        text-align: right;
    }

.rtl th, [dir=rtl] .modal-body {
    text-align: right;
}

.rtl th, [dir=rtl] .main-menu-content ul li .drop-menu-toggler {
    right: unset;
    left: 5px;
    top: 5px;
}

.rtl th, [dir=rtl] .has-after:after {
    right: unset;
    left: -100px;
}

#roomboxWithVisa .cardWithVisa .row {
    width: 100%;
}

.rtl, [dir=rtl] #searchList {
    text-align: right;
    direction: rtl;
}

.rtl, [dir=rtl] .childage {
    text-align: right;
    direction: rtl;
}

.rtl, [dir=rtl] .status-booking-icon .title i {
    float: right !important;
}

.rtl, [dir=rtl] .ribbon-wrapper {
    left: 0px !important;
    right: -3px !important;
}

    .rtl, [dir=rtl] .ribbon-wrapper .ribbon {
        -webkit-transform: rotate(45deg) !important;
        left: 0px !important;
        right: -43px !important;
    }

.setfix {
    position: sticky;
    top: 131px;
}

.card .childage {
    color: gray;
    margin-bottom: 10px !important;
}

#roombox .card {
    display: flow-root;
}

.card .childrens select {
    width: 100% !important;
}

.childrens {
    margin-right: 15px;
    margin-left: 15px;
    width: 100%;
}

.label-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.text-set-ar {
    text-align: left;
}

.card .childrens div {
    margin-bottom: 0;
}


.reset-password form {
    padding: 150px 30px;
    max-width: 477px;
    text-align: center;
    margin: 0 auto;
}






.comingsoon-modal {
    padding: 7px 18px 13px;
}

    .comingsoon-modal img {
        margin-bottom: 20px;
    }

    .comingsoon-modal p {
        font-weight: bold;
    }

.head-title {
    font-size: 25px;
    color: #0d233e;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    margin-bottom: 20px;
}

.about-sec p {
    line-height: 35px;
}

.terms-sec p {
    line-height: 35px;
}

.box-info ul {
    padding: 0;
}

    .box-info ul li {
        list-style-type: none;
        margin-bottom: 15px;
    }

        .box-info ul li i {
            padding: 10px;
            background: #eee;
            border-radius: 5px;
            font-size: 20px;
            margin-right: 10px;
        }

        .box-info ul li a {
            color: #000;
            font-weight: 500;
        }

            .box-info ul li a:hover {
                color: #000;
            }









.section-separator {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0;
}

    .section-separator:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        height: 3px;
        margin-left: -25px;
        width: 50px;
        border-radius: 3px;
        z-index: 2;
    }

.no-bg {
    background: transparent !important;
}

.hero-bg-6 {
    background-image: url("/finallook/images/banner-t.jpg");
    background-position: center;
}

.section-heading .sec__title {
    text-transform: uppercase;
}

.info-area {
    background: #fff;
}

.blog-area {
    background: #fff;
}

.section-padding {
    padding-top: 83px;
    padding-bottom: 50px;
}

.bread-bg-7 {
    background-image: url("/finallook/images/inner_banner.jpg");
    background-position: center !important;
}
/*.card-item .card-rating {
    display: inline-block;
    margin-right: 28px;
}*/
.fleet-meta {
    padding: 7px 0;
}

.accordion_styled .form-content {
    padding: 0;
}

.fleet-meta li i {
    margin: 7px;
}

.fleet-meta li {
    display: inline-block;
    padding: 0 14px;
    color: #666666;
    position: relative;
    font-size: 15px;
}

    .fleet-meta li:before {
        content: '|';
        position: absolute;
        right: -5px;
    }

    .fleet-meta li:last-child:before {
        content: '';
        position: absolute;
        right: -5px;
    }

    .fleet-meta li:first-child {
        padding: 0 14px 0 0;
    }

.f-lft {
    display: inline-block !important;
    margin-left: 10px;
}

.search-detail {
    /*  background: #eee;*/
    margin-right: 10px;
    padding: 0px 1px !important;
}

    .search-detail .review__text {
        color: #000 !important;
    }

    .search-detail a {
        color: #000;
    }

        .search-detail a:hover {
            color: #000;
        }

            .search-detail a:hover i {
                color: #000;
            }

.detail-tr {
    font-weight: bold;
    margin-bottom: 2px;
}

.card-item .card-body {
    padding: 1px 21px;
    min-height: auto;
}

.card-item-list .card-img img {
    height: 240px;
}

.bg-card .card-custom {
    background: transparent;
    margin-bottom: 0;
    box-shadow: none;
}

.bg-card {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 3px;
    box-shadow: 0 0 40px rgb(82 85 90 / 10%);
}

.transport-book {
    display: none;
}

.fl-right {
    float: right !important;
}

.section--padding {
    padding-top: 10px;
    padding-bottom: 20px;
}

.filter-box {
    margin-top: 30px;
}

    .filter-box .filter-form {
        background-color: #fff;
        border-radius: 5px;
        padding: 6px 20px 6px 20px;
        box-shadow: 0 0 40px rgb(82 85 90 / 10%);
    }

.mini-container {
    width: 90%;
    margin: 0 auto;
}

.cabin-type-img img {
    height: 100%;
}

.btn-box.mt-38p {
    margin-top: 38px;
}

.tooltip {
    z-index: 1;
}

.ribbon-wrapper {
    width: 111px;
    height: 114px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    left: -3px;
}

    .ribbon-wrapper .ribbon {
        font: bold 15px sans-serif;
        color: #333;
        text-align: center;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        position: relative;
        padding: 7px 0;
        top: 30px;
        left: -43px;
        width: 171px;
        background-color: #ebb134;
        color: #fff;
    }

.bg-heading {
    padding: 10px;
    background: #eee;
}

.status-booking-icon .title i {
    float: left;
    margin-top: -5px;
}
/*.icon-box .info-icon::before {
    background-color: rgb(59 58 59 / 25%);
}*/

/*.icon-box .info-icon:after {
    background-color: rgb(59 58 59 / 21%)
}*/
.whybookboxborder {
    border-left: dotted 1px #000;
    border-right: dotted 1px #000;
}

.custom-checkbox {
    padding-left: 15px;
}

.card-item .card-price .price__num {
    color: #3d3c3d;
}

    .card-item .card-price .price__num i {
        color: #3d3c3d;
    }

.btn-cs {
    background: transparent;
    border: none !important;
    outline: none !important;
    margin-top: 4px;
}

.cabin-type-detail {
    width: 100%
}

.booking-frm label {
    font-weight: 500;
    font-size: 16px;
}

.booking-frm .input-box {
    margin-bottom: 15px;
}

.list-items-flush2 li {
    text-align: right;
}

    .list-items-flush2 li span {
        float: left;
        width: auto;
    }

.list-items-flush2 li {
    text-align: right
}

.black-btn-tr {
    background: transparent;
    border: 2px solid #3b3a3b !important;
    color: #3b3a3b !important;
}

.color-or {
    color: #f9b851;
    font-size: 19px;
}

.black-btn-tr:hover {
    background: #3b3a3b !important;
    border: 2px solid #3b3a3b !important;
    color: #fff !important;
}

.black-btn {
    background: #3b3a3b !important;
    border: 2px solid #3b3a3b !important;
    color: #fff !important;
}

#collapseOne_payment_1 {
    margin-top: 10px;
}



/*

.ribbonx {
    font-size: 20px;
    position: relative;
    display: inline-block;
    margin-left: -34px;
    text-align: center;
}

.text {
    display: inline-block;
    padding: 0.5em 1em;
    min-width: 100%;
    color: #fff;
    line-height: 1.2em;
    background: #000;
    position: relative;
}*/
.input-box .form-group {
    margin-bottom: 0;
}

.card-item .card-price .price__from {
    font-size: 14px;
    margin-top: -8px;
}

.price-bus {
    color: #000;
}
/*.ribbonx:after, .ribbonx:before,
.text:before, .text:after,
.bold:before {
    content: '';
    position: absolute;
    border-style: solid;
}

.ribbonx:before {
    top: 0.3em;
    left: 0.2em;
    width: 100%;
    height: 100%;
    border: none;
    background: #EBECED;
    z-index: -2;
}

.text:before {
    bottom: 100%;
    left: 0;
    border-width: .5em .7em 0 0;
    border-color: transparent #000 transparent transparent;
}

.text:after {
    top: 100%;
    right: 0;
    border-width: .5em 2em 0 0;
    border-color: #000 transparent transparent transparent;
}

.ribbonx:after, .bold:before {
   content:none;
}

.bold:before {
    border-color: #EBECED transparent #EBECED #EBECED;
    top: 0.7em;
    right: -2.3em;
}*/
.rtl th, [dir=rtl] td {
    text-align: right;
}

.rtl th, [dir=rtl] .sp2 {
    border-left: none;
    border-right: 3px solid #e2cd6f;
}

.rtl th, [dir=rtl] .fleet-meta li:first-child {
    padding: 0 0 0 14px;
}

.rtl th, [dir=rtl] .fleet-meta li:before {
    content: '|';
    position: absolute;
    left: -5px;
    right: unset;
}

.rtl th, [dir=rtl] .fleet-meta li:last-child:before {
    content: '';
    position: absolute;
    right: unset;
}

.rtl th, [dir=rtl] .fleet-meta li {
    padding-right: 0;
}

.rtl th, [dir=rtl] .contact-form-action label {
    display: block;
    text-align: right;
}

.card-titel {
    width: 90%;
    display: block;
}

.rtl th, [dir=rtl] .card label {
    display: block;
    text-align: right;
    width: 100%;
    padding: 0 17px;
}

.card label {
    display: block;
    text-align: left;
    padding: 0 17px;
    width: 100%;
}

.card select {
    padding: 8px 17px 8px 8px !important;
    height: auto !important;
    width: 100% !important;
    border-color: rgba(128, 137, 150, 0.2);
}

#addroombtn span {
    font-size: 14px;
    color: #ffffff !important;
    font-weight: bold;
    padding: 10px;
    background: #3b3a3b;
    border-radius: 3px;
}

.list-items-2 li span {
    display: block;
}

.single-feature-titles span {
    line-break: anywhere;
}

.sp2 {
    padding: 10px;
    margin-top: 10px;
    border-left: 3px solid #45294E;
    line-break: anywhere;
    background: #f8f8f878;
}

.cancel {
    background: #e2cd6f;
    border-left: none;
    color: #fff !important;
}

    .cancel span {
        color: #fff !important;
    }

.failed {
    background: #ed222296;
    border-left: none;
    color: #fff !important;
}

    .failed span {
        color: #fff !important;
    }

.confirm {
    border-left: none;
    background: #137e0096;
    color: #fff !important;
}

    .confirm span {
        color: #fff !important;
    }

.pending {
    border-left: none;
    background: #57889c;
    color: #fff !important;
}

    .pending span {
        color: #fff !important;
    }

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 1.25rem;
    border: 1px solid #F4F5F9;
    height: 40px;
    background: #fff;
}

[data-theme-version="dark"] .select2-container--default .select2-selection--single {
    background: #181f39;
    border-color: #333a54;
}

.select2-container--default .select2-selection--single:hover, .select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single.active {
    box-shadow: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    color: #7e7e7e;
    padding-left: 15px;
    min-height: 40px;
}

.select2-container--default .select2-selection--multiple {
    border-color: #f0f1f5;
    border-radius: 0;
}

.select2-dropdown {
    border-radius: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #23d3d3;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #f0f1f5;
    background: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
    right: 15px;
}

.select2-container .select2-selection--multiple {
    min-height: 40px;
    color: #7e7e7e;
    border-radius: 1.25rem;
    border: 1px solid #F4F5F9;
}

[data-theme-version="dark"] .select2-container .select2-selection--multiple {
    background: #181f39;
    border-color: #333a54;
}

[data-theme-version="dark"] .select2-search--dropdown .select2-search__field {
    background: #1e2746;
    border-color: #333a54;
}

.select2-dropdown {
    border-color: #F4F5F9;
}

[data-theme-version="dark"] .select2-dropdown {
    background: #181f39;
    border-color: #333a54;
}

.select2-container--default .select2-selection--single {
    padding: 9px 0 0 0;
    height: 45px !important;
    border: 1px solid rgba(128, 137, 150, 0.2) !important;
}

.select2-selection__arrow {
    padding: 9px 16px 0 17px;
    height: 45px !important;
}

.book-now-form .input-box {
    margin-top: 12px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #000;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: small;
}

.process-card {
    background: #fff;
    padding: 40px 15px;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
    width: 90%;
    position: relative;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

    .process-card .icon-sec i {
        font-size: 39px;
    }

    .process-card .sec-content {
        margin-top: 10px;
    }

        .process-card .sec-content * {
            font-weight: bold;
        }

        .process-card .sec-content p {
            margin-top: 10px;
            color: #5a5a5a;
        }

    .process-card .book-info {
        display: flow-root;
        padding: 15px;
        border-radius: 4px;
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    }

        .process-card .book-info .info-sec {
            width: 60%;
            float: left;
        }

        .process-card .book-info .action-sec {
            width: 39%;
            text-align: right;
            display: flow-root;
            margin-top: -12px;
        }

        .process-card .book-info .info-sec h5 {
            font-size: 17px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

.preloader {
    background-color: #00000094 !important;
}

.bg-or {
    background: #FFF;
    border: none !important;
    color: #fff;
}

.bg-gr {
    background: #28d5a7 !important;
    border: none !important;
    color: #fff;
}

    .bg-gr span {
        color: #fff !important;
    }

.bg-or span {
    color: #fff !important;
}

.bg-gr a {
    color: #fff !important;
    margin-left: 22px;
}

.bg-or a {
    color: #fff !important;
    margin-left: 22px;
}

.preloader img {
    width: 80px;
}

.success-icon {
    padding: 70px 20px;
}
/*.bookconfirm {
    background-color: #f0f3f8;
}*/
.set-date {
    background: #eee;
    padding: 10px;
    border-radius: 3px;
    margin-top: 10px;
}

.success-icon .main-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
}

    .success-icon .main-container .check-container {
        width: 100px;
        height: 120px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-animation: mover 1s infinite alternate;
        animation: mover 1s infinite alternate;
    }

.process-card .book-info .action-sec a {
    width: 30px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
    border-radius: 50%;
    height: 30px;
    display: inline-block;
    text-align: center;
    background: #3b3a3b;
    position: relative;
    top: 7px;
    color: #fff;
}

.has-after:after {
    position: absolute;
    content: '';
    border: 2px dashed #fff;
    width: 100px;
    right: -100px;
    top: 50%;
}

.single-content-item p {
    word-break: break-all;
}

.bg-theme {
    background: #a4811f !important;
}

.process-card .check {
    position: absolute;
    right: 20px;
    top: 15px;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .mini-container {
        width: 100% !important;
    }

    .has-after:after {
        content: none !important;
    }

    .process-card {
        margin: 10px auto;
    }
}

.mini-container {
    width: 80%;
    margin: 0 auto;
}

.process-card.checked {
    border: 2px solid #03ca8d;
    text-align: left;
    padding-bottom: 30px;
    display: flow-root;
}

    .process-card.checked .icon-sec {
        float: left;
        width: 66px;
        margin-top: 23px;
        margin-left: 15px;
        left: 0;
    }

    .process-card.checked .sec-content {
        float: left;
    }

.checked .check i {
    color: #03ca8d;
}

.check i {
    font-size: 36px;
}

.breadcrumb-area {
    background-size: cover !important;
    background-position: center !important;
}

.hero-wrapper6 .hero-box {
    padding-top: 49px !important;
    padding-bottom: 35px !important;
}
.hero-box {
    padding-top: 10px !important;
}
.mt-90 {
    margin-top: 90px;
}

.process-card .icon-sec {
    position: relative;
    margin: 0 auto;
    width: 42px;
    margin-bottom: 23px;
}

    .process-card .icon-sec:before {
        content: '';
        height: 60px;
        border-radius: 50%;
        width: 60px;
        top: -10px;
        border: dashed 2px #000;
        position: absolute;
        left: -9px;
    }

.process-card.active .icon-sec:before {
    -webkit-animation: rotation 2s infinite linear;
}

.process-card.checked .icon-sec:before {
    left: 0;
    margin-left: -11px;
}

.check-background i {
    color: #fff;
    font-size: 57px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    stroke-dasharray: 80;
    stroke-dashoffset: 80;
    -webkit-animation: animateCheck 0.35s forwards 1.25s ease-out;
    animation: animateCheck 0.35s forwards 0.55s ease-out;
}

.check-shadow {
    bottom: calc(-15% - 5px);
    left: 0;
    width: 100%;
    height: 18px;
    border-radius: 50%;
    background: radial-gradient(closest-side, #1bc5bd, transparent);
    -webkit-animation: animateShadow 0.75s ease-out forwards 0.75s;
    animation: animateShadow 0.75s ease-out forwards 0.75s;
}

.payconfirm .check-shadow {
    bottom: calc(-15% - 5px);
    left: 0;
    width: 100%;
    height: 18px;
    border-radius: 50%;
    background: radial-gradient(closest-side, green, transparent);
    -webkit-animation: animateShadow 0.75s ease-out forwards 0.75s;
    animation: animateShadow 0.75s ease-out forwards 0.75s;
}

.payfailed .check-shadow {
    bottom: calc(-15% - 5px);
    left: 0;
    width: 100%;
    height: 18px;
    border-radius: 50%;
    background: radial-gradient(closest-side, red, transparent);
    -webkit-animation: animateShadow 0.75s ease-out forwards 0.75s;
    animation: animateShadow 0.75s ease-out forwards 0.75s;
}

.payInfo .check-shadow {
    bottom: calc(-15% - 5px);
    left: 0;
    width: 100%;
    height: 18px;
    border-radius: 50%;
    background: radial-gradient(closest-side, #313645, transparent);
    -webkit-animation: animateShadow 0.75s ease-out forwards 0.75s;
    animation: animateShadow 0.75s ease-out forwards 0.75s;
}

.success-icon .success-contain {
    text-align: center;
}

    .success-icon .success-contain h4 {
        color: #1bc5bd;
        font-size: 30px;
        font-weight: 500;
    }

.payconfirm .success-icon .success-contain h4 {
    color: green;
    font-size: 30px;
    font-weight: 500;
}

.payfailed .success-icon .success-contain h4 {
    color: red;
    font-size: 30px;
    font-weight: 500;
}

.payInfo .success-icon .success-contain h4 {
    color: #313645;
    font-size: 30px;
    font-weight: 500;
}

.set-heading {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.success-icon .success-contain h5 {
    margin: 5px 0 10px;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.font-light {
    color: #7e7e7e !important;
}

.main-menu-content nav ul {
    float: left;
}

.main-menu-content .nav-btn {
    /* position: relative; */
    display: inline-block;
    margin-left: 9px;
    margin-top: -5px;
}

    .main-menu-content .nav-btn.on-login {
        /* position: relative; */
        display: inline-block;
        margin-left: 9px;
        margin-top: 5px;
    }

.success-icon .success-contain h6 {
    letter-spacing: 1.1px;
    font-weight: bold;
}

.box-btn {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
}

    .box-btn button {
        margin-right: 15px;
    }

.success-icon .main-container .check-container .check-background {
    width: 100%;
    height: calc(100% - 20px);
    background: -webkit-gradient(linear, left top, right bottom, from(green), to(green));
    background: linear-gradient(to bottom right, #1bc5bd, #1bc5bd);
    -webkit-box-shadow: 0px 0px 0px 65px rgb(255 255 255 / 25%) inset, 0px 0px 0px 65px rgb(255 255 255 / 25%) inset;
    box-shadow: 0px 0px 0px 65px rgb(255 255 255 / 25%) inset, 0px 0px 0px 65px rgb(255 255 255 / 25%) inset;
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    border-radius: 50%;
    -webkit-animation: animateContainer 0.35s ease-out forwards 0.35s;
    animation: animateContainer 0.35s ease-out forwards 0.35s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
}

.payconfirm .success-icon .main-container .check-container .check-background {
    background: linear-gradient(to bottom right, green, green);
}

.payfailed .success-icon .main-container .check-container .check-background {
    background: linear-gradient(to bottom right, red, red);
}

.payInfo .success-icon .main-container .check-container .check-background {
    background: linear-gradient(to bottom right, #313645, #313645);
}

.auth-links a {
    font-weight: bold;
    color: #d3d3d3;
    font-size: 17px;
}

.nav-btn .text-primary {
    color: #d3d3d3 !important;
}

.auth-links i {
    font-size: 20px;
    color: #0d233e !important;
}

@keyframes animateContainer {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-box-shadow: 0px 0px 0px 65px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 65px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset
    }

    25% {
        opacity: 1;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-box-shadow: 0px 0px 0px 65px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 65px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset
    }

    43.75% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        -webkit-box-shadow: 0px 0px 0px 43.334px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 43.334px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset
    }

    62.5% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 21.667px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 21.667px rgba(255,255,255,0.25) inset
    }

    81.25% {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 0px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 0px rgba(255,255,255,0.25) inset
    }

    100% {
        opacity: 1;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 0px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 0px rgba(255,255,255,0.25) inset
    }
}

@-webkit-keyframes animateContainer {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-box-shadow: 0px 0px 0px 65px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 65px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset
    }

    25% {
        opacity: 1;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-box-shadow: 0px 0px 0px 65px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 65px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset
    }

    43.75% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        -webkit-box-shadow: 0px 0px 0px 43.334px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 43.334px rgba(255,255,255,0.25) inset,0px 0px 0px 65px rgba(255,255,255,0.25) inset
    }

    62.5% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 21.667px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 21.667px rgba(255,255,255,0.25) inset
    }

    81.25% {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 0px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 0px rgba(255,255,255,0.25) inset
    }

    100% {
        opacity: 1;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 0px rgba(255,255,255,0.25) inset;
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.25) inset,0px 0px 0px 0px rgba(255,255,255,0.25) inset
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}

@keyframes mover {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}


@media only screen and (min-width: 320px) and (max-width: 991px) {
    .section-tab .nav-tabs .nav-item {
        margin-bottom: 0px;
    }


    .hero-svg {
        display: none;
    }

    .main-menu-content {
        /*padding: 30px 15px;*/
    }

        .main-menu-content ul li {
            padding: 13px 0;
            border-bottom: 1px solid #ececec;
        }

        .main-menu-content .menu-main li a.main-active {
            border-bottom: none !important;
            color: #313645;
        }

        .main-menu-content .nav-btn {
            padding: 17px 0;
            padding-top: 22px;
            border-bottom: 1px solid #ececec;
        }

    .foot__logo img {
        margin-top: 20px;
        width: 200px !important;
        padding: 10px;
        /*background: #fff;*/
    }

    .nav-adjustment {
        margin-left: unset !important;
    }
    /*.main-menu-content ul li {
        padding-bottom: 0 !important;
    }*/
    .tooltip #roombox {
        left: 25% !important;
        width: 100% !important;
    }

    .tooltipWithVisa #roomboxWithVisa {
        width: auto !important;
        /*left: unset !important;*/
    }

    .delete {
        margin-top: -35px !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 991px) {
    .main-menu-content nav ul {
        float: unset !important;
    }

    .main-menu-content .nav-btn {
        /* position: relative; */
        display: block !important;
        margin-left: 0 !important;
    }

    .main-menu-content ul li.theme-btn {
        padding-bottom: 0 !important;
    }

    .main-menu-content ul li.theme-btn-home {
        padding-bottom: 0 !important;
    }

    .main-menu-content nav .menu-main {
        width: 100%;
    }

    .video-bg video {
        height: 100%;
    }

    .tooltip #roombox {
        left: 11% !important;
        width: 100% !important;
    }

    .add-subpcc {
        width: 100%;
        text-align: center;
        height: 50px;
        margin-top: 12px;
    }

        .add-subpcc span {
            position: relative !important;
            /* margin-top: 0; */
            font-size: 25px !important;
            top: 8px !important;
            left: 0 !important;
        }

    .main-menu-content ul li .dropdown-menu-item.bookings-services {
        width: 100% !important;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {

    .tooltip #roombox {
        right: 11% !important;
    }
}

@media only screen and (min-width:992px) {
    .main-menu-content ul li .dropdown-menu-item.bookings-services {
        width: 250px !important;
    }
}



.main-menu-content ul li .dropdown-menu-item {
    display: block;
    background: #eee;
    height: auto;
    width: max-content !important;
    left: unset !important;
    right: 0 !important;
}

.main-menu-content ul li a.theme-btn {
    padding-bottom: 0;
}

.main-menu-content ul li a.theme-btn-home {
    padding-bottom: 0;
}

.inline-ltr {
    direction: ltr !important;
    display: inline-block !important;
}


.theme-btn {
    background-color: #45294E !important;
    color: white !important;
    border: unset !important;
}




.main-menu-content ul li a {
    color: black;
    font-weight: normal;
}

.auth-links a {
    color: black;
    font-weight: normal;
}

.main-menu-content, .main-menu-content a {
    text-transform: uppercase !important;
    font-size: 15px;
    letter-spacing: 1px;
}
body > header > div.header-menu-wrapper.padding-right-100px.padding-left-100px > div > div > div > div > div.nav-btn > div > div > ul > li > a > i{
    color:white !important;
}
body > header > div > div > div > div > div > div:nth-child(5) > div > ul > li.settings-nav > ul > li > a > i {
    color: black !important;
}
.header-menu-wrapper i {
    font-size: 17px !important;
}

.label-text {
    color: black !important;
}



.section-tab .nav-tabs .nav-link.active {
    color: #3d3c3d;
    background-color: #FFF;
}

.easyway {
    font-size: 30px !important;
    color: #FFF;
}


.card-item .card-rating .badge {
    background-color: #ba8d10 !important;
    font-size: 15px;
}

.footer-area {
    /*background-image: url("/finallook/images/footerbgg.jpg");*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.copy__desc {
    color: black !important;
}

.icon-white {
    color: black !important;
    background-color: white !important;
}

.vehicle-pax-margin {
    margin-left: 5px;
    margin-right: 5px;
}



.header-menu-wrapper {
    /* background-image: url(/finallook/images/bghead.jpg);
            background-position: left;
            background-repeat: no-repeat; */
    background-color: white;
}

.delete {
    position: unset !important;
}

@media only screen and (max-width: 991px) {
    .main-menu-content {
        display: none;
    }

    div#single-content-navbar {
        top: 100px !important;
    }

    .hero-bg-6 {
        background-image: url("/finallook/images/banner5.jpg") !important;
        background-position: bottom !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .nav-btn {
        display: unset;
    }
}
.las.home-b2b-icon {
    margin-left: -10px;
}

.card-img {
    height: 250px !important;
}



.settings-nav {
    margin-left: -10px;
    padding-right: unset !important;
}

.setting-nav-icon {
    font-size: 20px !important;
    margin-left: 0px !important;
    margin-right: 10px;
}

.nav-adjustment {
    margin-left: 40px !important;
}

.breadcrumb-area.bread-bg-7 {
    padding-top: 30px
}

@media only screen and (max-width: 991px) {
    .main-menu-content ul li .dropdown-menu-item {
        width: unset !important;
    }

    .nav-adjustment {
        margin-left: unset !important;
    }
}

.import-excel-btn {
    /*text-align: right;*/
    margin-right: 10px;
    margin-left: 0px;
}

.template-excel-btn {
    text-align: right;
}

.main-menu-content ul li a:hover {
    font-weight:bold;
}

.user-menu-open, .side-menu-close, .menu-toggler {
    background-color: white !important;
}

.auth-links a:hover {
    color: #FFF;
}

.setfix-detail {
    position: sticky;
    top: 120px;
}
.main-menu-content{
    padding-right:unset !important;
}


body > section.about-area.section--padding.overflow-hidden {
    padding-bottom: 40px;
}
.hero-box:after {
    background-color: unset !important;
}